/*
Theme Name: Tesseract
Author: Code Greene
Version: 1.0
Text Domain: tesseract (should be unique, 'theme-slug' is likely good)
*/

/* STYLE RESET =================================================================================================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');
:root{--font-body:'Roboto', sans-serif; --font-display:Georgia, 'Times New Roman', serif; --font-label:'Montserrat', sans-serif; --type-body-size:18px; --type-body-line:1.55; --type-label-size:13px; --type-label-line:1.1;}
*{padding:0; box-sizing:border-box; margin:0; color:var(--black); font-family:var(--font-body); font-size:var(--type-body-size); font-weight:400; line-height:var(--type-body-line); letter-spacing:0; text-rendering:geometricPrecision; position:relative;}

/* BLANKET STYLES ================================================================================================================================================ */

/* Defaults */

.hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}

.show{display:block !important;}
.hidden{display:none !important;}

body.noscroll{overflow:hidden;}

.page-wrapper{overflow:hidden; display:flex; flex-direction:column; width:100%; min-height:100vh; z-index:2; transition:all 0.25s;}
.page-content{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%; z-index:95;}

.flexible{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%;}

section{flex-grow:1; display:flex; flex-direction:column; justify-content:center; align-items:center; float:left; width:100%;}
section.default{padding:40px 0 110px;}
section .main-text{float:left; width:100%; max-width:844px; margin-bottom:50px;}

.white-text,
.white-text *{color:var(--white);}

/* Background Colors */

.primary-bg + .primary-bg,
.secondary-bg + .secondary-bg,
.white-bg +.white-bg,
.gray-bg + .gray-bg,
.black-bg + .black-bg{padding-top:50px;}

/* Overlays */

.overlay{opacity:0.7; width:100%; position:absolute; top:0; bottom:0; z-index:1;}
.overlay-primary{background-color:var(--primary);}
.overlay-secondary{background-color:var(--secondary);}
.overlay-light{background-color:var(--white);}
.overlay-dark{background-color:var(--black);}

/* Modal */

.jquery-modal.blocker{padding:0; z-index:9999;}
.modal{overflow:hidden; width:initial; max-width:1016px; padding:0; margin:0 70px; background-color:var(--white); border-radius:30px; box-shadow:none; z-index:99999;}
.modal.video-modal{width:1016px;}
.modal a.close-modal{top:10px; right:10px;}
.modal img{width:initial; max-width:100%; height:auto; max-height:90vh;}
.modal iframe{display:block; width:100%;}

@media screen and (max-width:1024px) {
	.modal{margin:0 50px;}
}

@media screen and (max-width:768px) {
	.modal{margin:0 35px;}
}

@media screen and (max-width:425px) {
	.modal{margin:0 20px;}
}

/* Slick Slider */

.slick-list{width:100%;}

.slick-arrow:before{color:var(--black); font-family:'Font Awesome 5 Free'; font-weight:700; transition:all 0.25s;}
.slick-arrow:hover:before{transform:scale(1.1);}
.slick-prev{left:-20px;}
.slick-prev:before{content:'\f053';}
.slick-next{right:-20px;}
.slick-next:before{content:'\f054';}

/* Columns Shortcode (Plugin) */

.content-column{margin-bottom:30px;}

/* Non-Paragraph Text */

img{display:block; width:initial; max-width:100%; height:auto;}

hr{display:block; width:100%; max-width:500px; border:1px solid var(--black);}
.white-text hr{border:1px solid var(--white);}

strong, strong *, b, b *{font-family:inherit; font-size:inherit; font-weight:700 !important;}
em{font-family:inherit; font-style:italic;}

span{font-family:inherit; font-size:inherit; font-weight:inherit;}

a{color:var(--primary); font-family:inherit; font-size:inherit; text-decoration:none; transition:all 0.25s;}
a:hover, a:focus, a:active{text-decoration:underline;}

iframe{max-width:100%;}

@media screen and (max-width:600px) {
	hr{max-width:275px;}
}

/* Paragraphs */

p{margin:24px 0;}
/* p a{text-decoration:underline;}
p a:hover{color:var(--primary);} */
p img{max-width:100%; height:auto;}
p img.alignright{float:right; margin:0 0 10px 10px;}
p img.alignleft{float:left; margin:0 10px 10px 0;}
p img.aligncenter{margin:20px auto;}
p + p{margin-top:0;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}

img.alignleft{float:left; margin:15px 15px 15px 0;}
img.alignright{float:right; margin:15px 0 15px 15px;}
img.aligncenter{margin:15px auto;}

.wp-caption{max-width:100%;}
.wp-caption img{max-width:100%; height:auto; border-radius:30px;}
.wp-caption p{margin:15px 0; color:#707070;}
.wp-caption *{font-size:12px !important;}

@media screen and (max-width:600px) {
    p img{width:100%; margin:20px 0 !important;}
}

/* Headings */

h1, h2, h3, h4, h5, h6{width:100%; margin-bottom:10px; color:var(--primary); font-family:var(--font-display); font-weight:400; line-height:1.12;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit;}
.white-text :is(h1, h2, h3, h4, h5, h6),
.white-text :is(h1, h2, h3, h4, h5, h6) *{color:var(--white);}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}

h1{font-size:66px; line-height:0.94;}
h2{font-size:48px;}
h3{font-size:34px;}
h4{font-size:23px;}
h5{font-size:20px;}
h6{font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); text-transform:uppercase;}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6{margin-top:30px;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote,
h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q,
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:15px;}

@media screen and (max-width:600px) {
    h1{font-size:42px; line-height:1;}
    h2{font-size:34px;}
    h3{font-size:28px;}
    h4{font-size:22px;}
}

/* Lists */

ul, ol{width:100%; padding-left:16px; margin:30px 0;}
ul:first-child, ol:first-child{margin-top:0;}
ul:last-child, ol:last-child{margin-bottom:0;}

li{margin-bottom:5px;}
li:last-of-type{margin-bottom:0 !important;}

/* Nav */

nav ul{padding:0; margin:0; list-style:none;}
nav li{padding-left:0;}
nav li:before{display:none;}
nav a:hover, nav a:focus, nav a:active{text-decoration:none;}

/* Blockquote */

blockquote, q{display:flex; flex-direction:column; align-items:center; padding:50px 0; margin:30px calc(50% - 50vw) 0; background-color:var(--primary);}
blockquote *, q *{color:var(--white) !important;}
blockquote .container, q .container{align-items:flex-start !important;}
blockquote .container > *:first-child:before, q .container > *:first-child:before{content:''; float:left; width:82px; height:65px; margin:10px 15px 0 0; background-image:url('./images/placeholder-quotes.png'); background-repeat:no-repeat; background-size:contain;}
blockquote:first-child, q:first-child{margin-top:0;}
blockquote:last-child, q:last-child{margin-bottom:0;}
blockquote sub, blockquote sub *, q sub, q sub *{float:left; font-family:var(--font-body); font-size:18px !important; font-weight:400; line-height:1.55; font-style:normal;}

