/*
Theme Name:   My Tech Partner theme
Theme URI:    https://www.mytechpartner.nl/
Description:  My Tech Partner theme
Author:       My Tech Partner
Author URI:   My Tech Partner theme
Template:     deon
Version:      1.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  Deon child
*/

/* ----
 * Header Menu
 * --- */

#qodef-page-header {
	background-color: transparent;
}
.qodef-header--standard #qodef-page-header-inner {
	margin-top: 15px;
	margin-left: 20px;	
}

/* ----
 * Mega Menu
 * --- */
.qodef-drop-down-second-inner.qodef-content-grid {
    width: 100%;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul {
	padding-left: 20px;
	padding-right: 20px;
}

/* Solutions dropdown wider */
.wider-menu-link {
	min-width: 300px;
}

/* ----
 * Slide in Menu right top
 * --- */
a.qodef-opener-icon.qodef-m.qodef-source--svg-path.qodef-side-area-opener {
	margin-right: 34px !important;
}

/* ----
 * Frontpage
 * --- */

.qodef-page-title h1.qodef-m-title{
	margin-top: 75px;
}


/* De bedrijven plaatjes in de homepagina hebben nog een aparte margin nodig voor specifieke resoluties*/
@media (min-width: 778px) and (max-width:1340px){
	.home .qodef-swiper-container.qodef-swiper--initialized{	
		margin-top:305px;
	}
}

@media (max-width:767px){
	.home .qodef-swiper-container.qodef-swiper--initialized{
		margin-top:-40px;	
	}
	.home .qodef-blog .qodef-blog-item .qodef-e-media-image img {
    	display: block;
	    width: 100%;
	    min-height: 275px;
	}
}

/*Section homepage boven de call to action, foto's met koppen */
/* @media (min-width:769px) and (max-width:1340px){
	.home .qodef-interactive-link-showcase.qodef-layout--list{
		margin-top: -271px;
		margin-bottom: -115px;
	}
	 */
}
/* fix fullscreen menu responsivness for only mobile version */
@media (max-width:680px){
.qodef-svg--menu-arrow {
		position: absolute;
		top:2px;
	}
}

.cases-slider-home-page .elementor-widget-container:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25px;
    pointer-events: none;
    z-index: 10;
    left: 0;
    background: linear-gradient(to right, white, transparent);
}

.qodef-blog .qodef-blog-item .qodef-e-media-image img {
    display: block;
    width: 550px;
    max-height: 275px;
    object-fit: cover;
    object-position: top;
}

/* ----
 * Service pages
 * --- */
.qodef-section-title h2.qodef-m-title br {
    display: none;
}

.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light {
    min-width: fit-content;
}

#trp-floater-ls .trp-with-flags .trp-flag-image {
    margin-bottom: 2.5px;
}

#trp-floater-ls {
    height: 52px;
}

[id*=."swiper-wrapper"]{
    transition-timing-function: linear !important;
}

.swiper-wrapper{
    transition-timing-function: linear !important;
}

/* Karibu Case pagina */

/* 1. Verberg specifieke elementen op pagina 17437 */
body.postid-17437 div#qodef-page-comments,
body.postid-17437 img.attachment-full.size-full.wp-post-image,
body.postid-17437 .qodef-e-top-holder,
body.postid-17437 .qodef-e-bottom-holder,
body.postid-17437 #qodef-single-post-navigation .qodef-m-inner {
    display: none;
}

/* 2. Geen padding binnen page-inner */
body.postid-17437 #qodef-page-inner {
    padding: 0;
}

/* 3. Gradient-tekst voor H1 en H2 */
body.postid-17437 h1,
body.postid-17437 h2 {
    background: linear-gradient(
        90deg,
        rgba(115,200,235,1) 0%,
        rgba(95,179,220,1) 38%,
        rgba(80,164,209,1) 66%,
        rgba(107,107,251,1) 100%
    );
    -webkit-background-clip: text;
    color: transparent;
}

