/* 
Theme Name: Kaders & Kunst
Theme URI: https://www.kadersenkunst.nl/
Description: Kaders & Kunst custom
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/* K&K */
.e-parent:not(.full){
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.grecaptcha-badge{
visibility: hidden;
}
p:last-child{
margin-bottom: 0;
}
a, a:active, a:hover{
color: inherit;
text-decoration: underline;
}
li::marker{
color: #8A6C28;
}
li > ul, li > ol{
margin: 0.3125rem 0;
}
.inhoud li:last-child{
margin-bottom: 1rem;
}
.inhoud ul, .inhoud ol{
padding-left: 1.25rem;
}
.elementor-button{
text-decoration: none !important;
padding: 0.875rem 2.75rem;
-webkit-mask: radial-gradient(circle 6px at top left, transparent 0, transparent 5.5px, #000 6.5px) top left, radial-gradient(circle 6px at top right, transparent 0, transparent 5.5px, #000 6.5px) top right, radial-gradient(circle 6px at bottom left, transparent 0, transparent 5.5px, #000 6.5px) bottom left, radial-gradient(circle 6px at bottom right, transparent 0, transparent 5.5px, #000 6.5px) bottom right;
-webkit-mask-size: calc(50% + 1px) calc(50% + 1px);
-webkit-mask-repeat: no-repeat;
}
.elementor-widget-text-editor .elementor-button{
margin-top: 2rem;
}
.goud .elementor-button{
background-color: #000;
}
.zwart .elementor-button{
background-color: #8A6C28;
}
.elementor-button-text{
font-style: normal;
color: #fff;
font-size: 1.125rem;
line-height: 1;
font-family: "outfit", Sans-serif;
}
.ondertitel{
font-size: 1.75rem;
line-height: 1.2857;
display: block;
margin-bottom: 2.25rem;
}
.intro{
font-size: 1.25rem;
line-height: 1.3;
}
small{
font-size: 0.875rem;
line-height: 1.2857;
}
.midden p{
width: clamp(268px, 800px, 100%);
margin-left: auto;
margin-right: auto;
}
.titel-alt{
max-width: 800px;
color: #8a6c28;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 4rem;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #fff;
margin-block-start: 4rem !important;
margin-block-end: 0 !important;
}
.swiper-pagination-bullets{
bottom: 0 !important;
}
.swiper-pagination-bullet{
border: solid 1px #fff;
}
.elementor-location-footer{
font-size: 1rem;
line-height: 1.25;
}
.goud a, .goud a:active, .goud a:hover{
color: #8a6c28;
}
.elementor-widget-text-editor > :is(h1,h2,h3,h4,h5,h6):first-child{
margin-block-start: 0;
}
.elementor-widget-text-editor > :is(h2,h3,h4,h5,h6){
margin-block-start: 2.5rem;
margin-block-end: 1.75rem;
}
h1:not(.single h1){
margin-block-end: 0;
}
.zwart :is(h2,h3,h4,h5,h6){
color: #8A6C28;
}
.goud :is(h2,h3,h4,h5,h6):not(.elementor-location-footer h2){
color: #000;
}
.onderschrift figcaption, 
.onderschrift-alt figcaption{
font-weight: 700;
font-style: normal !important;
}
.onderschrift figcaption{
font-size: 1.25rem;
margin-top: 1.75rem;
}
.onderschrift-alt figcaption{
font-size: 1.125rem;
margin-top: 1.25rem;
}
.elementor-element-05bc541 figcaption{
font-style: normal;
margin-top: 2.25rem;
}
.goud > *, .goud i:not(.elementor-button-icon i), .goud figcaption, .zwart > *, .zwart i:not(.elementor-button-icon i), .zwart figcaption{
color: #fff !important;
}
.goud{
background-color: #8A6C28;
}
.elementor-swiper-button-prev{
left: -1rem !important;
}
.elementor-swiper-button-next{
right: -1rem !important;
}
.swiper-wrapper{
align-items: center;
}
.swiper-slide-image{
border-style: solid !important;
border-width: 0rem 1rem 0rem 1rem !important;
border-color: #00000000 !important;
}
.elementor-toggle-item{
border-style: solid;
border-width: 0 0 1px 0;
}
.fade-border{
--start: 400px;
}
.fade-border::before{
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(to right, transparent 0, transparent var(--start), currentColor var(--start), transparent) top / 100% 1px no-repeat, linear-gradient(to right, transparent 0, transparent var(--start), currentColor var(--start), transparent) bottom / 100% 1px no-repeat;
}
.label-goud{
font-weight: 700;
color: #8A6C28;
}
.mbe h1{
margin-block-end: 2.75rem !important;
}
.map-wrapper iframe{
display: block;
}
/* Header/ footer */
.elementor-nav-menu > li:not(:last-child)::after{
position: absolute;
content: "I" !important;
font-size: 1.5rem;
font-weight: 700;
color: #8a6c28;
top: -2px;
right: -5px;
line-height: 1 !important;
}
.elementor-element-7261542 p{
font-size: 0.875rem;
line-height: 1.3333;
float: right;
white-space: nowrap;
}
.cta p{
max-width: 400px;
}
/* Formulieren */
input, select, textarea{
color: #fff !important;
font-size: 1.125rem !important;
border: none !important;
border-radius: 6px !important;
padding: 0.75rem 1rem !important;
background-color: #FFFFFF40 !important;
}
input::placeholder, textarea::placeholder{
opacity: 1 !important;
}
input:focus, select:focus, textarea:focus{
box-shadow: inset 0 0 0 2px #FFF !important;
}
.elementor-field-type-submit{
margin-top: 1.625rem;
}
.elementor-message:before{
filter: brightness(0);
}
.elementor-message{
margin-top: 1rem;
}
@media (max-width: 1024px){
.e-parent:not(.full){
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.elementor-element-7261542 p{
font-size: 0.75rem;
}
.fade-border{
--start: clamp(16.25rem, -4.375rem + 42.9688vw, 23.125rem);
}
.onderschrift-alt figcaption{
font-size: 0.875rem;	
}
}
@media (max-width: 767px){
.e-parent:not(.full){
padding-left: 1rem;
padding-right: 1rem;
}
.cta{
background-color: #8A6C28 !important;
}
.cta-alt{
background-color: #000 !important;
}
.fade-border{
--start-m: clamp(16.5625rem, 11.5438rem + 26.7666vw, 24.375rem);
}
.fade-border::before{
background: linear-gradient(to bottom, currentColor 0%, transparent 100%) left var(--start-m) / 1px calc(100% - var(--start-m)) no-repeat, linear-gradient(to bottom, currentColor 0%, transparent 100%) right var(--start-m) / 1px calc(100% - var(--start-m)) no-repeat;
}
.ondertitel{
font-size: 1.375rem;	
}
.intro{
font-size: 1.125rem;	
}
.titel-alt{
padding-top: 2.25rem;
margin-block-start: 2.25rem !important;
}
.elementor-nav-menu > li:not(:last-child)::after{
content: none !important;	
}
.elementor-menu-toggle{
z-index: 9999;
padding: 0;
}
.elementor-nav-menu__container{
padding: 6rem 0 1rem 0;		
}
.onderschrift figcaption{
font-size: 1.125rem;
margin-top: 0.75rem;
}
.map-wrapper iframe{
height: 350px;
}
.mbe h1{
margin-block-end: 1.75rem !important;
}
}