@media screen and (max-width:600px) {
	blockquote, q{padding:30px 0;}
	blockquote *, q *{font-size:24px;}
	blockquote .container > *:first-child:before, q .container > *:first-child:before{width:62px; height:49px; margin:7px 10px 0 0;}
	blockquote sub, blockquote sub *{font-size:16px !important;}
}

/* Tables */

table{width:100%; margin:30px 0;}
table:first-child{margin-top:0;}
table:last-child{margin-bottom:0;}
tr{background-color:var(--white);}
tr:nth-child(even){background-color:var(--gray);}
th{padding:10px 15px; background-color:var(--primary); text-align:left; outline:1px solid var(--primary);}
th *{color:var(--white);}
td{padding:10px 15px; outline:1px solid var(--primary);}

/* Pagination */

.pagination{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:100%; margin:0}
.pagination *{text-decoration:none !important;}
.page-numbers{overflow:hidden; display:flex !important; justify-content:center; align-items:center; width:32px; height:32px; margin:5px; color:var(--primary); border:1px solid var(--primary); font-family:var(--font-label); font-size:12px; font-weight:700; line-height:1; text-align:center; text-transform:uppercase; white-space:nowrap; border-radius:32px; transition:all 0.25s;}
.page-numbers:first-child{margin-left:0;}
.page-numbers:hover,
.page-numbers.current{color:var(--white); background-color:var(--primary);}
.page-numbers.next,
.page-numbers.prev{width:initial; padding:0 12px; letter-spacing:0;}

/* Buttons */

.btn a, a.btn, .pseudo-btn,
.btn input[type=submit], input[type=submit].btn{display:block; float:left !important; min-width:224px; padding:14px 56px !important; font-family:var(--font-label); font-size:12px; font-weight:700; line-height:1; text-align:center; text-transform:uppercase; text-decoration:none !important; background:none; border:1px solid; border-radius:30px; transition:all 0.25s;}
.btn a:hover, a.btn:hover, .pseudo-btn:hover,
.btn input[type=submit]:hover, input[type=submit].btn:hover{cursor:pointer;}

.transparent-btn a, a.transparent-btn, .pseudo-btn.transparent-btn,
.transparent-btn input[type=submit], input[type=submit].transparent-btn{color:var(--primary) !important; border-color:var(--primary);}
.transparent-btn a:hover, a.transparent-btn:hover, .pseudo-btn.transparent-btn:hover,
.transparent-btn input[type=submit]:hover, input[type=submit].transparent-btn:hover{color:var(--white) !important; background-color:var(--primary);}

.white-text .transparent-btn a, .white-text a.transparent-btn, .white-text .pseudo-btn.transparent-btn,
.white-text .transparent-btn input[type=submit], .white-text input[type=submit].transparent-btn{color:var(--white) !important; border-color:var(--white);}
.white-text .transparent-btn a:hover, .white-text a.transparent-btn:hover, .white-text .pseudo-btn.transparent-btn:hover,
.white-text .transparent-btn input[type=submit]:hover, .white-text input[type=submit].transparent-btn:hover{color:var(--primary) !important; background-color:var(--white);}

@media screen and (max-width:600px) {
	.btn a, a.btn, .pseudo-btn,
	.btn input[type=submit], input[type=submit].btn{padding:15px 30px !important; font-size:12px;}
}

@media screen and (max-width:480px) {
	.btn a, a.btn, .pseudo-btn,
	.btn input[type=submit], input[type=submit].btn{width:100%;}
}

/* Button Shortcode ========================================== */
span.btnshrtcd{display:inline-block; padding:15px; padding-left:0;}

@media screen and (max-width:480px) {
	span.btnshrtcd{float:left; width:100%; margin-right:0;}
	span.btnshrtcd a{width:100%;}
}

/* Containers */

.container{width:100%; max-width:1340px; padding:0 70px; margin:0 auto; z-index:2;}
.container.medium{max-width:1156px;}
.container.small{max-width:984px;}

@media screen and (max-width:1024px) {
	.container{padding:0 50px;}
}

@media screen and (max-width:768px) {
	.container{padding:0 35px;}
}

@media screen and (max-width:425px) {
	.container{padding:0 20px;}
}

/* Forms ========================================== */

form{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:calc(100% + 16px); margin-left:-16px;}
.form-column{flex-grow:1; display:flex; flex-direction:column; width:50%; min-width:273px; padding-left:16px;}
.form-item{flex-grow:1; float:left; width:100%; min-width:232px; padding-left:16px; margin-bottom:20px;}
.form-column .form-item{padding:0;}
.form-item.form-half{width:50%;}
.form-item.form-third{width:33.33%;}
.form-item.form-quarter{width:25%;}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:var(--black) !important; position:absolute; top:15px; right:15px; z-index:1;}
.form-text{float:left; width:100%; margin-bottom:10px;}
.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; height:45px; padding:0 10px; background-color:var(--white); font-size:16px; line-height:1.4; border:none; border:1px solid var(--black); border-radius:7px;}
.form-input textarea{float:left; width:100%; height:110px; padding:8px 10px; background-color:var(--white); font-size:16px; line-height:1.4; border:none; border:1px solid var(--black); border-radius:7px;}

.form-input .wpcf7-list-item{margin:0 20px 0 0;}
.form-input .wpcf7-list-item.last{margin:0;}
.form-input .wpcf7-list-item label{display:flex;}
.form-input .wpcf7-list-item input{width:15px; height:17px; margin:5px 10px 0 0;}
.form-input .wpcf7-list-item span{font-size:14px; line-height:1.58;}
.form-input .wpcf7-acceptance .wpcf7-list-item{margin-left:0;}

.form-submit{padding-left:45px; margin-left:auto; text-align:center;}
.form-submit span.wpcf7-spinner{margin:0; position:absolute; top:11px; right:calc(100% + 5px);}

.form-input input::-webkit-input-placeholder{color:var(--black);}
.form-input input::-moz-placeholder{color:var(--black);}
.form-input input:-ms-input-placeholder{color:var(--black);}
.form-input input:-moz-placeholder{color:var(--black);}
.form-input textarea::-webkit-input-placeholder{color:var(--black);}
.form-input textarea::-moz-placeholder{color:var(--black);}
.form-input textarea:-ms-input-placeholder{color:var(--black);}
.form-input textarea:-moz-placeholder{color:var(--black);}

