/*
 Theme Name:     Demvast 
 Theme URI:      https://www.pithmedia.nl
 Description:    Demvast
 Author:         Pith Media
 Author URI:     https://www.pithmedia.nl
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Matangi:wght@300..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {font-size:16px;color:#1b322f;}
h1 {font-size:42px;font-weight:700;line-height:50px;}
h2 {font-size:34px;font-weight:700;line-height:43px;}
h3 {font-size:30px;font-weight:700;line-height:38px;}
h4 {}
h1,h2,h3,h4 {  font-family: "Matangi", sans-serif;}
a {color:#2257b8;}
p {font-size:16px;}

.page-template-default #main-content .container {padding-top:100px!important;}


/* buttons */
body a.smallblue, body a.bigblue, body .et_pb_button {background:#2d4661;border:0px;text-shadow:none;box-shadow:none;color:#FFF!important;padding:15px 50px;border-radius:3px;font-size:14px;}
body a.smallblue:hover, body a.bigblue:hover, body .et_pb_button:hover {background:#466382;color:#FFF!important;}

#cookie-banner {position: fixed;bottom:0;width:100%;background:#fff;padding:30px;box-shadow:0 -2px 5px rgba(0,0,0,0.2);display:none;z-index:9999}
#cookie-banner .cookie_tekst {float:left;width:80%;}
#cookie-banner .cookie_tekst strong {font-size:16px;}
#cookie-banner .cookie_tekst p {font-size:15px;}
#cookie-banner .cookie_buttons {float:right;width:20%;max-width:250px;}
#cookie-banner button {width:100%;padding:15px 15px;margin-bottom:10px;border:1px solid #2d4661;clear:both;display:block;font-size:16px;cursor:pointer!important;}
#cookie-banner #accept-cookies {background:#2d4661;color:#FFF;margin-top:10px;font-weight:bold;}
#cookie-banner #accept-cookies:hover {background:#2d4661;}
#cookie-banner #decline-cookies {background:#FFF;color:#2d4661;}

/* header */
.logo_container a {display:inline-block;}
.logo_container #logo {height:30px;margin-top:10px;}
body.page-id-9 #main-header.et-fixed-header .logo_container #logo {height:30px;margin:0px;}

#main-header {background:#142538;}
body.page-id-9 div.et_pb_section.et_pb_section_0:before {content:' ';display:block;position:absolute;
  left:0;top: 0;width: 100%;height:100%;opacity:0.5;background-image:url('https://www.demvast.nl/wp-content/uploads/2025/06/demvast-amsterdam.jpg');
  background-repeat:no-repeatbackground-position: 50% 0;background-size:cover;}
body.page-id-9 #main-header {background:none;}
body.page-id-9 #main-header.et-fixed-header {background:#142538;}
#et-main-area {margin:-80px 0 0 0;}
.hero-full {width:100%!important;max-width:none!important;min-height:100vh;padding:0;display:flex;align-items:center;}
.hero-full .et_pb_row {width:100%!important;max-width:100%!important;}

/* menu */
#top-menu a {color:#FFF!important;font-size:15px;}
.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {color:#FFF;font-weight:bold;}
.et_mobile_menu {border-top: 3px solid #142538;}
.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a, .et-fixed-header #top-menu li.current_page_item > a {color:#FFF!important;}
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, #top-menu li.current_page_item > a {color:#FFF!important;}
.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a, body.home .et-fixed-header #top-menu li.current_page_item > a {color:#FFF!important;}

/* Home */
.et_pb_section_0 .et_pb_text_inner {padding-top:60px;}
body.page-id-9 div.et_pb_section.et_pb_section_0 .et_pb_text_inner {padding:90px 0;}
body.page-id-9 div.et_pb_section.et_pb_section_0 .et_pb_text_inner h1 {width:70%;margin: 0 auto;}
body.page-id-9 div.et_pb_section.et_pb_section_0 .et_pb_text_inner p {font-size:20px;}

.et_builder_inner_content #over {transition:none !important;transform:none;}

#diensten .et_pb_column_1_4 .icon {background:#142538;color:#FFF;padding:30px;font-size:24px;text-align:center;display:inline-block;border-radius:10px;}
#diensten .et_pb_column_1_4 .et_pb_code_inner {text-align:center;}
#diensten .et_pb_column_1_4 strong {text-transform:uppercase;}

#projecten .et_pb_image_wrap img {border-radius:15px;}

.et_pb_toggle_title {font-weight:bold;}


/* Formulieren */
.wpcf7-form input {background:#e9eaf2;color:#333;border:0px;width:100%;height:45px;padding:0 10px 0 10px;}
.wpcf7-form textarea {background:#e9eaf2;color:#333;border:0px;height:245px;width:100%;padding:0 10px 0 10px;}
.wpcf7-form input[type=submit] {background:#2d4661;width:100%;border:0px;text-shadow:none;box-shadow:none;color:#FFF!important;padding:15px 50px;border-radius:3px;font-size:14px;}

/* Blog */
.single-post #content-area {padding:50px 0 0 0;}

/* Slider */
.et_pb_slider_container_inner .et_pb_slide_description {padding:0px;}
.et_overlay {display:none;}
.et_overlay::before {content:none!important;background:none;}
.et-gallery-title {padding:10px 0 0 0;}
.et_post_gallery img {border-radius:15px;}

/* Over mij */
.over-mij .et_pb_image_0 {margin-top:60px;}
.over-mij .et_pb_image_0 img {border-radius:15px;}

/* footer*/
#main-footer {background:#142538;}
#main-footer .footer-widget h4 {color:#FFF;}
#main-footer .footer-widget li::before {border-color:#FFF;}

#footer-bottom .et-social-icons .et-social-icon.et-social-rss a::before{
  content: "\f08c";font-family: "Font Awesome 5 Brands" !important;font-weight: 400;   
}
.footer-widget p {margin-bottom:0px;padding-bottom:5px;}


@media only screen and (max-width:767px) { /* Mobile */

  .logo_container #logo {height:auto;margin-top:-100px;}

  body.page-id-9 div.et_pb_section.et_pb_section_0 .et_pb_text_inner h1 {width:100%;font-size:34px;}
    .multi-post-slider .et_pb_slide_image {display:block!important;}
    #cookie-banner .cookie_tekst {width:100%;}
    #cookie-banner .cookie_buttons {width:100%;max-width:100%;}
    .et-gallery-title {padding-top:20px;}


    .mobile_slider .et_pb_slide_image {display:block!important;}
    .mobile_slider .et_pb_slide_image img {border-radius:15px;}
    .mobile_slider .et_pb_slide_content {display:block!important;}
    .mobile_slider .et-pb-controllers {bottom:0;}

}