/* WPS page */
.newsletter-box .newsletter-success {
    text-align: left;
    color: #fff;
}

/* popup forms */
.cp-modal-body * {
    font-family: "Intelo Regular", sans-serif !important;
    font-weight: 300 !important;
    word-break: normal;
}

.cp-modal-body .cp-content-section {
    background-color: #fff;
}

span.cp-chbx-label, .cp-modal-note span {
    font-size: 12px;
    color: #888 !important;
}

.popup__cta {
    font-size: 23px !important;
    padding: 8px 20px !important;
    margin: 0 auto !important;
    display: block !important;
    white-space: normal !important;
    width: fit-content !important;
}  

/* landings */

body.page-template-template-landing,
body.single-versum_webinars {
	margin-top: 88px;
}


body.page-template-template-landing .footer .footer__social,
body.single-versum_webinars .footer .footer__social {
    padding: 0;
}

body.page-template-template-landing .footer .footer__social .social__phone,
body.single-versum_webinars .footer .footer__social .social__phone {
    font-size: 27px;
}

.page-template-template-landing .navbar-custom,
.single-versum_webinars .navbar-custom {
	height: 88px;
}

.page-template-template-landing .footer,
.single-versum_webinars .footer {
    padding: 30px 0;
}

.page-template-template-landing .footer .container,
.single-versum_webinars .footer .container {
	/*border-top: 1px solid #e3e3e3;*/
    padding-top: 30px;
}

.page-template-template-landing .banner:after,
.single-versum_webinars .banner:after {
	display: none;
}

.page-template-template-landing #page_content .landing-header, .page-template-template-landing #page_content h1,
.single-versum_webinars #page_content .landing-header, .single-versum_webinars #page_content h1 {
    font-family: Intelo-Bold;
}

.page-template-template-landing #page_content .landing-subheader,
.single-versum_webinars #page_content .landing-subheader {
    font-family: Intelo-Light;
}

.page-template-template-landing #page_content,
.single-versum_webinars #page_content {
	font-family: Intelo-Light;
    font-weight: 300;
    line-height: 2;	
}
.page-template-template-landing #page_content .mauticform_wrapper,
.single-versum_webinars #page_content .mauticform_wrapper { 
    line-height: 16px;
}
.page-template-template-landing #page_content b, #page_content strong,
.single-versum_webinars #page_content b, #page_content strong {
	font-family: Intelo-Bold;
	font-weight: 400;
}

.page-template-template-landing #page_content span b, #page_content span strong,
.single-versum_webinars #page_content span b, #page_content span strong {
	font-family: Intelo-Bold;
	font-weight: 400;
}

.page-template-template-landing #page_content ul,
.single-versum_webinars #page_content ul {
	list-style: none;
	padding-left: 0;
	text-indent: -45px;
    margin-left: 25px;	
}

.page-template-template-landing #page_content li,
.single-versum_webinars #page_content li {
    line-height: 2;
}

.page-template-template-landing #page_content li:before,
.single-versum_webinars #page_content li:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 15px;
    margin-right: 10px;
    background-image: url(https://www.versum.pl/wp-content/themes/wpserved-sage/dist/images/icon-check.svg);
    background-size: 20px 20px;
    vertical-align: middle;
}

.page-template-template-landing #page_content .banner__download,
.single-versum_webinars #page_content .banner__download {
    text-align: center;
}

.page-template-template-landing #page_content .banner__cta,
.single-versum_webinars #page_content .banner__cta {
    padding: 40px 0 0;
}

.page-template-template-landing #page_content .banner__cta,
.single-versum_webinars #page_content .banner__cta {
    padding: 40px 0 0;
}

.page-template-template-landing #page_content .banner__cta.banner__download,
.single-versum_webinars #page_content .banner__cta.banner__download {
    padding: 0;
}

.page-template-template-landing #page_content .banner__cta .btn-white,
.single-versum_webinars #page_content .banner__cta .btn-white { 
	max-width: 260px; 
	width: 100%; 
}

.page-template-template-landing #page_content .banner__cta .btn:focus,
.single-versum_webinars #page_content .banner__cta .btn:focus { 
	color: #fff;
}

.page-template-template-landing #page_content .banner__cta .btn-white:focus,
.single-versum_webinars #page_content .banner__cta .btn-white:focus { 
	color: #f4654e;
}

.page-template-template-landing .btn---white,
.single-versum_webinars .btn---white {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 12px 60px !important;
    font-family: Intelo-Light;
    font-size: 18px !important;
}

.page-template-template-landing .landing__icon img,
.single-versum_webinars .landing__icon img { max-width: 160px; }


.page-template-template-landing .footer .nav-link,
.single-versum_webinars .footer .nav-link {
	padding: 0;
}

.page-template-template-landing #page_content .banner__cta .btn-normal, .single-versum_webinars #page_content .banner__cta .btn-normal {
    width: auto;
    max-width: fit-content;
}

@media (min-width: 1200px) {
	.page-template-template-landing .container,
	.single-versum_webinars .container {
	    width: 980px;
	}
}

@media only screen and (min-width: 992px) {
    .single-versum_webinars .navbar-custom.navbar-scrolled {
        position: absolute;
        height: 88px;
    }
}