/* .white-text .form-input input,
.white-text .form-input select,
.white-text .form-input textarea{border:1px solid var(--white);}
.white-text .form-input input::-webkit-input-placeholder{color:var(--white);}
.white-text .form-input input::-moz-placeholder{color:var(--white);}
.white-text .form-input input:-ms-input-placeholder{color:var(--white);}
.white-text .form-input input:-moz-placeholder{color:var(--white);}
.white-text .form-input textarea::-webkit-input-placeholder{color:var(--white);}
.white-text .form-input textarea::-moz-placeholder{color:var(--white);}
.white-text .form-input textarea:-ms-input-placeholder{color:var(--white);}
.white-text .form-input textarea:-moz-placeholder{color:var(--white);} */

/* CF7 Form Validation ========================================== */

.wpcf7-not-valid-tip{display:none !important;}
form.invalid .wpcf7-not-valid{float:left; color:var(--black); border:1px solid red !important; background:#f0e3e3 !important; border-radius:7px;}
form.invalid .wpcf7-not-valid .wpcf7-list-item-label{color:var(--black);}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center; border-radius:7px;}
div.wpcf7-response-output{float:left; width:100%; padding:0; margin:0; text-align:center; border-radius:7px;}
div.wpcf7-mail-sent-ng{float:left; width:100%; margin-left:0 !important; margin-right:0 !important; text-align:center; border-radius:7px;}

form input[type=submit]:disabled{opacity:0.5;}
form input[type=submit]:disabled:hover{cursor:not-allowed;}

form.invalid input.wpcf7-not-valid::-webkit-input-placeholder{color:var(--black);}
form.invalid input.wpcf7-not-valid::-moz-placeholder{color:var(--black);}
form.invalid input.wpcf7-not-valid:-ms-input-placeholder{color:var(--black);}
form.invalid input.wpcf7-not-valid:-moz-placeholder{color:var(--black);}
form.invalid textarea.wpcf7-not-valid::-webkit-input-placeholder{color:var(--black);}
form.invalid textarea.wpcf7-not-valid::-moz-placeholder{color:var(--black);}
form.invalid textarea.wpcf7-not-valid:-ms-input-placeholder{color:var(--black);}
form.invalid textarea.wpcf7-not-valid:-moz-placeholder{color:var(--black);}

/* CF7 Recaptcha ========================================== */

.grecaptcha-badge{z-index:2;}

/* Hamburgers ========================================== */

.hamburger{float:right; cursor:pointer; margin-left:20px; background-color:transparent; border:0; z-index:102; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear;}
.hamburger:focus{outline:none;}

.hamburger-box{width:20px; height:14px; display:inline-block; position:relative;}

.hamburger-inner{display:block; top:calc(50% - 1px);}
.hamburger-inner, .hamburger-box::before, .hamburger-box::after{width:20px; height:2px; background-color:var(--primary); border-radius:4px; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease;}
.hamburger-box::before, .hamburger-box::after{content:''; display:block;}
.hamburger-box::before{top:0;}
.hamburger-box::after{bottom:0;}

.hamburger--emphatic{overflow:hidden;}
.hamburger--emphatic .hamburger-inner{transition:background-color 0.125s 0.175s ease-in;}
.hamburger--emphatic .hamburger-box::before{left:0; transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;}
.hamburger--emphatic .hamburger-box::after{right:0; transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;}
.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s; transition-timing-function:ease-out; background-color:transparent;}
.hamburger--emphatic.is-active .hamburger-box::before{background-color:var(--white); left:-80px; top:-75px; transform:translate3d(80px, 80px, 0) rotate(45deg); transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);}
.hamburger--emphatic.is-active .hamburger-box::after{background-color:var(--white); right:-80px; top:-75px; transform:translate3d(-80px, 80px, 0) rotate(-45deg); transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);}

@media screen and (min-width:851px) {
	.hamburger{display:none;}
}

/* CUSTOM STYLES ================================================================================================================================================= */

/* Header ========================================== */

header{display:flex; align-items:center; float:left; width:100%; background-color:var(--white); z-index:100;}
/* header.hide-nav{top:-80px !important;} */

header .container{display:flex; justify-content:space-between; align-items:center; z-index:999;}
header .logo{display:flex; justify-content:center; align-items:center; padding:15px 0; margin-right:auto; background:none; z-index:102;}
header .logo img{display:block; width:initial; height:40px;}
header .logo img.white-logo{display:none;}

header .menu{display:flex; align-items:center; z-index:1;}
header .menu.slickopen{opacity:0; visibility:hidden; transition:all 0.25s;}
header .menu-header-menu-container{display:flex; width:100%;}

header ul#menu-header-menu{display:flex; align-items:center; padding:0; margin:0;}
header ul#menu-header-menu li{padding:0; margin:0;}
header ul#menu-header-menu li a{display:flex; justify-content:center; align-items:center; padding:6px 14px; margin-left:10px; color:var(--primary); border-radius:18px; font-family:var(--font-label); font-size:12px; font-weight:700; line-height:1; text-align:center; text-transform:uppercase;}
header ul#menu-header-menu li a:hover{color:var(--white); background-color:var(--primary);}
/* header ul#menu-header-menu li.current-menu-item a{color:var(--white); background-color:var(--primary);} */

header .slicknav{opacity:0; visibility:hidden; float:left; width:100%; height:100vh; padding:128px 0 100px; background-color:var(--primary); position:fixed; top:0; left:0; z-index:101; transition:all 0.25s;}
header .slicknav.open{opacity:1; visibility:visible;}

@media screen and (max-width:850px) {
	header .menu{display:none;}
}

/* Footer ========================================== */

footer{float:left; width:100%; z-index:90;}

footer .footer-top{float:left; width:100%; padding:100px 0;}
footer .footer-top.gray-bg{background-color:var(--gray);}
footer .footer-bottom{float:left; width:100%; padding:25px 0; background-color:var(--primary);}

footer .footer-copyright{float:left; width:100%;}
footer .footer-copyright *{font-size:14px; line-height:1.58;}
footer .footer-copyright a{white-space:nowrap;}
footer .footer-copyright a:hover{text-decoration:underline;}

/* Full Menu Module ========================================== */

.full-menu{float:left; width:100%;}
.full-menu .container{display:flex;}

