/**
 * Theme Name: Grand Sunrise
 * Template:   twentytwentyfour
 * ...other header fields
 */

/** Algemeen */
body {background-color:#E7E1D6!important}
h1 {color:Black !important}


a {
  color: #FFD700;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.wp-block-spacer {
    display: none;
}

/** Header */
header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}

.header-totaal
{background-color:#000000 !important;
height:100px}

.logo {
    float: left !important;
    height: 80px !important;
    padding: 10px !important;
display:none !important}

@media (min-width: 800px)
{	.logo {display:block !important}}
	
header a {
    text-decoration: none;
color:#daa520 !important;
font-size:20px}

.wp-block-site-title
{    text-decoration: none;
color:#daa520 !important;
font-size:30px !important}

.header-logo {text-align: center}
.logo img {
    height: 100% !important;
}
.header-navigatie {display:block !important;margin-left: auto; margin-right: auto}

.wp-block-navigation__responsive-container-open {
	color: #daa520 !important}

ul.wp-block-page-list li:first-child {
    display: none!important;
}

ul.wp-block-page-list li:second-child {
    display: none!important;
}

/**Voor pagina*/

.page-id-10 .wp-block-post-title {
   display:none
}


.page-id-10 .entry-content {
    height: 1100px !important;
}
@media (min-width:900px)
{	.page-id-10 .entry-content {
   height: 750px !important;
}}

.image-container {
    position: relative;
    display: inline-block;
    color: #E7E1D6;
    max-width: 100%;
    background-color: #E7E1D6;
    max-height: 100%;
    margin-left: 5% !important;

}

.image-container img {
  display: block; /* Verwijdert extra witruimte onderaan */
  width: 100%; /* Maakt afbeelding responsief */
  height: auto;
}

.text-overlay {
    position: absolute;
    top: 10%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    background-color: rgba(0, 0, 0, 0.5);
    /* padding: 10px 20px; */
    border-radius: 5px;
    font-weight: bold;
    width: 90%!important;
    margin-left: 5%;
    margin-right: auto!important;
    max-width: 90%!important;
}

span.tekst-voorpagina {
    font-size: 16px;
    line-height: 2;
    font-weight: 400;
    color: #E7E1D6;
}

@media (max-width:900px)
{	.pc {
   display:none !important;
}}

@media (min-width:900px)
{	.mobiel {
   display:none !important;
}}

/**Mogelijkheden*/
.schuttingen {width:100%}

.schutting {
     width: 92%;
     margin-left: 4%;
}

@media (min-width:900px)
{	.schutting {
	 width: 20%;
   float: left;!important;
}}

.schutting img {
    max-width: 100%!important;
}

/**Wat kost het*/
.page-id-12 .wp-block-post-title {
   display:none
}
/** Footer */
footer {margin-top:130px}

.custom-footer {background-color:#000000 !important; padding-top:20px !important}

.custom-footer a {color: #daa520!important}
.custom-footer p {color: #daa520!important}
.cb-button-next {color: #daa520 !important;}
.cb-button-prev {color: #daa520 !important;}

.menu-footer {float:left; color:red; max-height:200px}
.custom-footer {padding-top: 20px#daa520  !important;
}

footer h2 {
  color: #daa520;
}

/** Footer Carousel */
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--wp--custom--carousel-block--pagination-bullet-active-color,#daa520);
    opacity: var(--wp--custom--carousel-block--pagination-bullet-active-opacity,1);
}
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background: var(--wp--custom--carousel-block--pagination-bullet-hover-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-hover-color,var(--wp--custom--carousel-block--pagination-bullet-active-color,#daa520)));
    opacity: var(--wp--custom--carousel-block--pagination-bullet-inactive-hover-opacity,var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,.2));
}
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
    background: var(--wp--custom--carousel-block--pagination-bullet-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-color,#daa520));
    height: var(--wp--custom--carousel-block--pagination-bullet-size,8px);
    opacity: var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,var(--wp--custom--carousel-block--pagination-bullet-opacity,.2));
    width: var(--wp--custom--carousel-block--pagination-bullet-size,8px);
}
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
    background: var(--wp--custom--carousel-block--pagination-bullet-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-color,#daa520));
    height: var(--wp--custom--carousel-block--pagination-bullet-size,8px);
    opacity: var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,var(--wp--custom--carousel-block--pagination-bullet-opacity,.2));
    width: var(--wp--custom--carousel-block--pagination-bullet-size,8px);
}
.swiper {
    margin-left: 7% !important;
    margin-right: 7% !important;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.wp-block-cb-carousel-v2.cb-carousel-block.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {background-color: black;}

.wp-block-cb-slide-v2.cb-slide.swiper-slide {
    background-color: #E7E1D6;
    height: 200px !important;
}

.swiper-slide {max-height: 100% !important;}

.cb-button-prev{margin-left:5%!important;color:#daa520 !important}
.cb-button-next {margin-right:5%!important;color:#daa520 !important}


/**footer menu*/
.footer-kolommen {
	background-color: black!important;
	display:flex;
	flex-direction:column;
	gap:20px;
	padding:20px;        
width: 80%;
        margin-left: 15%;
}


.footer-kolom {
flex:1;
    background-color: black;
}

@media (min-width: 768px){
	.footer-kolommen{flex-direction:row;justify-content:space-between}
}

/** Rekenblad */
.ccb-section__fields {background-color:#E7E1D6!important}

.ccb-field__title {
    font-size: var(--ccb-field-size);
    font-weight: var(--ccb-field-label-weight);
    color: black;
    margin-bottom: 3px;
    text-align: left;
	padding-left: 10px;
}

.calculator {max-width:400px}

.ccb-section__fields {
	display: block !important;}

.ccb-field__input-wrapper {
    width: 99%;
    position: relative;
    border: 5px solid #E7E1D6;
}

	/**offerte formulier */
	
	input.wpcf7-form-control {
    display: block !important;
    width: 400px!important;
}