/*
 Theme Name:   Agencium Child
 Description:  Agencium Child Theme
 Theme URI:	   https://demo.artureanec.com/themes/agencium
 Author:       Artureanec
 Author URI:   https://demo.artureanec.com
 Template:     agencium
 Version:      1.0.0
 License: GNU  General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  agencium-child
*/

/* =Theme customization starts here
------------------------------------------------------- */


/*
font-family: "Ferry", Sans-serif;   
font-family: Anek Latin, Arial, Helvetica, sans-serif;  	300 light    	400 regular		600 semibold   700 bold

Kleuren
Oranje: #FF5A00  255 / 90 / 0
Blauw-groen: #004D54  0 / 77 / 84
Zwart: #16232A  22 / 35 / 42

*/


/*    
-------------------- 
-----   __o __o
----   _\<,_\<,_
--   (*)/   / (*)
--------------------   
        TANDEM
--------------------*/

h1, h2, h3, h4 {font-family: "Ferry", Sans-serif !important; font-weight:normal !important;}
h1 {font-size:80px !important; line-height: 80px !important;}
h2 {font-size:60px !important;}
h3 {font-size:45px !important; margin-bottom:30px !important; line-height:45px !important;}
h4 {font-size:28px !important; line-height:32px !important;}
p, .leestekst, .leestekst p, .uitklapvenster p {font-size:22px !important; line-height:32px !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.subtitel:before {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/hoekje-linksboven-wit.svg'); display: block; width:20px; height:20px; position: absolute; left: -35px; top: 10px;}
.home-titel h1 {font-size:100px; line-height: 100px;}
.introtekst, .introtekst p {font-size:26px !important; line-height:36px !important; color:#FFF !important; font-weight:300 !important;}
.introtekst-sub, .introtekst-sub p {font-size:26px !important; line-height:36px !important; color:#FFF !important; font-weight:300 !important;}

.twee-kolom-inner .elementor-container {padding:0px !important;}

/* buttons */
.agencium-alter-button::after {content:''; font-weight: normal !important; font:400 .725em/2.6em 'qceas-font';}


/* --------------------   
HEADER
--------------------*/

.header-row .logo-link img{width:160px; height:auto;}
.mobile-header {background:transparent;}

/* contact inschuif nu uitgezet in theme opties */
.header-icon.dropdown-trigger {right:20px; position:absolute; top:30px;}
.dropdown-trigger .dropdown-trigger-icon::before {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/icon-compas.svg'); display: block; width:40px; height:40px; transition:all 0.5s ease !important;}
.dropdown-trigger:hover .dropdown-trigger-icon::before {opacity:0.5;}
.slide-sidebar-wrapper.slide-sidebar-position-left.active {right:0; left:initial; transform: translateX(0); transition: transform 0.3s ease;}
.slide-sidebar-wrapper.slide-sidebar-position-left {transform: translateX(100%); right:0; left:initial; background: linear-gradient(160deg,rgba(0, 77, 84, 1) 30%, rgba(22, 35, 42, 1) 90%);} 
.slide-sidebar-wrapper::after, .alter-menu-decorate::after {display:none;}


/* extra menu */
.page-header-area .header .header-row .header-menu-container .main-menu {float:right !important; padding-right:100px !important;}
#menu-hoofdmenu a{transition: transform .3s ease;}
#menu-hoofdmenu a:hover {opacity:0.5; transform: scale(.95) !important;}
	
/* hamburger menu */
.compact-menu-trigger {margin-right:0px !important;}
.header-icon.compact-menu .compact-menu-trigger::before, .header-icon.compact-menu .compact-menu-trigger::after {width:35px !important;}
.alter-menu-wrapper { background-color: #004d54 !important; z-index:0; padding:0px !important;}
.alter-menu-wrapper.active {background:url('https://www.qceas.eu/wp-content/uploads/2025/11/Qceas-background-footer-zwart-2.png') top center no-repeat;}
.alter-menu-wrapper .alter-menu-decorate {display: none !important;}

.alter-menu-wrapper .alter-menu-menu:not(:last-child) {width:50%;}
.alter-menu-wrapper .alter-menu-sidebar-content:not(:first-child) {width: 40%;}
.alter-menu-wrapper .alter-menu-sidebar-content .alter-menu-widgets {margin: 0 30px; max-width: 100%;}
.alter-menu-wrapper .alter-menu-menu .main-menu > li > a {font-family: "Ferry", Sans-serif; font-weight: normal !important; }
.alter-menu-wrapper .alter-menu-menu .main-menu > li > a .counter {font-weight: 300; color: #FFF9; font-family: Anek Latin, Arial, Helvetica, sans-serif; }
.alter-menu-wrapper .alter-menu-menu nav {max-width:500px; padding:120px 30px 100px 30px;}


.contact-hamburger p, .contact-hamburger a {font-size: 18px !important; text-decoration: none !important; color:#FFF9 !important; font-family: Anek Latin, Arial, Helvetica, sans-serif !important; font-weight: 300;}
.contact-hamburger a:hover {color:#FF5A00 !important;}


/* 404 pagina hamburger verborgen omdat die het niet doet */
.error404 .header-icons-container {display: none !important;}


/* --------------------   
PAGINA ALGEMEEEN
--------------------*/

.content-wrapper {margin-bottom:0px !important;}

/* --------------------   
ROW INTRO HOME
--------------------*/


/* --------------------   
ROW HEADER SUBPAGINA
--------------------*/

.row-header-foto {height:750px;}
.row-intro-onderfoto {margin-top:-100px !important;}


/* --------------------   
ROW SERVICE
--------------------*/

.service-heading {margin-bottom:50px !important;}
.service-onderschrift p {font-size:20px !important; margin-bottom:-5px !important;}
.service-onderschrift h4 {margin-top:0px !important;}

.service-afbeelding {margin-bottom:25px !important; position: relative; overflow: hidden; transition: transform .3s ease; }
.service-afbeelding::after {content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(-15deg,rgb(255, 90, 0) 10%, rgba(255, 90, 0, 0) 35% ); opacity:0.5;}
.service-afbeelding:hover {transform: scale(.9) !important;}
.service-afbeelding img { transition: inherit;}


/* --------------------   
ROW PERSONEEL
--------------------*/

.row-personeel .service-onderschrift p {margin-bottom:8px !important;}
.row-personeel .service-onderschrift h4, .row-personeel .service-onderschrift p {font-size:20px !important; line-height: 20px !important;}


/* --------------------   
ROW QUOTE AFBEELDING
--------------------*/

.row-quote-afbeelding {}
.quote h3 {font-size:60px !important; line-height:60px !important; margin-bottom:25px !important;}
.quote h3:before {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/pijltje-rechtsonder-wit.svg'); width: 40px; height: 40px; display: inline-block; position: absolute; top: -30%;}
.quote-naam {margin-top:-8px;}
.quote-naam p{text-transform: uppercase !important; font-size:20px !important; color:#FFF !important;}

/* --------------------   
ROW COUNTERS
--------------------*/

.row-counters .elementor-widget-counter {text-align:center;}
.row-counters .elementor-widget-counter h5  {text-align:center !important; width: 100% !important;}


/* --------------------   
ROW UITKLAPVENSTER
--------------------*/

.row-uitklapvenster .uitklapvenster p {line-height:32px !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#uitklap-vijf .elementor-accordion {counter-reset: acc 4; /* start op 4 → eerste item wordt 5 */}
#uitklap-vijf .elementor-accordion-item .elementor-accordion-title::before {counter-increment: acc; content: "." counter(acc, decimal-leading-zero) "/ "; font-weight: inherit; font-family: "Anek Latin", Sans-serif;
  font-size: 22px; font-weight: 300; color: #FFFFFF; margin: 0 30px 0 0;}




/* --------------------   
ROW PROJECTEN OVERZICHT (row)
--------------------*/

.row-projecten-overzicht-slider .portfolio-item .post-category-item {text-transform:uppercase !important; font-size: 30px !important; font-weight: 300 !important;}
.row-projecten-overzicht-slider .portfolio-item .post-category-item:before {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/hoekjes-samen.svg') !important; width: 20px; height: 20px; left:-20px; display: inline-block !important; position: absolute !important;}
.row-projecten-overzicht-slider .portfolio-item .portfolio-date {font-size:20px !important;}
.portfolio-listing-wrapper .portfolio-item-wrapper.with-title-icon .post-title a::after {content: ''; font-family: "qceas-font"; font-weight: normal !important;}


/* --------------------   
PROJECTEN OVERZICHT (pagina) 
--------------------*/

.page-id-7579 .post-categories {display: none !important;}
.portfolio-listing-wrapper.portfolio-modern-listing .portfolio-item-wrapper.with-media-icon .portfolio-item .portfolio-item-media-link::after {content: ''; font-family: "qceas-font"; font-weight: normal !important;}
.portfolio-listing-wrapper.portfolio-modern-listing .portfolio-item-wrapper.with-media-icon .post-media:after {content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(-15deg,rgb(255, 90, 0) 10%, rgba(255, 90, 0, 0) 35% ); opacity:0.5;}

.portfolio-item-media {transition: transform 8s ease; }
.portfolio-item-media:hover {transform: scale(.92) !important;}


/* --------------------   
PROJECT SINGLE
--------------------*/

.single-agencium_portfolio .body-container {background-color:#004D54;}

.single-agencium_portfolio .page-title:before {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/hoekjes-samen.svg'); display: block; width:40px; height:40px; position: relative; left: -50px; top: 0px;}
.page-title-additional-image {display: none;}
.single-agencium_portfolio .content-wrapper {margin-top:0px;}
.portfolio-categories .post-category-item {font-family: Anek Latin, Arial, Helvetica, sans-serif; font-weight: 300 !important; text-transform:uppercase; }
.portfolio-date, .portfolio-info-table, .portfolio-post-details .agencium-subtitle {font-family: Anek Latin, Arial, Helvetica, sans-serif; font-weight: 300 !important;}

.portfolio-details {margin-bottom:150px;}
.portfolio-details .portfolio-description {width:60%; padding:0 10% 0 0;}
.portfolio-description p {}
.portfolio-details .portfolio-info::after {display: none !important;}

.afbeelding-project-single img {margin-bottom:50px !important;}

.row-duikteam-iconen .elementor-widget-image-box {margin-bottom:25px !important;}
.row-duikteam-iconen .elementor-image-box-img {max-width:100px !important; height:auto;}

/* footer single project */
.navigation.post-navigation {margin-top:0px; margin-bottom:100px;}
.archive-icon {display: none !important;} 	
.post-navigation .post-navigation-title {font-family: "Ferry", Sans-serif; font-weight: normal !important;}
.post-navigation-link {overflow: visible !important;}
.post-navigation .post-navigation-item {max-width: 200px;}

.post-navigation .post-navigation-item.prev-post .post-navigation-link a::before {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/pijltje-links.svg'); display: block; width:14px !important; height:auto; position:relative;}
.post-navigation .post-navigation-item.next-post .post-navigation-link a::after {content: url('https://www.qceas.eu/wp-content/themes/agencium-child/images/pijltje-rechts.svg'); display: block; width:14px !important; height:auto; position:relative;}
nav.navigation.post-navigation::before {display: none !important;}
  


/* --------------------   
BLOG OVERZICHT
--------------------*/

.standard-blog-item-wrapper:not(.agencium-format-quote) .blog-item .post-title a {border-bottom:none !important;}
.archive-listing-wrapper.creative-listing .post-title::before {content: ''; font-family: "qceas-font"; font-weight: normal !important;}
	

/* --------------------   
BLOG SINGLE
--------------------*/

/* .single-post .post-labels {display: none;} */
.single-post .post-labels + .post-media-wrapper {}
.single-post .content-wrapper {margin-top:250px;}
.single-post .wp-block-heading, .single-post .wp-block-latest-posts__post-title {font-family: "Ferry", Sans-serif !important; line-height: 16px; font-size:14px; font-weight:normal !important;}	
.single-post .wp-block-latest-posts__post-title:hover {text-decoration: none !important;}	
.vragenblok-blog-sidebar .wp-block-heading {line-height: 30px !important;}
.sidebar .wp-block-group__inner-container > .wp-block-title:first-child h6::after {content: ''; font-family: "qceas-font"; font-weight: normal !important;}
.post-meta-item.post-meta-item-tags {display: none;}
.single-post .post-content {padding-bottom:100px !important;}
.single-post .post-media-wrapper::after {display: none !important;}
  
  
/* --------------------   
ROW FOOTER
--------------------*/

.row-footer-adres h3 {font-size:32px !important; line-height: 32px !important;}
.row-footer-adres h4 {font-size:24px !important; margin-bottom:10px !important;}
.row-footer-adres p {font-size:20px !important; line-height:32px !important;}
.row-footer-adres a {color:#FFFFFF99 !important; text-decoration:none !important; line-height:32px !important;}
.row-footer-adres a:hover {color:#FF5A00 !important;}
.footer-button-offerte .agencium-alter-button::after {font: 400 2em / 1.8em 'qceas-font'; right:0px;}
.footer-button-offerte .agencium-alter-button {padding: 0 5.5em 1.0em 0; line-height:1.5em;}

.row-footer-copyright p {font-size:16px !important; color:#FFFFFF99;}
.row-footer-copyright a:first-of-type {margin-left:10px;}
.row-footer-copyright a {font-size:16px !important; text-decoration: none; color:#FFFFFF99 !important; text-decoration:none !important; margin-right:10px;}
.row-footer-copyright a:hover {color:#FF5A00 !important;}

.footer-scroll-top::before {content: '' !important; font: 400 normal 24px/1 'qceas-font' !important;}

/* --------------------   
CONTACTFORMULIER
--------------------*/

.qceas-contact .halfveld {width:50%; padding-right:30px; box-sizing:border-box; display: block; float:left; margin-bottom:20px;}
.qceas-contact .halfveld:nth-of-type(odd) {padding-right:0px;} 
.qceas-contact .heelveld {clear: both; width:100%; padding-top:30px;}
.qceas-contact .veldcontact {margin-bottom:20px;}
.qceas-contact label{font-size:18px;}
.qceas-contact form input, .qceas-contact form textarea {color:#FFF; font-size:16px;}
.wpcf7-text, .wpcf7-email, .wpcf7-textarea, .wpcf7-select {background:transparent; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(255, 255, 255, 0.2); width:100% !important;}
.wpcf7-text:focus, .wpcf7-text:focus-visible, .wpcf7-textarea:focus, .wpcf7-textarea:focus-visible {outline: none; box-shadow: none; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(255, 255, 255, 1);}
.wpcf7-file:focus, .wpcf7-file:focus-visible {outline: none; box-shadow: none;}
.qceas-contact .wpcf7 input[type="file"] {color: #fff;}
.qceas-contact .wpcf7 input[type="file"]::file-selector-button {border-radius:50px; background: transparent; border: 1px solid #fff; color: #fff; padding: 8px 16px; cursor: pointer;}
.qceas-contact .wpcf7-file {margin-top:10px;}
.qceas-contact .wpcf7-list-item {margin-left:0px;}
.qceas-contact .keuzebolletjes .wpcf7-list-item {margin-right:40px;}
.qceas-contact .keuzebolletjes {margin-bottom:50px;}

.qceas-contact .wpcf7-submit {border: 1px solid #FF5A00 !important; padding: 5px 10px !important; border-radius: 50px !important;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #FFF2 !important; background: #FFF2; border: 1px solid #FFF2; }
.wpcf7 form.invalid .wpcf7-response-output {background:#FF5A00; border:1px solid: #FF5A00 !important; border-color: #FF5A00 !important;}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {margin-left:0px; margin-right:0px; font-size:17px; line-height: 20px; padding:20px; color:#FFF !important;}
.qceas-contact .wpcf7-not-valid-tip {font-size:18px}

/* contactblok */
.contactgegevens-contactpag a {text-decoration:none !important; color:rgba(255,255,255,0.6) !important;}
.contactgegevens-contactpag a:hover {color:#FF5A00 !important;} 


/* calamiteiten */
.row-calamiteiten {background-position: center left -146px !important;}
.row-calamiteiten h2:before {content: url('https://www.qceas.eu/wp-content/uploads/2025/12/hoekjes-samen-2026.svg'); display: block; width:30px; height:30px; position: relative; left: -40px; top: -15px;}


/* --------------------   
RESPONSIVE
--------------------*/


@media (max-width: 1399px) {
  
  body:not(.elementor-editor-active) .content-wrapper .elementor-section-full_width > .elementor-container.elementor-column-gap-no, body:not(.elementor-editor-active) .content-wrapper .elementor-section-stretched > .elementor-container.elementor-column-gap-no {padding:0 20px !important;}
	
  body:not(.elementor-editor-active) .content-wrapper .elementor-section-full_width > .elementor-container.elementor-column-gap-no, body:not(.elementor-editor-active) .content-wrapper .elementor-section-stretched.row-tweekolom-tekst-portfolio > .elementor-container.elementor-column-gap-no {padding:0 0px !important;}

.row-tekst-raamfoto .elementor-widget-heading {padding-left:20px;}
.row-tekst-raamfoto .leestekst {padding-right:20px !important;}
.row-foto-tekst .elementor-widget-heading, .row-tekst-foto .elementor-widget-heading {padding-left:20px;}
.row-uitklapvenster .elementor-widget-heading {padding-left:20px;}
.row-uitklapvenster .uitklapvenster {padding-right:20px;}

}


/* laptop */
@media (max-width: 1200px) {

.verbergen-laptop {display:none;}

.row-footer .elementor-container.elementor-column-gap-default {padding:0px !important;}
.row-footer-adres h2 {}

}




/* tablet liggend */
@media (max-width: 1020px) {

.verbergen-tablet-liggend {display: none;}

h2 {font-size:50px !important; line-height:50px !important;}

.row-footer .elementor-container.elementor-column-gap-default {padding-left:10px !important; padding-right:10px !important;}
.row-footer-adres h4 {font-size:20px !important; margin-bottom:5px !important;}

.qceas-contact .halfveld {width:100%; padding-right:0px;}

.row-raamfoto-tekst .elementor-widget-heading {padding-left:20px;}
.row-raamfoto-tekst .leestekst, .row-tekst-foto .leestekst {padding-right:20px !important;}
.row-foto-uitklaptekst .uitklapvenster, .row-foto-uitklaptekst .elementor-widget-heading {padding-left:20px; padding-right:20px;}
.row-foto-tekst-grid .elementor-widget-heading {padding-left:20px;}

.creative-blog-item-wrapper {overflow: visible;}
.archive-listing-wrapper.creative-listing .post-title::before {position: absolute; margin-top: -40px;}

}

/* tablet staand */
@media (max-width: 840px) {

h1 {font-size:60px !important; line-height: 60px !important;}
.home-titel h1 {font-size:60px; line-height: 60px;}
h2 {font-size:40px !important;}
h3 {font-size:35px !important; margin-bottom:10px !important; line-height:35px !important;}
.quote h3 {font-size:40px !important; line-height:40px !important;}
h4 {font-size:24px !important;}
.introtekst, .introtekst p {font-size:20px !important; line-height:30px !important;}
.introtekst-sub, .introtekst-sub p {font-size:20px !important; line-height:30px !important;}
p, .leestekst, .leestekst p, .uitklapvenster p {font-size:17px !important; line-height:27px !important;}


.row-header-foto {height:600px;}
.row-counters .elementor-widget-counter h5 {top:80px; line-height: 20px;}
.row-uitklapvenster .uitklapvenster p {line-height:27px !important;}

.quote h3::before {top:-52px;}

.post-navigation .post-navigation-item.prev-post .post-navigation-link a::before {float:left;}
.post-navigation .post-navigation-item.next-post .post-navigation-link a::after {float:right;}

.row-duikteam-iconen .elementor-widget-heading h3 {margin-bottom:35px !important;}
.row-duikteam-iconen .elementor-widget-wrap {margin-bottom:0px !important;}

/* haakjes bij titels weg */
.subtitel:before {display:none;}

}

@media (min-width: 661px) {
  body:not(.elementor-editor-active) .content-wrapper .elementor-section-full_width > .elementor-container .elementor-section:not(.elementor-section-full_width) > .elementor-container, body:not(.elementor-editor-active) .content-wrapper .elementor-section-stretched > .elementor-container .elementor-section:not(.elementor-section-full_width) > .elementor-container {padding:0 10px !important;}
  
}  

/* telefoon liggend */
@media (max-width: 660px) {

  body:not(.elementor-editor-active) .content-wrapper .elementor-section-full_width > .elementor-container .elementor-section:not(.elementor-section-full_width) > .elementor-container, body:not(.elementor-editor-active) .content-wrapper .elementor-section-stretched > .elementor-container .elementor-section:not(.elementor-section-full_width) > .elementor-container {padding:0 0px !important;}
  
.verbergen-telefoon-liggend {display: none;}

h1 {font-size:50px !important; line-height: 50px !important;}
.home-titel h1 {font-size:50px; line-height: 50px;}

.home .flowmap-deformation-wrapper {min-height:850px !important;}
.row-tekst-raamfoto .elementor-widget-image {text-align: center !important;}
.row-uitklapvenster .uitklapvenster {padding-left:20px;}

.row-calamiteiten .elementor-widget-heading {padding-left:20px !important;}
.row-calamiteiten h2::before {left:-15px !important;}


/* portfolio single */
	.portfolio-details {margin-bottom:60px;}
	.portfolio-details .portfolio-description {width:100%; padding:0px;}
	.single-agencium_portfolio .page-title-container .page-title-row {height:fit-content;}
	.single-agencium_portfolio .content-wrapper {margin-top:20px;}

}


/* telefoon staand */
@media (max-width: 480px) {

h1 {font-size:45px !important; line-height: 45px !important;}
.home-titel h1 {font-size:45px; line-height: 45px;}

.row-header-foto {height:85vh;}
.quote-naam p{font-size:16px !important;}
.row-calamiteiten h2 {font-size:30px !important;}

.archive-listing-wrapper.creative-listing .post-title::before {margin-top: -25px;}

.row-projecten-overzicht-slider .portfolio-item .post-category-item {font-size: 22px !important;}

/* portfolio single */
.single-agencium_portfolio .content-wrapper {margin-top:none;}


.row-footer .icon-footer img {width:150px !important;}
.row-footer .row-footer-cta  h2 {line-height:38px !important;}


}


/* smalle telefoon staand */
@media (max-width: 400px) {

h1 {font-size:2.5rem !important; font-size:2.5rem !important;}  
h3 {font-size:1.8rem !important; line-height: 1.8rem !important;}  
.quote h3 {font-size:1.8rem !important;} 
  
}