.full-menu .menu-full-menu-container{display:flex; justify-content:center; width:100%;}
.full-menu ul.full_menu{display:flex; align-items:flex-start; width:initial; padding:0; margin:0;}
.full-menu ul.full_menu li{padding:0 20px 0 0;}
.full-menu ul.full_menu li a{float:left; margin:0 0 15px; font-family:var(--font-label); font-size:12px; font-weight:700; line-height:1; text-transform:uppercase;}
.full-menu ul.full_menu li a:hover{cursor:pointer; text-decoration:underline;}
.full-menu ul.full_menu li ul.sub-menu{display:flex; flex-direction:column; float:left; width:100%;}
.full-menu ul.full_menu li ul.sub-menu li{width:100% !important; padding:0;}
.full-menu ul.full_menu li ul.sub-menu a{color:var(--black); font-family:var(--font-body); font-size:14px; font-weight:400; line-height:1.58; text-transform:none;}

.full-menu .translation{flex:0 0 200px; width:200px; /* height:46px; border:1px solid var(--black); border-radius:30px; */}
.full-menu .translation:hover{cursor:pointer;}

.white-text .full-menu ul.full_menu li ul.sub-menu a{color:var(--white);}
.white-text .full-menu .translation{border-color:var(--white);}

@media screen and (max-width:850px) {
	.full-menu ul.full_menu{flex-wrap:wrap;}
	.full-menu ul.full_menu li{width:50%; padding-bottom:20px;}

	.full-menu .translation{flex:initial; width:50%;}
}

@media screen and (max-width:480px) {
	.full-menu ul.full_menu{max-width:252px;}
	.full-menu ul.full_menu li{width:100%; padding-right:0;}

	.full-menu .translation{width:100%; margin-top:40px;}

	header .slicknav .full-menu ul.full_menu li{padding:0; margin:0;}
	header .slicknav .full-menu ul.full_menu li a{margin-bottom:50px; font-size:23px; line-height:1.12;}
	header .slicknav .full-menu ul.full_menu li ul.sub-menu{display:none;}
	header .slicknav .full-menu .social-icons a{width:55px !important; height:55px; margin:10px 10px 20px !important; border-radius:55px;}
	header .slicknav .full-menu .social-icons i{font-size:24px;}
}

/* Social Icons Module ========================================== */

.social-icons{display:flex; flex-wrap:wrap; float:left; width:100%; margin:-5px;}
.social-icons .social-link{display:flex; flex-direction:column; align-items:center;}
.social-icons a{display:flex; justify-content:center !important; align-items:center !important; width:32px !important; height:32px; margin:5px !important; background-color:var(--black); border-radius:32px; transition:all 0.25s;}
.social-icons i{color:var(--white); font-size:18px; transition:all 0.25s;}
.social-icons span{display:none;}
.social-icons a:hover{background-color:var(--primary) !important; text-decoration:none;}

.white-text .social-icons a{background-color:var(--white);}
.white-text .social-icons i{color:var(--black);}
.white-text .social-icons a:hover i{color:var(--white) !important;}

.primary-bg .social-icons a:hover,
.secondary-bg .social-icons a:hover{background-color:var(--black) !important;}

/* Content Block ========================================== */

section.content-block{padding:100px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.content-block.image-bg{min-height:600px; padding:140px 0;}
section.content-block .section-block{display:flex; width:calc(100% + 40px); margin:0 0 -70px -20px;}
section.content-block .section-text{width:100%; padding:0 20px; margin-bottom:70px;}

@media screen and (max-width:850px) {
	section.content-block.image-bg{min-height:650px;}
	section.content-block .section-block{flex-wrap:wrap;}
}

@media screen and (max-width:600px) {
	section.content-block.image-bg{min-height:500px;}
	section.content-block.multi-column .section-block{margin-bottom:0;}
}

/* Team ========================================== */

section.team{padding:100px 0;}
section.team .container{display:flex; flex-direction:column; align-items:center; margin-bottom:-60px;}
section.team .section-block{display:flex; flex-wrap:wrap; align-items:flex-start; float:left; width:calc(100% + 16px); margin: 0 0 36px -16px;}
section.team .section-part{display:flex; flex-direction:column; width:25%; padding-left:16px; margin-bottom:24px;}
section.team .section-image{width:100%; margin-bottom:20px; background-repeat:no-repeat; background-size:cover; background-position:top center; border-radius:30px;}
section.team .section-image:hover{cursor:pointer;}
section.team .section-info{display:flex; flex-direction:column; width:100%;}
section.team .section-info *{line-height:1.2;}
section.team .section-name{width:100%; font-size:17px; font-weight:700;}
section.team .section-name *{font-size:17px; font-weight:700;}
section.team .section-position{width:100%; font-size:14px; line-height:1.58;}
section.team .section-position *{font-size:14px; line-height:1.58;}
section.team .section-links{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
section.team .section-links a.popup-link{margin-right:5px; font-size:14px; text-decoration:underline;}
section.team .section-links a.popup-link *{font-size:14px;}
section.team .section-links a.popup-link:hover{cursor:pointer;}
section.team .section-links a.linkedin i{color:var(--black); font-size:15px;}

#popup-overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:1000;}

.team-popup{width:100%; position:fixed; top:100%; left:0; z-index:1001; transition:all 0.25s;}
.team-popup.active{top:150px;}
.team-popup .popup{display:flex; flex-direction:column; height:calc(100vh - 150px);}
.team-popup .popup-block{flex-grow:1; overflow:hidden; float:left; width:100%; padding-top:100px; background-color:var(--white); z-index:2;}
.team-popup .container{display:flex; height:100%;}
.team-popup .close-popup{position:absolute; top:10px; right:55px;}
.team-popup .close-popup:hover{cursor:pointer;}
.team-popup .popup-image{width:328px; height:328px; margin-bottom:100px; background-repeat:no-repeat; background-size:cover; background-position:top center; border-radius:30px;}
.team-popup .popup-content{overflow:scroll; display:flex; flex-direction:column; width:75%; padding-left:42px; padding-bottom:50px;}
.team-popup .popup-name{width:100%; color:var(--primary);}
.team-popup .popup-name *{color:var(--primary);}
.team-popup .popup-position{width:100%; font-size:17px; font-weight:700; line-height:1.2;}
.team-popup .popup-position *{font-size:17px; font-weight:700; line-height:1.2;}
.team-popup .popup-pronouns{width:100%; font-size:14px; line-height:1.58;}
.team-popup .popup-pronouns *{font-size:14px; line-height:1.58;}
.team-popup .popup-text{width:100%; margin:10px 0 15px;}
.team-popup .popup-text p, .team-popup .popup-text p *,
.team-popup .popup-text li, .team-popup .popup-text li *,
.team-popup .popup-text a, .team-popup .popup-text a *{font-size:16px; line-height:1.4;}
.team-popup .popup-email{width:100%; margin-bottom:5px; font-size:16px; line-height:1.4;}
.team-popup .popup-social{display:flex; flex-wrap:wrap; width:calc(100% + 5px); margin-left:-5px;}
.team-popup .popup-social a{display:flex; justify-content:center !important; align-items:center !important; width:32px !important; height:32px; margin:5px !important; background-color:var(--black); border-radius:32px;}
.team-popup .popup-social i{color:var(--white); font-size:18px;}
.team-popup .popup-social span{display:none;}
.team-popup .popup-social a:hover{background-color:var(--primary); text-decoration:none;}

@media screen and (max-width:1024px) {
	.team-popup .close-popup{right:35px;}
}

@media screen and (max-width:768px) {
	section.team .section-block{width:calc(100% + 34px); margin: 0 0 24px -34px;}
	section.team .section-part{width:50%; padding-left:34px; margin-bottom:36px;}
	
	.team-popup.active{top:0;}
	.team-popup .popup{height:100vh;}
	.team-popup .popup-block{padding-top:50px;}
	.team-popup .container{flex-direction:column;}
	.team-popup .close-popup{right:20px;}
	.team-popup .popup-image{width:200px; flex:0 0 200px; margin-bottom:20px; border-radius:10px;}
	.team-popup .popup-content{width:100%; padding-left:0;}
}

@media screen and (max-width:480px) {
	section.team .section-block{padding:0 20px;}
	section.team .section-image{margin-bottom:12px; border-radius:10px;}
	section.team .section-name,
	section.team .section-position,
	section.team .section-links a.bio-link{font-size:12px; line-height:1.35;}
	section.team .section-links a.linkedin i{font-size:13px;}
}

@media screen and (max-width:425px) {
	.team-popup .close-popup{right:5px;}
}

/* Columns ========================================== */

section.columns{padding:100px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.columns .container{display:flex; flex-direction:column; align-items:center;}
section.columns .main-text :is(h1, h2, h3, h4, h5, h6),
section.columns .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--primary);}
section.columns.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6), section.columns.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--white);}
section.columns .section-block{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; float:left; width:calc(100% + 50px); margin: 0 0 -40px -50px;}
section.columns .section-part{display:flex; flex-direction:column; align-items:center; width:50%; max-width:464px; padding-left:50px; margin-bottom:40px;}
section.columns .section-image{width:100%; height:auto; margin-bottom:20px;}
section.columns .section-text{width:100%;}
section.columns .section-text p, section.columns .section-text p *,
section.columns .section-text li, section.columns .section-text li *,
section.columns .section-text a, section.columns .section-text a *{font-size:18px; line-height:1.55;}