/* 4. Specifieke H1-grootte in Elementor */
body.postid-17437 h1.elementor-heading-title.elementor-size-default tag {
    font-size: 60px;
    font-weight: 700;
}

/* 5. Blog-items zonder extra marges/padding */
body.postid-17437 .qodef-blog .qodef-blog-item,
body.postid-17437 .qodef-blog.qodef--single .qodef-blog-item .qodef-e-bottom-holder,
body.postid-17437 .qodef-blog.qodef--single .qodef-blog-item .qodef-info--bottom {
    margin: 0;
    padding: 0;
}

/* 6. Paragraaf-stijl */
body.postid-17437 p {
    font-family: Roboto, sans-serif;
    font-size: 17px !important;
    margin: 10px 0 0 0;
}

/* 7. Kolombreedte resetten in Elementor */
body.postid-17437 .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0;
}

/* 8. Verberg standaard paginatitel */
body.postid-17437 .qodef-page-title.qodef-m.qodef-title--standard.qodef-alignment--left.qodef-vertical-alignment--header-bottom {
    display: none;
}

/* 9. Responsieve aanpassingen */

/* – Tot 1340px breed */
@media (max-width: 1340px) {
    body.postid-17437 .elementor-element.elementor-element-d6f7710 > .elementor-element-populated {
        padding: 0;
    }
}

/* – Tot 1024px breed */
@media (max-width: 1024px) {
    body.postid-17437 .elementor-element.elementor-element-d612836 {
        margin-top: 50px !important;
    }
    body.postid-17437 .elementor-element.elementor-element-78ad673 {
        margin-top: 75px;
        margin-bottom: 25px;
    }
}

/* – Tot 769px breed */
@media (max-width: 769px) {
    body.postid-17437 .elementor-element.elementor-element-d612836 {
        margin-top: 25px !important;
    }
    body.postid-17437 .elementor-element.elementor-element-ac358dc.elementor-widget.elementor-widget-text-editor {
        margin-bottom: 30px !important;
    }
    body.postid-17437 .elementor-widget:not(:last-child) {
        margin-bottom: 20px;
    }
}

/* – Tot 450px breed */
@media (max-width: 450px) {
    body.postid-17437 .elementor-element.elementor-element-98a8596 {
        margin-bottom: 10px;
    }
    body.postid-17437 .elementor-widget:not(:last-child) {
        margin-bottom: 0;
    }
    body.postid-17437 .elementor-element.elementor-element-ac358dc.elementor-widget.elementor-widget-text-editor {
        margin-bottom: 0 !important;
    }
    body.postid-17437 section.elementor-section.elementor-element-78ad673 .elementor-widget:not(:last-child) {
        margin-bottom: 10px;
    }
}

/* 10. Desktop-specifieke padding */
@media (min-width: 1125px) {
    body.postid-17437 .vue_text {
        padding-left: 23px;
    }
}


/* 2PRO Stylesheet voor pagina 17240 */
body.postid-17240 #qodef-page-comments,
body.postid-17240 #qodef-single-post-navigation,
body.postid-17240 .qodef-page-title,
body.postid-17240 .qodef-e-top-holder,
body.postid-17240 img.attachment-full.size-full.wp-post-image {
  display: none !important;
}

body.postid-17240 #qodef-page-inner {
  padding: 0;
}

body.postid-17240 .qodef-grid > .qodef-grid-inner {
  margin: -25px -15px;
}

body.postid-17240 .qodef-blog .qodef-blog-item {
  margin: 0;
}

body.postid-17240 .qodef-blog .qodef-blog-item .qodef-e-bottom-holder {
  margin: 0 !important;
}

body.postid-17240 header#qodef-page-header {
  background-color: #1b1b1b;
}

body.postid-17240 #qodef-page-header .qodef-header-logo-link img.qodef--main {
  opacity: 1;
  width: 126px;
}

body.postid-17240 span.qodef-menu-item-text {
  color: #fff;
}

body.postid-17240 .qodef-drop-down-second span.qodef-menu-item-text {
  color: #000 !important;
}