@media (max-width: 1199px) {
	/*body.page-template-template-landing {
	    margin-top: 77px;
	}*/
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
	.page-template-template-landing .navbar-custom.navbar-scrolled,
	.single-versum_webinars .navbar-custom.navbar-scrolled {
	    height: 69px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1460px) and (min-width: 1200px) {
	body.page-template-template-landing,
	body.single-versum_webinars {
	    zoom: 1;
	}	
}

@media only screen and (max-width: 991px) {
	/*body.page-template-template-landing {
	    margin-top: 46px;
	}*/
	.page-template-template-landing #page_content h2.landing-header,
	.single-versum_webinars #page_content h2.landing-header {
        font-size: 24px !important;
        line-height: 1.4 !important;
        padding: 20px 0;
    }
}

@media only screen and (max-width: 763px) {
	body.page-template-template-landing,
	body.single-versum_webinars {
	    margin-top: 56px;
	}
	.page-template-template-landing #page_content,
	.single-versum_webinars #page_content {
	    line-height: 25px;	
	}
	.page-template-template-landing .navbar-custom,
	.single-versum_webinars .navbar-custom {
	    height: 56px;
	}
	.page-template-template-landing .h2, .page-template-template-landing h2,
	.single-versum_webinars .h2, .single-versum_webinars h2 {
	    font-size: 26px;
	}
	.page-template-template-landing #page_content li:before,
	.single-versum_webinars #page_content li:before {
	    height: 15px;
	    width: 15px;
	    background-size: 15px 15px;
	}	
	.page-template-template-landing #page_content .mobile-banner,
	.single-versum_webinars #page_content .mobile-banner {
	    min-height: 640px;
	}	
	.page-template-template-landing #page_content .banner__cta,
	.single-versum_webinars #page_content .banner__cta {
	    padding: 20px 0 0;
	    text-align: center;
	}	
	.page-template-template-landing #page_content .banner__cta .btn-white,
	.single-versum_webinars #page_content .banner__cta .btn-white {
	    max-width: 160px;
	    width: 100%;
	}
	.page-template-template-landing .footer .footer-brand img,
	.single-versum_webinars .footer .footer-brand img {
	    width: 140px;
	    margin-bottom: 0px;
	}
	.page-template-template-landing .footer .footer__widgets .menu,
	.single-versum_webinars .footer .footer__widgets .menu {
	    text-align: center;
	}	
	.page-template-template-landing .footer .footer__social,
	.single-versum_webinars .footer .footer__social {
    	padding: 20px 0;
    }
	.page-template-template-landing .ult_countdown.ult-cd-s2 .ult_countdown-section,
	.single-versum_webinars .ult_countdown.ult-cd-s2 .ult_countdown-section {
	    padding: 0 5px;
	}
	.page-template-template-landing #page_content h2.landing-header,
	.single-versum_webinars #page_content h2.landing-header {
        font-size: 36px !important;
        line-height: 1.2 !important;
        padding: 0;
    }
    .popup__cta {
        font-size: 18px !important;
        padding: 8px 20px !important;
        margin: 0 !important;
        display: block !important;
        white-space: normal !important;
    }
    .page-template-template-landing .navbar-custom .container,
    .single-versum_webinars .navbar-custom .container {
        text-align: center;
    }
    .page-template-template-landing .navbar-custom .navbar-brand,
    .single-versum_webinars .navbar-custom .navbar-brand {
        left: auto;
    }    
}

body.page-template-template-landing.page-child,
body.single-versum_webinars.page-child {
    margin-top: 0px !important;
}
.page-template-template-landing.page-child .navbar-custom,
.single-versum_webinars.page-child .navbar-custom { 
    border-bottom: 0px; 
    position: relative !important;
    height: 130px !important; 
}
.page-template-template-landing.page-child .navbar-custom .navbar-brand,
.single-versum_webinars.page-child .navbar-custom .navbar-brand { 
    display: block; 
    margin: 0 auto; 
    text-align: center;
}
.page-template-template-landing.page-child footer,
.single-versum_webinars.page-child footer { 
    display: none; 
}


@media only screen and (max-width: 1199px) {
    .page-template-template-landing.page-child .navbar-custom .navbar-brand,
    .single-versum_webinars.page-child .navbar-custom .navbar-brand {
        padding-top: 50px; 
    } 
}

@media only screen and (max-width: 763px) {
    body.page-template-template-landing.page-child,
    body.single-versum_webinars.page-child {
        padding-top: 40px;
    }
    .page-template-template-landing.page-child .main,
    .single-versum_webinars.page-child .main {
        padding-top: 40px;
    }    
    .page-template-template-landing.page-child .navbar-custom .navbar-brand,
    .single-versum_webinars.page-child .navbar-custom .navbar-brand {
        padding-top: 0px; 
    }     
    .page-template-template-landing.page-child .navbar-custom,
    .single-versum_webinars.page-child .navbar-custom {
        height: 50px !important;
        position: relative !important;
        top: 0 !important;
    }
    .page-template-template-landing.page-child .banner__download a,
    .single-versum_webinars.page-child .banner__download a {
       font-size: 16px;
       padding: 8px 20px;
       display: block;
       white-space: normal;
    }
}

@media (max-width: 767px) {
    .section.section--video {
        background-size: cover !important;
        background-position-x: 34% !important;
    }
    .section.section--video .btn {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 15px !important;
    }
    .newsletter-box .newsletter-success {
        text-align: center;
    }    
}