@media screen and (max-width:600px) {
	section.columns .section-part{width:100%; max-width:initial;}
	section.columns .section-image{max-width:185px;}
	section.columns .section-text{text-align:center;}
}

/* FAQ ========================================== */

section.faq{padding:100px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.faq .container{display:flex; flex-direction:column; align-items:center;}
section.faq .main-text{max-width:100%;}
section.faq .main-text :is(h1, h2, h3, h4, h5, h6),
section.faq .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--primary);}
section.faq.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6),
section.faq.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--white);}
section.faq .section-block{display:flex; flex-direction:column; float:left; width:100%;}
section.faq .faq-question{width:100%; padding-left:30px; margin-bottom:20px; font-size:20px; font-weight:400; line-height:1.2;}
section.faq .faq-question:hover{cursor:pointer;}
section.faq .faq-arrow{margin:0; position:absolute; top:0; left:0; transition:all 0.25s;}
section.faq .faq-question.active .faq-arrow{transform:rotate(-180deg);}
section.faq .faq-arrow i{font-weight:700;}
section.faq .faq-answer{display:none; float:left; width:100%; padding-left:30px; margin-bottom:20px;}
section.faq .faq-answer p, section.faq .faq-answer p *,
section.faq .faq-answer li, section.faq .faq-answer li *,
section.faq .faq-answer a, section.faq .faq-answer a *{font-size:16px; line-height:1.4;}
section.faq .faq-load-more{max-width:250px; margin-top:20px;}

section.faq .faq-question-hidden{display:none;}

@media screen and (max-width:600px) {
	section.faq .faq-question{font-size:18px;}
	section.faq .faq-answer p,
	section.faq .faq-answer li{font-size:14px; line-height:1.58;}
}

/* Z-Pattern ========================================== */

section.z-pattern{display:flex; flex-direction:column; width:100%; padding:100px 0;}
section.z-pattern .container{display:flex;}
section.z-pattern .container.content-align-top{align-items:flex-start;}
section.z-pattern .container.content-align-center{align-items:center;}
section.z-pattern .container.content-align-bottom{align-items:flex-end;}
section.z-pattern .section-half{min-width:426px;}
section.z-pattern .media-half img{display:block; float:left; width:100%; height:auto; border-radius:30px;}

section.z-pattern .section-thumbnail{display:flex; justify-content:center; align-items:center; float:left; width:100%;}
section.z-pattern .section-thumbnail img.play-button{width:20%; height:auto; position:absolute; z-index:2; transition:all 0.25s;}
section.z-pattern .section-thumbnail:hover img.play-button{transform:scale(1.1);}
section.z-pattern .section-thumbnail .overlay{opacity:0; background-color:var(--black); border-radius:30px; transition:all 0.25s;}
section.z-pattern .section-thumbnail:hover .overlay{opacity:0.25;}

section.z-pattern .image-text{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:100%; margin-top:16px;}
section.z-pattern .image-text .image-caption,
section.z-pattern .image-text .image-description{margin:0 20px 10px 0; font-size:14px; line-height:1.58;}

section.z-pattern .textfirst .text-half{order:1; padding-right:40px;}
section.z-pattern .textfirst .media-half{order:2; padding-left:40px;}
section.z-pattern .mediafirst .media-half{order:1; padding-right:40px;}
section.z-pattern .mediafirst .text-half{order:2; padding-left:40px;}

@media screen and (max-width:951px) {
	section.z-pattern .container{flex-direction:column; align-items:center !important;}
	section.z-pattern .section-half{width:100% !important; min-width:initial; max-width:530px; padding:0 !important;}
	section.z-pattern .media-half{margin-bottom:30px !important;}
	section.z-pattern .textfirst .media-half{order:1;}
	section.z-pattern .textfirst .text-half{order:2;}
}

@media screen and (max-width:600px) {
	section.z-pattern .text-half h1{font-size:42px; line-height:1;}
}

/* Z-Pattern - Feature ========================================== */

