/*
Theme Name: Helix Child
Description: Gebruik dit thema om maatwerk toe te passen op Helix
Author: Another Concept
Author URI: http://www.anotherconcept.nl
Version: 1.2
Template: helix
Date: 20220517

-------------------------------------------------------------- */
/* MAIN STYLES
-------------------------------------------------------------- */
/* Fonts */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2023 */



@font-face {
    font-family: 'gothambold';
    src: url('fonts/gothambold-webfont.woff2') format('woff2'),
         url('fonts/gothambold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambold_italic';
    src: url('fonts/gothambolditalic-webfont.woff2') format('woff2'),
         url('fonts/gothambolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight';
    src: url('fonts/gothamlight-webfont.woff2') format('woff2'),
         url('fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight_italic';
    src: url('fonts/gothamlightitalic-webfont.woff2') format('woff2'),
         url('fonts/gothamlightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium';
    src: url('fonts/gothammedium_1-webfont.woff2') format('woff2'),
         url('fonts/gothammedium_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium';
    src: url('fonts/gothammedium-webfont.woff2') format('woff2'),
         url('fonts/gothammedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium';
    src: url('fonts/gothammediumitalic-webfont.woff2') format('woff2'),
         url('fonts/gothammediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Fonts changes */
h1,h2,h3,h4,h5,h6{
    font-family: 'gothambold' !important;
}

.banner-text h2{
    text-transform: uppercase;
}

.banner-text {
    padding: 0 25vw;
}

/* Logo & Header */
#fixed-header .logo, #header .logo {
    width: 250px;
    height: auto;
    margin: 15px auto 15px auto;
    display: block;
}

nav ul li,
nav.nav-left.right-nav ul li:last-child, nav.nav-left.right-nav ul li:last-child:hover{
    padding:50px 0;
}

/* Links & buttons */
a.button, 
a.button:visited, 
a.button:focus {
    background-image: linear-gradient(to right, #8c612a, #d4af37, #8c612a);
    transition: all ease .2s;
    border: 0;
}

a.button:hover{
	background: #d4af37;
}

/* News */
.news-block-2 {
    border-color: #d4af37;
}

/* Pakketten */
.pakket-inner {
    width: 90%;
    margin: 0 auto;
    background: #232323;
}

.pakket-inner h3 {
    background: #111;
    color: #fff;
    padding: 15px;
    text-align: center;
}

.pakket-inner-content {
    padding: 20px 30px;
}

.pakket-inner ul {
    margin: 0;
    margin-bottom:10px;
}

.pakket-inner ul li {
    list-style: none;
    font-size: .95em;
    border-bottom: 1px solid #555;
    padding: 10px 0;
}

.pakket-inner ul li:before{
    content:"\f00c";
    font-weight: 400;
    color:#d4af37;
    font-family: "Font Awesome 6 Pro";
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-right:12px;
}

/* CTA */
/*
.cta-section.page-section {
    background: #d4af37;
    background-image: linear-gradient(to right, #8c612a, #d4af37, #8c612a);
}
*/

/* Footer */
footer h3{
	font-size:1.3em;
	font-weight:600;
}

footer{
	background-image:linear-gradient(to right,rgba(0,0,0,.6) 80%,rgba(0,0,0,1)),url(https://closeforce.tempurl.host/wp-content/uploads/2022/04/pexels-andre-estevez-3309865-scaled.jpg);
	background-size:60%;
	background-repeat:no-repeat;
	background-color:#000;
	background-position:left;
}

/* ----------------------------------------------------------- */
/* RESPONSIVE STYLES
-------------------------------------------------------------- */
/* Small screens */
@media only screen and (max-width: 40em) {

    .banner-text {
        padding: 0 5vw;
    }

    .banner-text {
        margin-top: calc((95vh / 2) - 225px);
    }

    h1 {
        font-size: 2.5em !important;
    }

    h2 {
        font-size: 2em !important;
    }

    h3 {
        font-size: 1.7em !important;
    }
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

    .banner-text {
        padding: 0 15vw;
    }

    .banner-text {
        margin-top: calc((95vh / 2) - 225px);
    }

    nav ul li, nav.nav-left.right-nav ul li:last-child, nav.nav-left.right-nav ul li:last-child:hover {
        padding: 30px 0;
    }
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */
	