/*
Theme Name: Winstgevers Thema
Theme URI: https://www.winstgevers.nl
Template: astra
Author: Davy Schouw
Author URI: https://www.winstgevers.nl
Description: Winstgevers
Tags: Winstgevers
Version: 3.9.1.1661243915
Updated: 2022-08-23 08:38:35

*/
@font-face {
    font-family: Jenki;
    src: url('/wp-content/themes/astra-child/fonts/Jenki.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: FiraSans;
    src: url('/wp-content/themes/astra-child/fonts/FiraSans-Regular.ttf');
}
@font-face {
    font-family: BebasNeue;
    src: url('/wp-content/themes/astra-child/fonts/BebasNeue-Regular.ttf');
}

/*ALGEMEEN*/
.ehf-header #masthead{
    z-index: 99;
    position: fixed;
    top: 0;
    width: 100%;
}
#content{
    overflow: hidden;
}
#gform_4 .gform-body{
    color: white;
}
body{
    position: relative;
    background-image: url("/wp-content/themes/astra-child/img/backgroundlogo.png") !important;
    background-repeat: repeat-y;
    background-position: center top;
    background-size: contain;
}
h1,h2{
    font-family: "Jenki", sans-serif !important;
}
.gold-gradient{
    background: -webkit-linear-gradient(to right, #B1976E, #ffe099, #B1976E, #ffe099, #B1976E);
    background:linear-gradient(to right, #B1976E, #ffe099, #B1976E, #ffe099, #B1976E);
    background:linear-gradient(to right, #B1976E, #ffe099, #B1976E, #ffe099, #B1976E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.football-background{
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    border: 1px solid #646464;
    z-index: -1;
}
.football-background .football-corner-ul{
    width: 250px;
    height: 10px;
    border-bottom: 1px solid #646464;
    transform: rotate(-45deg);
    position: absolute;
    top: 80px;
    left: -40px;
}
.football-background .football-corner-ur{
    width: 250px;
    height: 10px;
    border-bottom: 1px solid #646464;
    transform: rotate(45deg);
    position: absolute;
    top: 80px;
    right: -40px;
}
.football-background .football-corner-dl{
    width: 250px;
    height: 10px;
    border-bottom: 1px solid #646464;
    transform: rotate(45deg);
    position: absolute;
    bottom: 86px;
    left: -34px;
}
.football-background .football-corner-dr{
    width: 250px;
    height: 10px;
    border-bottom: 1px solid #646464;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 86px;
    right: -34px;
}
.football-background .football-middle-line{
    border-bottom: 1px solid #646464;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.football-background .football-middle-circle{
    border: 1px solid #646464;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 500px;
    height: 500px;
    border-radius: 50%;
}
.football-background .football-middle-point{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #646464;
}
div#content {
    margin-top: 130px;
}
a.contact-dsp{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}
a.contact-dsp svg{
    animation: rotation 120s infinite linear;
}
a.contact-dsp span {
    font-family: "Jenki";
    color: white;
    font-size: 100px;
    position: absolute;
    top: 100px;
    left: 64px;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
#light {
    top: 0;
    left: 0;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    background:-moz-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16) 0%, rgba(23, 22, 22, 0) 72%);
    background:-webkit-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16) 0%, rgba(23, 22, 22, 0) 72%);
    background:-o-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16) 0%, rgba(23, 22, 22, 0) 72%);
    background:-ms-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16) 0%, rgba(23, 22, 22, 0) 72%);
    background:radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16) 0%, rgba(23, 22, 22, 0) 72%);
}
.smoke{
    position: absolute;
    opacity: 0.1;
}
.smoke.smoke1{
    animation: smokeflow 200s infinite ease;
}
.smoke.smoke2{
    animation: smokeflow2 200s infinite ease;
    margin-top: 500px;
}
@keyframes smokeflow {
    0% {
        left: 5%;
    }
    50% {
        left: 30%;
    }
    100%{
        left: 5%;
    }
}
@keyframes smokeflow2 {
    0% {
        right: 5%;
    }
    50% {
        right: 30%;
    }
    100%{
        right: 5%;
    }
}
.bigpicture .swiper-wrapper{
    margin-top: 100px;
}
.bigpicture .swiper-slide img{
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}
.bigpicture .swiper-slide-next img{
    -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
    filter: blur(0px);
}
.bigpicture .swiper-slide-next{
    scale: 1.5;
    z-index: 1;
}
.inleiding, .inleiding h3{
    font-family: freight-display-pro,serif !important;
    font-weight: 300;
    font-style: normal;
}
/*FORMULIEREN*/
.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    flex-direction: row;
}
.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input{
    background: none;
    font-family: 'Bebas Neue';
    font-size: 30px;
    padding: 0;
    color: #B1976E;
}
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover{
    color: white;
    text-decoration: underline;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield textarea{
    background: none;
    border: 1px solid white;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    color: white;
}
.gform_wrapper.gravity-theme .gfield_label{
    color: white;
    font-weight: normal !important;
}
.menu-up{
    background: #2A2C29;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
}
.elementor-widget-text-editor a{
    color: white !important;
    text-decoration: underline !important;
}
.sbi-header{
    display: none;
}
.sbi_caption{
    color: white !important;
}
.sbi_more{
    color: white;
}
.sbi_photo {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.sbi_item:hover .sbi_photo{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
/*FORMULIER CONVERSATIONAL*/
.gform-conversational p.gform-conversational__welcome-message-copy{
    font-family: "FiraSans", sans-serif !important;
}
.gform_conversational #gform_confirmation_message_3{
    font-family: "FiraSans", sans-serif !important;
}
#gform_3 .gfield_label.gform-field-label{
    font-size: 28px;
}
#gform_3 .gform-field-label.gform-field-label--type-inline, #gform_3 .gfield_description{
    font-family: "FiraSans", sans-serif !important;
}
#gform_3 input[type="radio"]:checked,
#gform_3 input[type=reset],
#gform_3 input[type="checkbox"]:checked,
#gform_3 input[type="checkbox"]:hover:checked,
#gform_3 input[type="checkbox"]:focus:checked,
#gform_3 input[type=range]::-webkit-slider-thumb{
    background-color: #C9AB7C;
}
#gform_3 button{
    background-color: #C9AB7C;
    color: white;
    text-transform: uppercase;
    font-family: "Bebasneue", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border: 0px;
    border-radius: 5px;

}
#gform_3 .textarea.small,
 #gform_3 .ginput_container.ginput_container_text .large,
 #gform_3 .ginput_container.ginput_container_email .large,
 #gform_3 .ginput_container.ginput_container_phone .large{
    background: none;
    border: 1px solid white;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    color: white;
}
#gform_3 .gfield_required.gfield_required_text{
    color: #C9AB7C;
}
/*FAQ FIX*/
.elementor-element.elementor-element-76bafa5.elementor-widget.elementor-widget-toggle #elementor-tab-content-1241 p a{
    color: white;
    text-decoration: underline;
}
/*RESPONSIVE*/
/*IPAD - TABLET*/
@media only screen and (max-width: 1180px) {
    .smoke{
        max-width: 500px;
    }
    .football-background{
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;

    }
}
@media only screen and (max-width: 1024px) {
    .smoke{
        max-width: 500px;
    }
}
/*TELEFOON*/
@media only screen and (max-width: 600px) {
    .football-background {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        border: 1px solid #646464;
        z-index: -1;
    }
    .football-background .football-corner-ul {
        width: 100px;
        top: 27px;
        left: -18px;
    }
    .football-background .football-corner-ur {
        width: 100px;
        top: 27px;
        right: -18px;
    }
    .football-background .football-corner-dl {
        width: 100px;
        bottom: 33px;
        left: -12px;
    }
    .football-background .football-corner-dr {
        width: 100px;
        bottom: 33px;
        right: -12px;
    }
    .football-background .football-middle-circle {
        width: 300px;
        height: 300px;
    }
    .smoke{
        display: none;
    }
}