section.z-pattern-feature .section-row{display:flex; flex-wrap:wrap; width:100%;}
/* section.z-pattern-feature .section-row:nth-child(even){flex-direction:row-reverse;} */
/* section.z-pattern-feature.reverse .section-row:nth-child(even){flex-direction:row;} */
section.z-pattern-feature .section-half{display:flex; width:50%; min-height:800px;}
section.z-pattern-feature .image-half{background-repeat:no-repeat; background-size:cover; background-position:center;}
section.z-pattern-feature .text-half{justify-content:flex-start; align-items:center; z-index:2;}
section.z-pattern-feature .section-row:nth-child(even) .text-half{justify-content:flex-end;}
section.z-pattern-feature .section-text{width:100%; max-width:578px; padding:50px 70px;}

section.z-pattern-feature .section-row.textfirst{flex-direction:row-reverse;}
section.z-pattern-feature .section-row.textfirst .text-half{justify-content:flex-end;}
section.z-pattern-feature .section-row.textfirst .section-row:nth-child(even) .text-half{justify-content:flex-start;}

@media screen and (max-width:900px) {
	section.z-pattern-feature .section-row{flex-direction:column;}
	section.z-pattern-feature .section-half{order:1 !important; display:flex; width:100%; min-height:500px;}
	section.z-pattern-feature .text-half{justify-content:center !important;}
	section.z-pattern-feature .section-text{padding:0 50px; text-align:center;}
	section.z-pattern-feature .section-text hr{margin:0 auto;}
}

@media screen and (max-width:768px) {
	section.z-pattern-feature .section-text{padding:50px 35px;}
}

@media screen and (max-width:600px) {
	section.z-pattern-feature .section-text hr{max-width:144px;}
}

@media screen and (max-width:425px) {
	section.z-pattern-feature .section-text{padding:50px 20px;}
}

/* Contact ========================================== */

section.contact{padding:100px 0;}
section.contact .container{display:flex; flex-direction:column; align-items:center;}
section.contact .main-text :is(h1, h2, h3, h4, h5, h6),
section.contact .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--primary);}
section.contact.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6),
section.contact.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--white);}
section.contact .section-block{display:flex; width:100%;}
section.contact .section-form{width:100%;}

/* Carousel ========================================== */

section.carousel{padding:100px 0;}
section.carousel .main-text :is(h1, h2, h3, h4, h5, h6),
section.carousel .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--primary);}
section.carousel.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6) *,
section.carousel.dark-bg .main-text :is(h1, h2, h3, h4, h5, h6) *{color: var(--white);}
section.carousel.dark-bg .main-text hr{border-color: var(--white);}
section.carousel .section-block{display:flex; flex-wrap:wrap; align-items:flex-start; float:left; width:calc(100% + 50px); margin:0 0 50px -25px;}
section.carousel .section-part{display:flex; padding:0 25px;}
section.carousel .section-image{flex:0 0 242px; width:242px; height:157px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:30px;}
section.carousel .section-info{display:flex; flex-direction:column; justify-content:center; width:100%; padding-left:42px;}
section.carousel .section-info *{font-size:16px; line-height:1.4;}
section.carousel .section-date{margin-bottom:10px; font-size:14px; line-height:1.58;}
section.carousel .section-title{font-size:17px; font-weight:700; line-height:1.2;}
section.carousel a.see-more{margin-top:7px;}

.slick-dots{bottom:-50px;}
.slick-dots li button:before{font-size:12px;}
.slick-dots font{display:none;}

@media screen and (max-width:1200px) {
	section.carousel .section-image{flex:0 0 157px; width:157px;}
	section.carousel .section-info{padding-left:20px;}
}

@media screen and (max-width:900px) {
	section.carousel .section-image{height:auto; min-height:102px; border-radius:10px;}
	section.carousel .section-info{padding-left:20px;}
}

@media screen and (max-width:425px) {
	section.carousel .section-part{flex-direction:column;}
	section.carousel .section-image{flex:initial; width:100%; height:56vw;}
	section.carousel .section-info{padding:20px 0 0;}
}

/* Social Follow ========================================== */

section.social-follow{padding:100px 0;}
section.social-follow .container{display:flex; flex-direction:column; align-items:center;}
section.social-follow .social-icons{justify-content:center;}
section.social-follow .social-icons .social-link{margin-bottom:20px;}
section.social-follow .social-icons a{width:100px !important; height:100px; margin:15px !important; border-radius:100px;}
section.social-follow .social-icons i{font-size:60px;}
section.social-follow .social-icons span{display:block; font-size:14px; line-height:1.58;}
section.social-follow .social-icons span *{font-size:14px; line-height:1.58;}

/* Banner ========================================== */

section.banner{padding:50px 0;}
section.banner .container{display:flex; justify-content:space-between; align-items:center;}
section.banner .section-text{width:100%;}
section.banner .section-buttons{display:flex; margin-left:40px;}
section.banner .section-buttons a{width:100%; margin-right:15px;}
section.banner .section-buttons a:last-of-type{margin:0;}

@media screen and (max-width:850px) {
	section.banner .container{flex-direction:column;}
	section.banner .section-text{max-width:initial; text-align:center;}
	section.banner .section-buttons{flex-direction:row; margin:30px 0 0;}
	section.banner .section-buttons a{margin:0 15px 0 0;}
}

@media screen and (max-width:480px) {
	section.banner .section-buttons{flex-direction:column;}
	section.banner .section-buttons a{margin:0 0 15px 0;}
}

/* Counter ========================================== */

section.counter{padding:100px 0;}
section.counter .container{display:flex; flex-direction:column; align-items:center;}
section.counter .main-text{float:left; width:100%; margin-bottom:40px;}
section.counter .section-block{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:100%;}
section.counter .section-part{flex-grow:1; width:250px; max-width:400px; padding:20px; margin:8px; background-color:rgba(255,255,255,0.3); border:1px solid rgba(0,0,0,0.1); border-radius:30px;}
section.counter .full-number{display:flex; justify-content:center;}
section.counter .full-number *{font-family:var(--font-label); font-size:60px; font-weight:700; line-height:1; text-align:center;}
section.counter .section-title{float:left; width:100%; margin-top:10px; font-size:14px; line-height:1.58; text-align:center;}

/* Features ========================================== */

section.features{padding:100px 0;}
section.features .container{display:flex; flex-direction:column; align-items:center;}
section.features .section-block{display:flex; flex-wrap:wrap; width:calc(100% + 80px); margin:0 0 -30px -80px;}
section.features .section-part{display:flex; width:50%; padding-left:80px; margin-bottom:30px;}
section.features .section-image{flex:0 0 40px; display:flex; justify-content:flex-end; align-items:flex-start; margin:-2px 20px 0 0;}
section.features .section-image i{font-size:30px;}
section.features .section-image img{width:100%; height:auto;}
section.features .section-text{width:100%;}