body.postid-17240 #bannerimage1 {
  display: block !important;
  margin: auto !important;
}

body.postid-17240 h1.elementor-heading-title.elementor-size-default span {
  font-size: 60px;
  font-weight: 700;
}

body.postid-17240 .elementor-container.elementor-column-gap-default,
body.postid-17240 .elementor-16668 .elementor-element.elementor-element-58986c6 img {
  position: static;
  top: 50px;
}

body.postid-17240 .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0;
}

body.postid-17240 a.qodef-shortcode.qodef-m.qodef-button.qodef-layout--outlined
  .qodef-m-text {
  color: #000;
}

body.postid-17240 a.qodef-shortcode.qodef-m.qodef-button.qodef-layout--filled
  .qodef-m-text {
  color: #fff;
}

/* Gradient-tekst voor literal tag, en span binnen H1/H2 */
body.postid-17240 tag,
body.postid-17240 h2 span,
body.postid-17240 h1 span {
  background: linear-gradient(
    90deg,
    rgba(115,200,235,1) 0%,
    rgba(95,179,220,1) 38%,
    rgba(80,164,209,1) 66%,
    rgba(107,107,251,1) 100%
  );
  -webkit-background-clip: text;
  color: transparent;
}

body.postid-17240 p {
  margin: 10px 0 0;
}

body.postid-17240 .elementor-widget:not(:last-child) {
  margin-block-end: 0;
  margin-bottom: 0;
}

body.postid-17240 ol:not(.wp-block),
body.postid-17240 ul:not(.wp-block) {
  margin: 0;
}

body.postid-17240 .elementor-widget-container h2 {
  margin-bottom: 10px;
}

body.postid-17240 .elementor-widget-container > ul li,
body.postid-17240 .qodef-tabs-content > ul li {
  margin-bottom: 0;
}

body.postid-17240 .widget a {
  color: #fff;
}

body.postid-17240 .qodef-blog.qodef--single .qodef-blog-item .qodef-e-bottom-holder,
body.postid-17240 .qodef-blog.qodef--single .qodef-blog-item .qodef-info--bottom {
  padding: 0;
}

body.postid-17240 #bannerimgsection {
  height: 600px;
  margin-bottom: 300px;
}

/* Responsief */
@media (max-width: 1440px) {
  body.postid-17240 #bannerimgsection {
    height: 50vw;
    margin-bottom: 200px;
  }
  body.postid-17240 .elementor-17240 .elementor-element.elementor-element-3d84230 img {
    width: 90%;
  }
}

@media (max-width: 1024px) {
  body.postid-17240 #bannerimgsection {
    height: 50vw;
    margin-bottom: 200px;
  }
  body.postid-17240 span.qodef-menu-item-text {
    color: #000;
  }
  body.postid-17240 .qodef-opener-icon.qodef-source--predefined .qodef-m-line {
    background-color: #000 !important;
  }
}

@media (max-width: 769px) {
  body.postid-17240 #bannerimgsection {
    height: 50vw;
    margin-bottom: 200px;
  }
  body.postid-17240 .elementor-17240 .elementor-element.elementor-element-1f35794 .elementor-heading-title {
    font-size: 15px;
  }
  body.postid-17240 h1.elementor-heading-title.elementor-size-default span {
    font-size: 35px;
    font-weight: 700;
  }
}

@media (max-width: 450px) {
  body.postid-17240 #bannerimgsection {
    height: 65vw;
    margin-bottom: 130px;
  }
}

body.postid-17240 .trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-light {
  min-width: fit-content;
}

body.postid-17240 #trp-floater-ls .trp-with-flags .trp-flag-image {
  margin-bottom: 2.5px;
}

body.postid-17240 a.qodef-shortcode.qodef-m.qodef-button.qodef-layout--filled .qodef-m-text {
  color: black;
}

@media (max-width: 425px) {
  body.postid-17240 h1.elementor-heading-title.elementor-size-default span {
    font-size: 30px;
    font-weight: 700;
  }
}