section.features .white-text .section-image i{color:var(--white) !important;}

@media screen and (max-width:768px) {
	section.features .section-part{width:100%;}
}

/* Icons ========================================== */

section.icons{padding:100px 0;}
section.icons .container{display:flex; flex-direction:column; align-items:center;}
section.icons .section-block{display:flex; flex-wrap:wrap; justify-content:space-around; width:100%; margin-bottom:-20px;}
section.icons .section-image{display:flex; justify-content:center; align-items:center; width:170px; height:130px; padding:0 10px; margin-bottom:20px;}
section.icons .section-image img{width:initial; max-width:170px; height:auto; max-height:130px;}
section.icons .section-image i{font-size:100px;}

section.icons .white-text .section-image i{color:var(--white) !important;}

@media screen and (max-width:379px) {
	section.icons .section-image{height:auto;}
	section.icons .slider .section-image{height:130px;}
}

/* Gallery ========================================== */

section.gallery{padding:100px 0;}
section.gallery .container{display:flex; flex-direction:column; align-items:center;}
section.gallery .section-block{display:flex; flex-wrap:wrap; width:calc(100% + 20px); margin:0 0 -20px -20px;}
section.gallery .section-part{width:25%; padding-left:20px; margin-bottom:20px;}
section.gallery .section-image{display:flex; justify-content:center; align-items:center; height:20.7vw; max-height:239px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:30px;}

section.gallery .slider{width:100%; margin:0;}
section.gallery .slider .section-part{width:initial; padding:0 10px;}

@media screen and (max-width:767px) {
	section.gallery .section-image{border-radius:10px;}
}

@media screen and (max-width:600px) {
	section.gallery .section-part{width:50%;}
	section.gallery .section-image{height:42.5vw; max-height:initial; border-radius:30px;}
}

@media screen and (max-width:375px) {
	section.gallery .section-image{border-radius:10px;}
}

/* Map ========================================== */

section.map .section-block{width:100%;}
section.map .section-block iframe{display:block; width:100%; height:580px;}

/* Quick Links ========================================== */

section.quick-links{padding:100px 0;}
section.quick-links .container{display:flex; flex-direction:column; align-items:center;}
section.quick-links ul{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 40px); padding:0; margin:0 0 0 -40px; list-style:none;}
section.quick-links ul li{width:33.33%; padding:0 0 0 40px; margin:0;}
section.quick-links ul li a{display:block; float:left; width:100%; padding:10px; color:var(--black); border-bottom:1px solid rgba(0,0,0,0.3); text-decoration:none;}
section.quick-links ul li a:hover{background-color:rgba(0,0,0,0.05);}

section.quick-links .white-text ul li a{color:var(--white); border-bottom:1px solid rgba(255,255,255,0.5);}
section.quick-links .white-text ul li a:hover{background-color:rgba(255,255,255,0.2);}

@media screen and (max-width:900px) {
	section.quick-links ul li{width:50%;}
}

@media screen and (max-width:600px) {
	section.quick-links ul li{width:100%;}
}

/* Neblua ========================================== */

section.nebula{overflow:hidden; min-height:800px; padding:100px 0;}

section.nebula .nebula-container{display:flex; justify-content:center; align-items:center; width:100%; position:absolute; top:0; bottom:0;}
section.nebula .blob-container{display:flex; justify-content:center; align-items:center; width:150%; height:150%; animation:rotate 60s linear infinite;}
section.nebula .blob-container img{width:initial; max-width:100%; height:auto; max-height:100%; position:absolute; animation:fade 9s linear infinite;}
section.nebula .blob-container img.blob1{animation-delay:-3s;}
section.nebula .blob-container img.blob2{}
section.nebula .blob-container img.blob3{opacity:0; animation-delay:3s;}

section.nebula #starfield-container{width:100%; position:absolute; top:0; bottom:0;}

section.nebula .container{display:flex; flex-direction:column; align-items:center;}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fade {
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

/* Blog - Landing ========================================== */

.blog-index{float:left; width:100%;}
.blog-index .container{display:flex; flex-direction:column; align-items:center; z-index:2;}

#blog-tabs{float:left; width:100%; background-color:var(--white);}

@media screen and (max-width:1150px) {
	.blog-index .section-block{width:100%; margin-left:0;}
}

/* Featured Posts ========================================== */

section.featured-posts{min-height:600px; padding:100px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.featured-posts .overlay{opacity:initial; backdrop-filter:blur(25px);}
section.featured-posts .section-block{display:flex; float:left; width:100%; padding:30px; background-color:var(--white); border-radius:30px;}
section.featured-posts .section-block:hover{text-decoration:none;}
section.featured-posts .left-side{flex:0 0 45%; width:45%; margin-right:34px;}
section.featured-posts .section-image{width:100%; height:auto; border-radius:30px;}
section.featured-posts .right-side{display:flex; flex-direction:column; width:100%; padding:14px 0;}
section.featured-posts .right-side *{color:var(--black);}
section.featured-posts .section-feature{width:100%; margin-bottom:15px; color:var(--primary); font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); text-transform:uppercase;}
section.featured-posts .section-title{width:100%; margin-bottom:10px;}
section.featured-posts .section-text{width:100%; margin-bottom:10px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical;}
section.featured-posts .section-text *{font-size:16px; line-height:1.4;}
section.featured-posts .section-details{display:flex; flex-direction:column; width:100%;}
section.featured-posts .section-details *{width:100%; font-size:14px; line-height:1.58;}
section.featured-posts .section-author{font-weight:700;}

section.featured-posts.scrollable{overflow:scroll; justify-content:initial; height:100vh; min-height:initial; padding:135px 0 50px !important;}
section.featured-posts.scrollable .overlay{position:fixed;}

@media screen and (max-width:1023px) {
	section.featured-posts .section-block{padding:20px;}
	section.featured-posts .left-side{flex:0 0 242px; width:242px; margin-right:20px;}
	section.featured-posts .section-title{font-size:23px; line-height:1.12;}
}

@media screen and (max-width:600px) {
	section.featured-posts .section-block{flex-direction:column;}
	section.featured-posts .left-side{flex:initial; width:100%; margin:0;}
	section.featured-posts .right-side{padding:16px 0;}
}

/* Blog Filters ========================================== */

section.blog-filters{float:left; width:100%; padding:100px 0 25px; background-color:var(--white); z-index:3;}
section.blog-filters #tab-container{display:flex; justify-content:center; align-items:center; float:left; width:calc(100% + 20px); margin:0 0 -20px -20px;}
section.blog-filters .filter-text{margin:0 0 20px 20px; color:var(--primary); font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); letter-spacing:0; text-transform:uppercase; white-space:nowrap;}
section.blog-filters .filter-text *{color:var(--primary); font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); letter-spacing:0; text-transform:uppercase; white-space:nowrap;}

section.blog-filters .tab-dropdown{overflow:hidden; height:34px; margin:0 0 20px 20px; border:1px solid var(--primary); border-radius:17px;}
section.blog-filters .tab-dropdown.open{cursor:pointer; overflow:initial; border:none;}
section.blog-filters .tab-dropdown:before{content:''; width:13px; height:8px; color:var(--primary); background-image:url('./images/arrow-down.png'); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; top:calc(50% - 4px); left:13px; z-index:2; transition:all 0.25s;}
section.blog-filters .tab-dropdown.open:before{transform:scaleY(-1);}
section.blog-filters .tab-dropdown:hover{cursor:pointer;}
section.blog-filters .tab-dropdown.single{overflow:hidden !important;}
section.blog-filters .tab-dropdown.single:before{display:none;}

section.blog-filters .tab-dropdown-inner{overflow:hidden; display:flex; flex-direction:column; float:left; width:100%; border-radius:17px;}
section.blog-filters .tab-dropdown.open .tab-dropdown-inner{border:1px solid var(--primary);}
section.blog-filters .tab-dropdown-inner:after{content:''; opacity:0.4; width:100%; height:100%; background-color:var(--white); position:absolute; top:0; left:0; z-index:-1;}
section.blog-filters .tab-dropdown.open .tab-dropdown-inner:after{opacity:1;}

section.blog-filters .tab-placeholder{order:2; width:calc(100% + 2px); padding:8px 27px 8px 40px; margin-left:-1px; color:var(--primary); font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); letter-spacing:0; text-transform:uppercase;}
section.blog-filters .tab-placeholder *{color:var(--primary); font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); letter-spacing:0; text-transform:uppercase;}
section.blog-filters .tab-dropdown:has(span.active-tab) .tab-placeholder{opacity:0; position:absolute; top:0; left:0; z-index:2;}

section.blog-filters .tab{order:2; width:calc(100% + 2px); margin-left:-1px;}
section.blog-filters .tab a{display:block !important; float:left; width:100%; padding:8px 27px 8px 40px; font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); letter-spacing:0; text-transform:uppercase; text-decoration:none;}
section.blog-filters .tab a *{font-family:var(--font-label); font-size:var(--type-label-size); font-weight:700; line-height:var(--type-label-line); letter-spacing:0; text-transform:uppercase; text-decoration:none;}
section.blog-filters .tab-dropdown.single .tab a{padding:8px 27px;}
section.blog-filters .tab.active-tab{order:1;}
section.blog-filters .tab.active-tab a,
section.blog-filters .tab.active-tab a *{color:var(--white); background-color:var(--primary);}

@media screen and (max-width:1023px) {
	section.blog-filters #tab-container{flex-direction:column;}
}

/* Blocks ========================================== */

.blocks{float:left; width:100%;}
.blocks .slick-track{display:flex; padding:5px 0; margin:0 auto;}
.blocks .section-part{display:flex; width:33.33%; padding-left:16px; margin-bottom:40px;}
.blocks.slider .section-part{width:344px; height:inherit; margin-bottom:0;}
.blocks .section-part-inner{display:flex; flex-direction:column; float:left !important; width:100%;}
.blocks .section-image{width:100%; margin-bottom:10px;}
.blocks .section-image img{width:100%; height:17.5vw; max-height:202px; object-fit:cover; border-radius:30px;}
.blocks .section-title{width:100%; margin-bottom:10px; font-size:17px; font-weight:700; line-height:1.2;}
.blocks .section-title *{font-size:17px; font-weight:700; line-height:1.2;}
.blocks a.see-more,
.blocks a.see-more *{font-size:16px; line-height:1.4; text-decoration:underline;}

@media screen and (max-width:950px) {
	.blocks .section-part{width:50%;}
	.blocks .section-image img{height:28.2vw; max-height:initial;}
}

@media screen and (max-width:650px) {
	.blocks .section-part{width:100%;}
	.blocks .section-image img{height:56.3vw;}
}

/* Blog Posts ========================================== */

section.blog-posts{padding:25px 0 100px; background-color:var(--white);}
section.blog-posts .container{display:flex; flex-direction:column; align-items:center;}
section.blog-posts .main-title,
section.blog-posts .main-text{width:100%; margin-bottom:35px;}
section.blog-posts .sub-title{width:100%; max-width:630px; margin-bottom:35px;}
section.blog-posts .section-block{display:flex; flex-wrap:wrap; width:calc(100% + 16px); margin-left:-16px;}
section.blog-posts .section-block.slider{display:block; width:calc(100% + 67px); margin:0 0 45px 0;}
section.blog-posts .section-button{display:flex; justify-content:center; float:left; width:100%; margin-top:auto;}
section.blog-posts .sub-text{width:100%;}

@media screen and (max-width:1150px) {
	section.blog-posts .section-block{width:100% !important;}
}

/* Blog - Single ========================================== */

.blog-single{float:left; width:100%; padding:100px 0; background-color:var(--white);}
.blog-single .container{display:flex; flex-direction:column; align-items:center;}
.blog-single .section-thumbnail{width:100%; margin-bottom:45px;}
.blog-single .section-thumbnail img{border-radius:30px;}
.blog-single .section-content{display:flex; flex-direction:column; width:100%; max-width:672px;}
.blog-single .section-title{width:100%; margin-bottom:20px; color:var(--primary);}
.blog-single .section-details{width:100%; margin-bottom:40px;}
.blog-single .author-name{white-space:nowrap; font-size:14px; font-weight:700; line-height:1.58;}
.blog-single .date-time{white-space:nowrap; font-size:14px; line-height:1.58;}
.blog-single .section-text{width:100%;}
.blog-single .section-text :is(h1, h2, h3, h4){color:var(--primary);}
.blog-single .section-text > p:first-of-type:first-letter{float:left; margin:2px 8px -2px 0; color:var(--primary); font-family:var(--font-display); font-size:51px; font-weight:400; line-height:1;} /* This is replacing initial letter */

/* Related Posts ========================================== */

section.related-posts{padding:100px 0; background-color:var(--gray);}
section.related-posts .main-text{max-width:initial;}
section.related-posts hr{margin:0;}