/* @import "global.css"; */
/* Global */
html, body{margin: 0px!important; font-family: 'Ubuntu'; font-weight: normal;}
body{padding: 0px; /*background: black; */ position: relative;}
.page{background:white; max-width: 2560px; margin-left: auto; margin-right: auto; display: block;}
a{text-decoration: none; cursor: pointer; color: #00a9e0;}
a:hover{color: #3d5567;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
*{box-sizing: border-box;}
*:focus {outline: none;}
ul{list-style-type: none; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; padding-left: 0px;}
.hide{display: none;}
.image-wrap img{max-width: 100%; max-height: 100%;}
*{-webkit-appearance:none; }
body.locked{overflow: hidden; }
@keyframes shadow-pulse
{
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
@keyframes shadow-pulse-nd
{
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
}
100% {
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.2);
}
}
/* Gutenburg Fixes */
.wp-block-button__link{text-decoration: none !important;}
.wp-block-column.has-background {
padding: 8px 16px;
}
.postid-5687 .wp-block-image img {
height: auto !important;
}
/* Basic Page layout */
.page-template-default .resource-filter [data-value="job-description"]{display: none;}
.page{width: 100%;transition: margin-left .5s;}
.logged-in .page-content{min-height:calc(100vh - calc(1080px + 100px + 32px));} /* Min height based on footer (1080px, 100px) height, header height (100px), and admin bar (32px, 46px) adjustment */
.page-content{margin-top: 100px; min-height:calc(100vh - calc(1080px + 100px)); display: block; width: 100%; position: relative;} /* Min height based on footer (1080px, 100px) height, header height (80px) adjustment */
.wrapper{max-width: 2650px;margin: auto; width: calc(100% - 60px);}
.wrapper.smaller{max-width: 1100px;}
.home .page-content, .page-id-4730 .page-content {
margin-top: 0 !important;
}
.home .page-content > div{position: relative;}
.page-content > *:last-child .walkthrough-scroller {
display: none !important;
}
.walkthrough-scroller{width: 85px; height: 85px; cursor: pointer; border-radius: 85px; animation: shadow-pulse 3s infinite; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/Progression arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 250px; z-index: 8;}
.walkthrough-scroller:before{content: ''; width: 4px; height: 0px; background: #42bbc2; position: absolute; left: 0px; right: 0px; margin: auto; top: 100%; transition: height 2s;}
.walkthrough-scroller:after{content: ''; width: 12px; height: 12px; opacity: 0;background: #42bbc2; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 0%; border-radius: 30px; transition: all 2s;}
.walkthrough-scroller.active{animation: none;}
.walkthrough-scroller.active:before{height: 250%; }
.walkthrough-scroller.active:after{bottom: -250%; opacity: 1; }
.home .walkthrough-scroller{bottom: 300px;}
.splash-figure .walkthrough-scroller{bottom: 500px;}
.pagination{padding: 20px; text-align: center;}
/* Modal */
.modal{display: none;}
.modal.active{display: block;}
.modal .screen{height: auto;width: 95vh;max-width: 95%;}
.modal.active{position: fixed;width: 100vw;height: 100vh;background: #0f1013e3;z-index: 10;display: flex;align-items: center;justify-content: center; left: 0px; top: 0px;}
.modal.active .video{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.modal.active .video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.modal .close-icon{margin-right: 10px; text-align: right; cursor: pointer;}
/* Header */
.admin-bar header{top: 32px;}
header{width: 100%; max-width: 100vw;height: 100px;position: fixed; top: 0px; left: 0px; display: flex;align-items: center;justify-content: space-between;padding: 15px; z-index: 20; max-width: 2560px;margin-left: auto;margin-right: auto;right: 0px;}
header.fill{background: rgba(255,255,255,.95);/*-webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.3);box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.3);*/}
header.light-fill{background: white;}
header .logo-wrap{height: 70px; cursor: pointer;}
header .logo-wrap .logo{height: 100%; position: relative;}
header .custom-logo-link{display: inline-block; height: 100%; width: auto;}
header .custom-logo-link img{max-height: 100%; width: auto;}
header .menu-toggle{overflow: hidden;border-radius: 0px;margin-top: -5px;margin-bottom: -3px; }
header .header-nav-control{display: flex; align-items: center;}
header .search-input-wrap{position: relative; margin-right: 5px;}
header .search-input-wrap input{height: 60px; width: 0px; opacity: 0; border-radius: 30px;border: none;padding: 5px 10px;background: #e6e6e6; transition: all .8s;}
header .search-input-wrap input.active{opacity: 1; width: 200px; }
header .search-input-wrap:after{opacity: 0; transition: opacity .8s; content: '';display: inline-block;width: 1px;height: 100%;position: absolute;right: 60px;top: 0px;background: white;}
header .search-input-wrap.active:after{opacity: 1;}
header .search-input-wrap .image-wrap{height: 40px; width: 40px; top: 10px; right: 10px;}
header .search-input-wrap .image-wrap{cursor: pointer; position: absolute;}
header .search-input-wrap .image-wrap.close{display: none;}
header .search-input-wrap .image-wrap img{width: 100%; height: 100%;}
header .logo a.white{display: none;}
header.force-colored-logo .logo a.white{display: none !important;}
body:not(.home) header .logo a.white{position: absolute; transition: opacity .5s; opacity: 1; display: inline-block;}
body:not(.home) header.fill .logo a.white{opacity: 0;}
.mobileSearch{width: 100%;position: absolute;top: 100%;left: 0px; overflow: hidden; background: white; height: 0px; padding: 0px 10px; opacity: 0; transition: all .8s;}
.mobileSearch.active{opacity: 1; padding:20px 10px; height: 70px;}
.mobileSearch input{width: 100% !important; margin-left: 5px; opacity: 1 !important;}
/* Nav */
.admin-bar .header.menu{top: 32px;}
.admin-bar .header.menu.active{height: calc(100vh - 32px);}
.header.menu{background: white; height: 0px; overflow: hidden; display: flex; flex-wrap: wrap; position: fixed; width: 100%; top: 0px; z-index: 15; transition: height .8s;-webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.1);box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.1);}
.new-header .header.menu{ overflow: visible;}
.header.menu.active{height: calc(100vh); max-width: 2560px; overflow:auto;}
.header.menu > section{min-height: calc(100% - 200px);} /* Adjusted for menu footer height 125px */
.header.menu > section:first-of-type{width: 45%; min-width: 1100px; max-width: 1150px; padding-left: 9vw; padding-top: 40px; padding-bottom: 40px; background-color: white;}
.header.menu > section:last-of-type{flex: 1; background-color: #f1f2f2; padding-right: 9vw; padding-top: 40px; padding-bottom: 40px; padding-left: 120px; border-left: 1px solid #6cc24A;}
.header.menu .menu-group.primary{margin-top: 8vh;}
.header.menu .menu-item.primary{transition: max-width .8s; cursor: pointer; margin-bottom: 25px;}
.header.menu .menu-item.primary.active > a .title{color:#3d5567; max-width: 100%;}
.header.menu .menu-item.primary:hover{max-width: 100%;}
.header.menu .menu-item.primary:hover > a .title{max-width: 100%; /*color: #3d5567;*/}
.header.menu .menu-item.primary > a .title{padding-bottom: 3px;max-width: 80%; transition: max-width .8s; margin: 0px; text-transform: uppercase; font-weight: normal; font-size: 53pt; border-bottom: 1px solid #6cc24A;}
.header.menu .menu-item.primary > a{display: block; padding: 20px 0px;}
.header.menu .menu-item.primary > a .title b{font-weight: 900;}
.header.menu [data-accordion]{background: #f1f2f2;}
.header.menu .menu-group.secondary > .title{border-bottom: 1px solid #d1d1d1; padding-bottom: 30px; margin-bottom: 30px; margin-left: 15px; margin-right: 15px; width: 100%; font-size: 24pt;}
.header.menu .menu-group.secondary{margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.header.menu .menu-group.secondary .menu-item.secondary{width: 50%; margin-bottom: 50px; padding: 0px 15px;}
.header.menu .menu-group.secondary .menu-item.secondary > .title{margin-top: 0px;margin-bottom: 20px; font-size: 24pt;}
.header.menu .menu-group.tertiary .menu-item.tertiary{margin-bottom: 20px; font-size: 20pt;}
.header.menu .menu-item.tertiary a{color: #556b79;padding-left: 25px; position: relative;}
.header.menu .menu-item.tertiary a:before{content: '>'; color: #6cc24A; position: relative; font-weight: 700; position: absolute; top: 0px; left: 0px;}
/*.header.menu .menu-item.tertiary a:hover{color: #00a9e0; }*/
.header.menu .screens > ul{height: auto;}
.header.menu .screens > ul{margin-top: 9vh;}
.header.menu .menu-footer,.menu-top .menu-footer{width: 100%; z-index: 5; height: 200px; background-color: #00a9e0; color: white; display: flex; justify-content: space-between; align-items: center; }
.header.menu .menu-footer .first,.menu-top .menu-footer .first{display: flex; justify-content: space-between; align-items: center;width: 40%;max-width: 1200px;min-width: 900px; padding-left: 9vw;}
.header.menu .menu-footer .first section,.menu-top .menu-footer .first section{width: 100%;}
.header.menu .menu-footer .second,.menu-top .menu-footer .second{display: flex; justify-content: space-between; align-items: center; flex: 1; padding-right: 9vw;}
.header.menu .menu-footer p, .header.menu .menu-footer a,.menu-top .menu-footer p, .menu-top .menu-footer a{color: white; line-height: 1em; font-size: 21pt;}
.header.menu .menu-footer p,.menu-top .menu-footer p{margin: 0px; margin-bottom: 5px;}
.header.menu .menu-footer section,.menu-top .menu-footer section{padding: 0px 10px; width: 50%;}
.header.menu .menu-footer section.social,.menu-top .menu-footer section.social{width: 60%;}
.header.menu .socialLinkWrap svg{fill: white;}
.header.menu .menu-footer .title,.menu-top .menu-footer .title{font-weight: 900; text-transform: uppercase; margin: 0px; margin-bottom: 20px; color: white; font-size: 18pt;}
.header.menu .menu-footer .social,.menu-top .menu-footer .social{padding-left: 120px;}
.header.menu .menu-footer .social .title,.menu-top .menu-footer .social .title{margin-bottom: 10px;}
.header.menu .menu-group.tertiary{height: auto;}
header form{position: relative; top: 5px;}
header .search-input-wrap input{font-size: 25px;}
header .search-input-wrap input.active{ width: 400px;}
.footer.menu{text-align: left; margin-top: 20px;}
.footer.menu .menu-group.primary{display: flex; flex-wrap: wrap; margin: -20px;}
.footer.menu .menu-item.primary{width: 33%; padding: 60px;}
.footer.menu .menu-item.primary > a > .title{margin: 0px; margin-bottom: 20px;border-bottom: 2px solid #6cc24A;text-transform: uppercase;color: white;padding-bottom: 5px; font-size: 25pt;}
.footer.menu .menu-item.primary > a > .title b{font-weight: 900;}
.footer.menu .menu-item.secondary a{color: #8ca0ae;}
/* Footer */
footer{height: auto; background-color: #2f4455; display: flex; flex-wrap: wrap;}
footer *, footer p, footer a{color: white;}
footer a:hover{color: #f1f2f2;}
footer .upper{display: flex; width: 100%;}
footer .upper section{padding: 40px 20px;}
footer .upper .cta-wrap{max-width: 20vw; width: 100%;}
footer .upper .cta-wrap .image-wrap{width: 350px; margin-left: auto; margin-top: 23px;}
footer .upper .cta-wrap .cta{margin-top: 40px; text-align: right;}
footer .upper .cta-wrap .cta h5:first-of-type{font-size: 25pt;}
footer .upper .cta-wrap .cta h5:nth-of-type(2){font-size: 30pt; font-weight: 900;}
footer .upper > section:last-of-type{flex: 1; padding-left: 50px;}
footer .lower{display: flex; background-color: #3d5567; width: 100%; justify-content: space-between; align-items: center; padding: 0px 20px;justify-content: flex-start;}
footer .lower section{padding: 40px 100px; text-align: left;}
footer .lower section.social .title{font-weight: 900;}
footer .lower section:first-of-type{width: 48%; padding: 40px;}
footer .lower section:nth-of-type(2n){width: 26%; padding: 40px;}
footer .lower section:last-of-type{padding-left: 50px; padding: 40px; width: 25%;}
footer .lower h5{font-size: 25pt; margin: 0px; margin-bottom: 20px;}
footer .lower .title{text-transform: uppercase; color: white; font-weight: 700;}
footer .lower .address .title{font-weight: normal;}
footer .lower .address .title b{font-weight: 900;}
footer .lower .address p{color: #8ca0ae; margin: 0px; margin-bottom: 5px; font-size: 23pt; line-height: 1.3em;}
footer .bottom{display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: #151f26}
footer .bottom section{padding: 0px 100px;}
footer .bottom p, footer .bottom a{font-size: 20pt; color: #f1f2f2;}
footer .nf-form-cont{margin-top: 15px;}
footer .nf-form-cont h3{display: none;}
footer .nf-form-cont .nf-before-form-content{display: none;}
footer .nf-form-cont .nf-form-content nf-fields-wrap{display: flex;}
footer .nf-form-cont .nf-form-content nf-fields-wrap nf-field:first-of-type{flex: 1;}
footer .nf-form-cont label{display: none;}
footer .nf-form-cont *{margin: 0px;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 label{display: none;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71{display: flex; align-items: center;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs_email{width: 100%; margin-bottom: 0px;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs_email input{width: 100%;}
footer .nf-form-cont input[type="email"], footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-input{background-color: #647785;border: none;border-radius: 30px;height: 62px; font-size: 20pt; padding: 10px 30px;}
footer .nf-form-cont input[type="email"]::placeholder, footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-input::placeholder{color: #f1f2f2;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit{margin-top: 0px; }
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit input{background: #6cc24A;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit input:hover{background: #69aa50;}
footer .nf-form-cont input[type="button"], footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-button, footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit{font-size: 20pt; margin-left: 10px;}
/* Media */
@media(max-width: 2300px){
.home .splash-figure .walkthrough-scroller{bottom: 430px;}
footer .lower{padding: 0px;}
}
/* Font scale adjustment */
/* @media(max-width: 2300px){
.header.menu .menu-group.secondary .menu-item.secondary > .title, .header.menu .menu-group.secondary > .title{font-size: 17pt;}
.header.menu .menu-group.tertiary .menu-item.tertiary{font-size: 17px;}
.header.menu .menu-footer p, .header.menu .menu-footer a{font-size: 15pt;}
.header.menu .menu-item.primary > a .title{font-size: 37pt;}
.header.menu .menu-footer .title{font-size: 13pt;}
header .header-nav-control .search-input-wrap input{font-size: 14px;}
} */
.header.menu .menu-group.secondary .menu-item.secondary > .title a, .header.menu .menu-group.secondary > .title a{width: 100%;}
.header.menu .menu-group.secondary .menu-item.secondary > .title .arrow, .header.menu .menu-group.secondary > .title .arrow{ display: none; width: 30px; height: 30px; align-items: center; margin-left: 10px; position: relative; justify-content: center;}
@media(max-width: 2200px){
.home .walkthrough-scroller{bottom: 250px;}
.home .splash-figure .walkthrough-scroller{bottom: 400px;}
}
@media(max-width: 2100px){
footer .lower section.address{padding: 40px 50px;}
.walkthrough-scroller{width: 65px; height: 65px; border-radius: 65px; bottom: 220px; }
.walkthrough-scroller.active:before{height: 220%; }
.walkthrough-scroller.active:after{bottom: -220%; opacity: 1; }
.home .walkthrough-scroller{bottom: 270px;}
}
@media(max-width: 1980px){
/* footer .lower section.address{padding: 40px 30px;} */
}
@media(max-width: 1920px){
/* Global */
.wrapper{max-width: 1600px;}
.walkthrough-scroller{width: 50px; height: 50px; border-radius: 30px; bottom: 300px;}
.walkthrough-scroller:before{width: 2px;}
.walkthrough-scroller:after{width: 6px; height: 6px; border-radius: 30px;}
.walkthrough-scroller.active:before{height: 300%; }
.walkthrough-scroller.active:after{bottom: -300%; }
/* Basic Page layout */
.logged-in .page-content{min-height:calc(100vh - calc(700px + 75px + 32px));} /* Min height based on footer (700px, 100px) height, header height (75px), and admin bar (32px, 46px) adjustment */
.page-content{margin-top: 75px; min-height:calc(100vh - calc(700px + 75px)); display: block; width: 100%;} /* Min height based on footer (700px, 100px) height, header height (75px) adjustment */
.wrapper{max-width: 1600px;margin: auto; width: calc(100% - 60px);}
/* Header */
header{height: 75px; padding: 10px 15px;}
header .logo-wrap{height: 45px;}
.header.menu > section{min-height: calc(100% - 125px);}
.header.menu .menu-footer,.menu-top .menu-footer{height: 125px;}
.header.menu .menu-group.secondary .menu-item.secondary > .title, .header.menu .menu-group.secondary > .title{font-size: 17pt;}
.header.menu .menu-group.secondary .menu-item.secondary > .title{margin-bottom: 10px;}
.header.menu .menu-item.tertiary a{padding-left: 15px;}
/* .header.menu .menu-footer section{flex-basis: 400px;} */
.header.menu .menu-group.tertiary .menu-item.tertiary{font-size: 17px;}
.header.menu .menu-footer p, .header.menu .menu-footer a,.menu-top .menu-footer p, .menu-top .menu-footer a{font-size: 15pt;}
.header.menu .menu-footer .social .title,.menu-top .menu-footer .social .title{margin-bottom: 10px;}
.header.menu > section:first-of-type, .header.menu .menu-footer .first,.menu-top .menu-footer .first{min-width: 750px; max-width: 750px;}
.header.menu .menu-item.primary{margin-bottom: 0px;}
.header.menu .menu-item.primary > a .title{font-size: 34pt;}
.header.menu .menu-group.tertiary .menu-item.tertiary{margin-bottom: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary{margin-bottom: 30px;}
.header.menu > section:last-of-type, .header.menu .menu-footer .social, .menu-top .menu-footer .social{padding-left: 80px;}
.header.menu .menu-group.primary{margin-top: 6vh;}
.header.menu .screens > ul{margin-top: 7vh;}
.header.menu .menu-footer .title,.menu-top .menu-footer .title{font-size: 13pt;}
header .search-input-wrap input{height: 30px;}
header .search-input-wrap .image-wrap{cursor: pointer; height: 23px; width: 23px; position: absolute;top: 3px;right: 9px;}
header form{position: relative; top: 0px;}
header .search-input-wrap input{font-size: 14px;}
header .search-input-wrap input.active{ width: 200px;}
header .search-input-wrap:after{right: 40px;}
/* Footer */
/* footer{height: 700px;} */
footer .upper .cta-wrap{max-width: 400px; width: auto;}
footer .upper .cta-wrap .image-wrap{width: 200px;}
footer .upper .cta-wrap .cta h5:first-of-type{font-size: 14pt;}
footer .upper .cta-wrap .cta h5:nth-of-type(2){font-size: 16pt;}
.footer.menu .menu-item.primary{padding: 20px;}
.footer.menu .menu-item.primary > a > .title{font-size: 17pt;}
footer .lower{padding: 0px 40px;}
footer .lower section{padding: 40px 20px;}
footer .lower h5{font-size: 18pt;}
footer .nf-form-cont input[type="email"], footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-input{height: 38px; padding: 5px 15px; font-size: 12pt;}
footer .nf-form-cont input[type="button"], footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-button, footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit{font-size: 12pt;}
footer .bottom section{padding: 0px 20px;}
footer .bottom p, footer .bottom a{font-size: 10pt;}
footer .lower .address p{font-size: 15pt;}
footer .lower section:first-of-type{width: 41%;}
footer .lower section:nth-of-type(2n){width: 30%;}
}
@media(max-width: 1700px){
.home .walkthrough-scroller{bottom: 200px;}
}
@media(max-width: 1600px){
.walkthrough-scroller{bottom: 250px; }
.walkthrough-scroller.active:before{height: 250%; }
.walkthrough-scroller.active:after{bottom: -250%; }
}
@media(max-width: 1550px){
.header.menu > section:first-of-type, .header.menu .menu-footer .first,.menu-top .menu-footer .first{min-width: 650px;max-width: 650px; }
.header.menu .menu-item.primary > a .title{max-width: 90%;}
}
@media(max-width: 1440px){
/*/* Header Nav *
.header.menu{overflow: auto;}
.header.menu section{overflow: auto;}
.header.menu > section:first-of-type{padding-left: 0px;padding-right: 0px;width: 100%;text-align: center;}
.header.menu > section:last-of-type{display: none;}
.header.menu .menu-group.primary{margin-top: 40px;}
.header.menu .menu-item.primary > a{padding-bottom: 0px;}
.header.menu .menu-item.primary > a .title{max-width: 100%; font-size: 31pt;}
.header.menu .menu-group.secondary{text-align: left;}
.header.menu .menu-group.secondary > .title{padding-left: 5vw;padding-right: 5vw;padding-top: 20px;padding-bottom: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary:nth-of-type(n){padding-left: 6vw; padding-right: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary:nth-of-type(2n){padding-right: 6vw; padding-left: 15px;}
.header.menu .menu-footer{text-align: center;}
.header.menu .menu-footer .social{justify-content: center;}
.header.menu > section:first-of-type, .header.menu .menu-footer .first{min-width: 0px; max-width: 100%;}
.header.menu .menu-footer .first{width: calc(100% * (1/3));}
.header.menu .menu-footer .second{width: calc(100% * (2/3));}
.header.menu .menu-footer .social{flex-basis: unset;width: 50%;text-align: center;align-items: center;}
.header.menu .menu-footer .second section{flex-basis: unset; width : 50%;}
.header.menu .menu-footer .first{padding-left: 20px;}
.header.menu .menu-footer .second{padding-right: 20px;}
.header.menu .menu-footer .second section{padding: 0px;}
.header.menu .menu-group.secondary .menu-item.secondary > .title, .header.menu .menu-group.secondary > .title{font-size: 15pt;}*/
/* Header Nav */
.header.menu > section:first-of-type{padding-left: 60px;}
.header.menu > section:first-of-type, .header.menu .menu-footer .first, .menu-top .menu-footer .first{min-width: 550px; max-width: 550px;}
.header.menu > section{min-height: calc(100% - 150px);}
.header.menu .menu-item.primary > a .title{font-size: 28pt; max-width: 90%;}
.header.menu > section:last-of-type{padding: 40px 60px;}
.header.menu > section:last-of-type, .header.menu .menu-footer .social, .menu-top .menu-footer .social{padding-left: 60px;}
.header.menu .menu-footer,.menu-top .menu-footer{height: 150px; padding: 20px 0px;}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{width: 50%; flex-basis: 50%;}
.header.menu > section:last-of-type, .header.menu .menu-footer .social,.menu-top .menu-footer .social{padding-left: 50px;}
.header.menu .menu-group.secondary{margin-right: 0px; margin-left: 0px;}
.header.menu .menu-footer section.social,.menu-top .menu-footer section.social{margin-right: 100px;}
.walkthrough-scroller{width: 45px; height: 45px; border-radius: 45px;}
.header.menu .menu-footer p, .header.menu .menu-footer a,.menu-top .menu-footer p, .menu-top .menu-footer a{font-size: 13pt;}
footer .lower h5{font-size: 16pt;}
footer .lower .address p{font-size: 13pt;}
footer .lower section:nth-of-type(2n){padding: 40px;}
footer .lower section:first-of-type{width: 44%;}
}
@media(max-width: 1366px) and (max-height: 700px){
.header.menu .menu-item.primary > a{padding: 10px 0px;}
.header.menu .menu-group.secondary > .title{padding-bottom: 10px; margin-bottom: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary{margin-bottom: 10px;}
.header.menu .menu-group.secondary .menu-item.secondary > .title{font-size: 14pt;}
.header.menu .menu-group.tertiary .menu-item.tertiary{margin-bottom: 10px;}
}
@media(max-width: 1350px){
.header.menu .menu-footer section.social,.menu-top .menu-footer section.social{margin-right: 0px;}
.header.menu .menu-footer .second section:last-of-type,.menu-top .menu-footer .second section:last-of-type{flex-basis: 250px;}
.header.menu > section:last-of-type, .header.menu .menu-footer .social, .menu-top .menu-footer .social{padding-left: 30px;}
.header.menu > section:last-of-type{padding-left: 30px;}
}
@media(max-width: 1300px){
footer .lower section:first-of-type{width: 45%;}
}
@media(max-width: 1250px){
.walkthrough-scroller{width: 40px; height: 40px; border-radius: 40px;}
}
@media(max-width: 1200px){
/* Header Nav */
.header.menu > section:first-of-type{padding-left: 30px;}
.header.menu > section:first-of-type, .header.menu .menu-footer .first,.menu-top .menu-footer .first{min-width: 450px; max-width: 450px;}
.header.menu > section{height: calc(100% - 150px);}
.header.menu .menu-item.primary > a .title{font-size: 28pt; max-width: 90%;}
.header.menu > section:last-of-type{padding: 40px 20px;}
.header.menu > section:last-of-type, .header.menu .menu-footer .social, .menu-top .menu-footer .social{padding-left: 20px;}
.header.menu .menu-footer,.menu-top .menu-footer{height: 150px; padding: 20px 0px;}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{width: 50%; flex-basis: 50%;}
.header.menu .menu-group.secondary{margin-right: 0px; margin-left: 0px;}
footer .lower section:first-of-type{width: 47%;}
}
@media(max-width: 1150px){
footer .lower{padding: 0px;}
}
@media(max-width: 1080px){
.header.menu > section{height: calc(100% - 150px);}
.header.menu .menu-footer,.menu-top .menu-footer{height: 150px; flex-wrap: wrap; padding: 20px 0px;}
.header.menu .menu-footer section,.menu-top .menu-footer section{width: 100%;flex-basis: 100%;padding-bottom: 20px;}
.header.menu .menu-footer .first,.menu-top .menu-footer .first{padding: 0px 20px; width: 100%;}
.header.menu .menu-footer .second,.menu-top .menu-footer .second{padding: 0px;width: 100%;flex-wrap: wrap;}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{width: 100%;margin-bottom: 20px;}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{width: 100%;}
}
@media(max-width: 1050px){
/* Basic Page layout */
.logged-in .page-content{min-height:calc(100vh - calc(700px + 60px + 32px));} /* Min height based on footer (700px, 100px) height, header height (60px), and admin bar (32px, 46px) adjustment */
.page-content{margin-top: 0px; min-height:calc(100vh - calc(700px + 60px)); display: block; width: 100%;} /* Min height based on footer (700px, 100px) height, header height (75px) adjustment */
.wrapper{margin: auto; width: calc(100% - 30px);}
/* Header */
header{height: 60px;}
header .logo-wrap{height: 40px;}
/* Footer */
footer .lower h5{font-size: 13pt;}
footer .lower section:first-of-type{padding: 20px; width: 55%;}
footer .lower section:nth-of-type(2n), footer .lower section:last-of-type{padding: 20px;}
.walkthrough-scroller{bottom: 200px; }
.walkthrough-scroller.active:before{height: 200%; }
.walkthrough-scroller.active:after{bottom: -200%; }
}
@media(max-width: 1023px){
/* Header Nav */
.header.menu{}
.header.menu section{overflow: auto;}
.header.menu > section:first-of-type{padding-left: 0px;padding-right: 0px;width: 100%;text-align: center;}
.header.menu > section:last-of-type{display: none;}
.header.menu .menu-group.primary{margin-top: 40px;}
.header.menu .menu-item.primary > a{padding-bottom: 0px;}
.header.menu .menu-item.primary > a .title{max-width: 100%; font-size: 31pt;}
.header.menu .menu-group.secondary{text-align: left;}
.header.menu .menu-group.secondary > .title{padding-left: 5vw;padding-right: 5vw;padding-top: 20px;padding-bottom: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary:nth-of-type(n){padding-left: 6vw; padding-right: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary:nth-of-type(2n){padding-right: 6vw; padding-left: 15px;}
.header.menu .menu-footer,.menu-top .menu-footer{text-align: center;}
.header.menu .menu-footer .social,.menu-top .menu-footer .social{justify-content: center;}
.header.menu > section:first-of-type, .header.menu .menu-footer .first,.menu-top .menu-footer .first{min-width: 0px; max-width: 100%;}
.header.menu .menu-footer .first,.menu-top .menu-footer .first{width: calc(100% * (1/3));}
.header.menu .menu-footer .second,.menu-top .menu-footer .second{width: calc(100% * (2/3));}
.header.menu .menu-footer .social,.menu-top .menu-footer .social{flex-basis: unset;width: 50%;text-align: center;align-items: center;}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{flex-basis: unset; width : 50%;}
.header.menu .menu-footer .first,.menu-top .menu-footer .first{padding-left: 20px;}
.header.menu .menu-footer .second,.menu-top .menu-footer .second{padding-right: 20px;}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{padding: 0px;}
.header.menu .menu-group.secondary .menu-item.secondary > .title, .header.menu .menu-group.secondary > .title{font-size: 15pt;}
.walkthrough-scroller{display: none;}
}
@media(max-width: 950px){
.logged-in .page-content{min-height:calc(100vh - calc(400px + 50px + 32px));} /* Min height based on footer (700px, 100px) height, header height (50px), and admin bar (32px, 46px) adjustment */
.page-content{margin-top: 00px; min-height:calc(100vh - calc(400px + 50px));} /* Min height based on footer (700px, 100px) height, header height (50px) adjustment */
footer{height: 400px;}
footer .upper .cta-wrap{max-width: 100%;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 30px 20px;}
footer .upper .cta-wrap .image-wrap{width: 120px; margin: 0px;}
footer .upper .cta-wrap .cta{display: flex;align-items: center;margin: 0px;}
footer .upper .cta-wrap .cta:first-child{margin-right: 10px;}
footer .upper .cta-wrap .cta h5{font-size: 14pt;}
footer .upper .cta-wrap .cta h5:nth-of-type(2){font-weight: 900; margin-left: 10px;}
footer .upper .cta-wrap .cta .btn{display: none;}
footer .upper > section:last-of-type{display: none;}
footer .lower{flex-wrap: wrap; justify-content: space-between;}
footer .lower section:first-of-type{width: 100%; padding-bottom: 0px;}
footer .lower section:last-of-type{text-align: right; justify-content: flex-end; width: auto;}
footer .lower section.social .title{width: 100%;}
footer .lower section:nth-of-type(2n){ width: auto;}
footer .social .widgets{width: 100%;justify-content: flex-end;}
.walkthrough-scroller{width: 35px; height: 35px; border-radius: 35px;}
}
@media(max-width: 850px){
.walkthrough-scroller{width: 30px; height: 30px; border-radius: 30px;}
}
@media(max-width: 800px){
.header.menu .menu-footer,.menu-top .menu-footer{height: 320px;}
.header.menu .menu-footer .first,.menu-top .menu-footer .first{width: 100%;}
.header.menu .menu-footer .second,.menu-top .menu-footer .second{padding: 0px 20px; width: 100%;}
.header.menu .menu-footer section.social,.menu-top .menu-footer section.social{width: 100%;}
.header.menu .menu-footer .second section:last-of-type,.menu-top .menu-footer .second section:last-of-type{width: 100%; flex-basis: 100%;}
.header.menu > section{height: auto;min-height: calc(100% - 320px);}
}
@media(max-width: 782px){
.logged-in .page-content{min-height:calc(100vh - calc(400px + 50px + 46px));} /* Min height based on footer (700px, 100px) height, header height (50px), and admin bar (32px, 46px) adjustment */
.admin-bar header{top: 46px;}
.admin-bar .header.menu.active{top: 46px;height: calc(100vh - 46px);}
header .search-input-wrap.active:after{display: none;}
}
@media(max-width: 767px){
.header.menu .menu-group.secondary .menu-item.secondary > .title .arrow, .header.menu .menu-group.secondary > .title .arrow{display: flex;}
.logged-in .page-content{min-height:calc(100vh - calc(635px + 50px + 32px));} /* Min height based on footer (700px, 100px) height, header height (50px), and admin bar (32px, 46px) adjustment */
.page-content{margin-top: 50px; min-height:calc(100vh - calc(635px + 50px));} /* Min height based on footer (700px, 100px) height, header height (50px) adjustment */
/* Header Nav */
.header.menu > section{min-height: calc(100% - 320px);height: auto;}
.header.menu > section:first-of-type{text-align: left;}
.header.menu .menu-item.primary > a .title{padding-left: 5vw;padding-right: 5vw;}
.header.menu .menu-group.secondary{margin: 0px;}
.header.menu .menu-group.secondary > .title{margin-left: 0px;margin-right: 0px;margin-bottom: 5px;margin-top: 0px;padding-top: 15px;padding-bottom: 15px;}
.header.menu .menu-group.secondary .menu-item.secondary:nth-of-type(n){width: 100%;padding: 0px;}
.header.menu .menu-group.secondary .menu-item.secondary{border-bottom: 1px solid #d1d1d1; margin-bottom: 10px;}
.header.menu .menu-group.secondary .menu-item.secondary [data-accordion-trigger]:after{content:'';width: 0; height: 0; border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #6cc24A; transition: transform .8s;}
.header.menu .menu-group.secondary .menu-item.secondary [data-accordion-trigger].active:after{transform: rotate(90deg);}
.header.menu .menu-group.secondary .menu-item.secondary:last-of-type{margin-bottom: 0px;}
.header.menu .menu-group.secondary .menu-item.secondary > .title{padding: 0px 5vw; display: flex; align-items: center; justify-content: space-between;}
.header.menu .menu-group.secondary .menu-group.tertiary{padding: 0px 5vw; }
.header.menu .menu-group.secondary .menu-group.tertiary.active{margin-bottom: 10px;}
.header.menu .menu-group.tertiary{height: 0px;}
.header.menu .menu-item.primary > a .title{font-size: 25pt;}
.header.menu .menu-group.secondary .menu-item.secondary > .title, .header.menu .menu-group.secondary > .title{font-size: 13pt; min-height: 30px;}
.header.menu .menu-group.tertiary .menu-item.tertiary{margin-bottom: 10px;}
.header.menu .menu-footer .first,.menu-top .menu-footer .first{width: 100%;}
.header.menu .menu-footer,.menu-top .menu-footer{height: 320px;}
.header.menu > section{width: calc(100% - 320px);}
.header.menu .menu-footer .second section,.menu-top .menu-footer .second section{width: 100%;}
/* Footer */
/* footer{height: 635px;} */
footer .upper .cta-wrap{flex-wrap: wrap;justify-content: center;padding: 20px;}
footer .upper .cta-wrap .image-wrap{max-width: 150px;}
footer .upper .cta-wrap .cta{width: 100%;justify-content: center;flex-wrap: wrap;text-align: center;margin-top: 20px;}
footer .upper .cta-wrap .cta h5{width: 100%;margin: 0px;margin-bottom: 5px;}
footer .upper .cta-wrap .cta h5:nth-of-type(2){margin: 0px;}
footer .lower section:first-of-type{text-align: center; padding: 20px;}
footer .nf-form-cont .nf-form-content nf-fields-wrap{flex-wrap: wrap;}
footer .nf-form-cont .nf-form-content nf-fields-wrap nf-field:first-of-type{flex: none; width: 100%; margin-bottom: 20px;}
footer .nf-form-cont .nf-form-content nf-fields-wrap nf-field:last-of-type{width: 100%;}
footer .nf-form-cont input[type="email"], footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-input{max-width: 100%; width: 90%;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit input{margin-top: 20px;}
footer .nf-form-cont input[type="button"], footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-button, footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs-submit{margin: 0px;}
footer .lower section{width: 100%; text-align: center; padding: 20px;}
footer .lower section:last-of-type{width: 100%;justify-content: center;text-align: center;padding: 20px; align-items: center;}
footer .lower section.address{padding: 15px 20px;}
footer .bottom{flex-wrap: wrap; text-align: center; padding: 20px;}
footer .bottom section{width: 100%;}
footer .bottom section:first-of-type{margin-bottom: 10px;}
footer .lower, footer .social .widgets{justify-content: center;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71{flex-wrap: wrap; justify-content: center;}
footer #hsForm_d887a594-e8ea-43b6-8383-991e48b0ad71 .hs_email input{margin-bottom: 20px;}
}
@media(max-width: 550px){
html #wpadminbar{position: fixed;}
.logged-in .page-content{min-height:calc(100vh - calc(635px + 50px + 32px));} /* Min height based on footer (635px, 100px) height, header height (50px), and admin bar (32px, 46px) adjustment */
.page-content{margin-top: 50px; min-height:calc(100vh - calc(700px + 50px)); display: block; width: 100%;} /* Min height based on footer (700px, 100px) height, header height (50px) adjustment */
}
/* @import "fonts.css"; */
/* Fonts */
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-Light.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-LightItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-Medium.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-MediumItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-Bold.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/fonts/Ubuntu-BoldItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
h1{font-size: 150pt;font-weight: 900; line-height: 1em; color: #00a9e0;}
.h1{font-size: 60pt !important;}
h1:not(.h2){letter-spacing: -5px;}
h2{font-size: 60pt;font-weight: 900; line-height: 1em; color: #00a9e0; margin: .65em 0px;}
h3{font-size: 32pt;font-weight: normal; line-height: 1em; color: #556b79;}
h4, .h4{font-size: 36pt;font-weight: 900; line-height: 1em; color: #00a9e0; margin: .5em 0px;}
h5{font-size: 24pt;font-weight: normal; line-height: 1em; color: #556b79; margin: .5em 0px;}
p, .post-content li, .bulleted li{font-size: 25pt; font-weight: normal; line-height: 1.5em; color: #556b79; margin: .5em 0px;}
.h2{font-size: 60pt;}
p.small, div.small p{font-size: 21pt;}
body:not(.home) h2{font-size: 45pt;}
.partial-bold{font-weight: 300;}
.partial-bold b{font-weight: 700;}
/* Media */
/* Font scale adjustment */
@media(max-width: 2300px){
.h1{font-size: 50pt !important;}
h2, .h2{font-size: 50pt;}
body:not(.home) h2{font-size: 40pt;}
body:not(.home) h4, body:not(.home) .h4{font-size: 28pt;}
/* h1{font-size: 104pt;}
h2{font-size: 40pt;}
h4{font-size: 24pt;}
h5{font-size: 15pt;} */
/*
h3{font-size: 16pt;}
h5{font-size: 14pt;} */
p, .post-content li, .bulleted li{font-size: 21pt;}
p.small, div.small p{font-size: 19pt;}
}
@media(max-width: 1920px){
h1{font-size: 104pt;}
.h1{font-size: 40pt !important;}
h2, .h2{font-size: 40pt;}
h3{font-size: 22pt;}
body:not(.home) h2{font-size: 30pt;}
h4, .h4{font-size: 24pt;}
body:not(.home) h4, body:not(.home) .h4{font-size: 21pt;}
h5{font-size: 15pt;}
/*
h3{font-size: 16pt;}
h5{font-size: 14pt;} */
p, .post-content li, .bulleted li{font-size: 15pt;}
p.small, div.small p{font-size: 12pt;}
}
@media(max-width: 1600px){
/*body:not(.home) h2{font-size: 26pt;}*/
}
@media(max-width: 1440px){
h1{font-size: 80pt;}
body:not(.home) h2{font-size: 24pt;}
h4, .h4{font-size: 21pt;}
body:not(.home) h4, body:not(.home) .h4{font-size: 17pt;}
p, .post-content li, .bulleted li{font-size: 14pt;}
/* h1{font-size: 30pt;}
h2{font-size: 16pt;}
h3{font-size: 10pt;}
h4{font-size: 12pt;}
h5{font-size: 10pt;}
p{font-size: 10pt;} */
}
@media(max-width: 1024px){
.h1{font-size: 35pt !important;}
h2, .h2{font-size: 35pt;}
}
@media(max-width: 950px){
.h1{font-size: 30pt !important;}
h2, .h2{font-size: 30pt;}
}
@media(max-width: 768px){
body:not(.home) h2{font-size: 22pt;}
h3{font-size: 20pt;}
}
@media(max-width: 1440px){
p, .post-content li, .bulleted li{font-size: 13pt;}
}
/* @import "menu_toggle.css"; */
.menu-toggle {
height: 60px;
width: 60px;
position: relative;
margin: auto;
padding-top: 1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-transition: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
transition: .8s;
cursor: pointer;
}
.bar {
height: 7px;
width: 60px;
display: block;
margin: 12px auto;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-transition: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
transition: .8s;
}
.menu-toggle .bar:first-of-type {
background-color: #6cc24A;
}
.menu-toggle .bar:nth-of-type(2n) {
background-color: #5cbf9e;
}
.menu-toggle .bar:last-of-type {
background-color: #00a9e0;
}
.menu-toggle-wrap{display: inline-block; position: relative; bottom: 0px;}
header .menu-toggle-wrap:after{content: 'Menu'; display: block; color: #00a9df; text-align: center; font-weight: 900; text-transform: uppercase;position: absolute;bottom: -30px; font-size: 15pt; left: 0px; width: 100%;}
.menu-toggle-wrap .menu-toggle.active{margin-top: 5px; margin-bottom: -13px;}
.menu-toggle-wrap .menu-toggle.active .bar:nth-of-type(1) {
-moz-transform: translateY(11px) rotate(45deg);
-ms-transform: translateY(11px) rotate(45deg);
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
.menu-toggle-wrap .menu-toggle.active .bar:nth-of-type(2) {
opacity: 0;
}
.menu-toggle-wrap .menu-toggle.active .bar:nth-of-type(3) {
-moz-transform: translateY(-27px) rotate(-45deg);
-ms-transform: translateY(-27px) rotate(-45deg);
-webkit-transform: translateY(-27px) rotate(-45deg);
transform: translateY(-27px) rotate(-45deg);
}
/*============= Demo Animation ================*/
@-moz-keyframes mrotr {
0% {
-moz-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
50% {
-moz-transform: translateY(15px) rotate(0);
transform: translateY(15px) rotate(0);
}
100% {
-moz-transform: translateY(15px) rotate(45deg);
transform: translateY(15px) rotate(45deg);
}
}
@-webkit-keyframes mrotr {
0% {
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
50% {
-webkit-transform: translateY(15px) rotate(0);
transform: translateY(15px) rotate(0);
}
100% {
-webkit-transform: translateY(15px) rotate(45deg);
transform: translateY(15px) rotate(45deg);
}
}
@keyframes mrotr {
0% {
-moz-transform: translateY(0px) rotate(0);
-ms-transform: translateY(0px) rotate(0);
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
50% {
-moz-transform: translateY(15px) rotate(0);
-ms-transform: translateY(15px) rotate(0);
-webkit-transform: translateY(15px) rotate(0);
transform: translateY(15px) rotate(0);
}
100% {
-moz-transform: translateY(15px) rotate(45deg);
-ms-transform: translateY(15px) rotate(45deg);
-webkit-transform: translateY(15px) rotate(45deg);
transform: translateY(15px) rotate(45deg);
}
}
@-moz-keyframes mrotl {
0% {
-moz-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
50% {
-moz-transform: translateY(-15px) rotate(0);
transform: translateY(-15px) rotate(0);
}
100% {
-moz-transform: translateY(-15px) rotate(-45deg);
transform: translateY(-15px) rotate(-45deg);
}
}
@-webkit-keyframes mrotl {
0% {
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
50% {
-webkit-transform: translateY(-15px) rotate(0);
transform: translateY(-15px) rotate(0);
}
100% {
-webkit-transform: translateY(-15px) rotate(-45deg);
transform: translateY(-15px) rotate(-45deg);
}
}
@keyframes mrotl {
0% {
-moz-transform: translateY(0px) rotate(0);
-ms-transform: translateY(0px) rotate(0);
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
50% {
-moz-transform: translateY(-15px) rotate(0);
-ms-transform: translateY(-15px) rotate(0);
-webkit-transform: translateY(-15px) rotate(0);
transform: translateY(-15px) rotate(0);
}
100% {
-moz-transform: translateY(-15px) rotate(-45deg);
-ms-transform: translateY(-15px) rotate(-45deg);
-webkit-transform: translateY(-15px) rotate(-45deg);
transform: translateY(-15px) rotate(-45deg);
}
}
@-moz-keyframes rotateR {
from {
-moz-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
to {
-moz-transform: translateY(15px) rotate(45deg);
transform: translateY(15px) rotate(45deg);
}
}
@-webkit-keyframes rotateR {
from {
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
to {
-webkit-transform: translateY(15px) rotate(45deg);
transform: translateY(15px) rotate(45deg);
}
}
@keyframes rotateR {
from {
-moz-transform: translateY(0px) rotate(0);
-ms-transform: translateY(0px) rotate(0);
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
to {
-moz-transform: translateY(15px) rotate(45deg);
-ms-transform: translateY(15px) rotate(45deg);
-webkit-transform: translateY(15px) rotate(45deg);
transform: translateY(15px) rotate(45deg);
}
}
@-moz-keyframes rotateL {
from {
-moz-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
to {
-moz-transform: translateY(-15px) rotate(-45deg);
transform: translateY(-15px) rotate(-45deg);
}
}
@-webkit-keyframes rotateL {
from {
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
to {
-webkit-transform: translateY(-15px) rotate(-45deg);
transform: translateY(-15px) rotate(-45deg);
}
}
@keyframes rotateL {
from {
-moz-transform: translateY(0px) rotate(0);
-ms-transform: translateY(0px) rotate(0);
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
to {
-moz-transform: translateY(-15px) rotate(-45deg);
-ms-transform: translateY(-15px) rotate(-45deg);
-webkit-transform: translateY(-15px) rotate(-45deg);
transform: translateY(-15px) rotate(-45deg);
}
}
@-moz-keyframes circle-creation {
0% {
border-color: transparent;
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
border-color: transparent #fff transparent transparent;
-moz-transform: rotate(-35deg);
transform: rotate(-35deg);
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
-moz-transform: rotate(-300deg);
transform: rotate(-300deg);
}
}
@-webkit-keyframes circle-creation {
0% {
border-color: transparent;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
border-color: transparent #fff transparent transparent;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
-webkit-transform: rotate(-300deg);
transform: rotate(-300deg);
}
}
@keyframes circle-creation {
0% {
border-color: transparent;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
border-color: transparent #fff transparent transparent;
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
-webkit-transform: rotate(-300deg);
transform: rotate(-300deg);
}
}
@-moz-keyframes moveUp {
from {
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
-moz-transform: translateY(25px);
transform: translateY(25px);
}
}
@-webkit-keyframes moveUp {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(25px);
transform: translateY(25px);
}
}
@keyframes moveUp {
from {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-webkit-transform: translateY(25px);
transform: translateY(25px);
}
}
@-moz-keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media(max-width: 1920px){
.menu-toggle {
height: 40px;
width: 40px;
}
.bar {
height: 4px;
width: 40px;
margin: 7px auto;
}
.menu-toggle-wrap .menu-toggle.active .bar:nth-of-type(3){
-moz-transform: translateY(-11px) rotate(-45deg);
-ms-transform: translateY(-11px) rotate(-45deg);
-webkit-transform: translateY(-11px) rotate(-45deg);
transform: translateY(-11px) rotate(-45deg);
}
header .menu-toggle-wrap:after{bottom: -15px; font-size: 10pt; }
.menu-toggle-wrap .menu-toggle.active{margin-top: -5px; margin-bottom: -3px;}
}
@media(max-width: 1050px){
.menu-toggle {
height: 33px;
width: 33px;
}
.bar {
height: 4px;
width: 33px;
margin: 5px auto;
}
.menu-toggle-wrap .menu-toggle.active .bar:nth-of-type(3){
-moz-transform: translateY(-7px) rotate(-45deg);
-ms-transform: translateY(-7px) rotate(-45deg);
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
header .menu-toggle-wrap:after{font-size: 8pt;}
}
/* @import "figures.css"; */
/* Figures */
.figure{display: flex; align-items: center; background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.figure section{width: 50%; position: relative;}
.figure p, .figure .title{max-width: 820px;}
.figure .btn-group{
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.figure .btn-group .btn:not(:last-child) {
margin-right: 30px;
}
.figure .btn.btn.tertiary {
background-color: transparent;
border: 0;
color: #6abe4a;
}
.figure .btn.btn.tertiary:hover {
color: #00a9e0;
}
/* Large Figures */
.large-figure {text-align: right;margin-top: -150px;margin-bottom: -175px;overflow: hidden;}
.large-figure section:first-of-type {padding-right: 10vw;}
.large-figure section:last-of-type {height: 50vw; z-index: 5; max-height:1280px;}
.large-figure .title {margin: 0px;margin-left: auto;margin-bottom: 20px; color: #2f4455;}
.large-figure p {margin-left: auto; justify-content: flex-end;}
.large-figure .btn-group {justify-content: flex-end; position: relative; z-index: 200;}
.large-figure .image-wrap{height: 100%;}
.large-figure .image-wrap img{margin-right: -50px;}
.large-figure .image-wrap.overflow {width: 100%;height: 100%; position: relative; top: 40px; right: -50px; text-align: left;}
.large-figure.Smaller.Text .title{font-size:5vw; line-height:5vw; letter-spacing:0px; display:block;}
.home .large-figure{padding-bottom: 100px;z-index: 9; max-height:1380px;}
/* Animated Figures */
.animated-figure {
background-image: -moz-linear-gradient( 90deg, rgb(226,237,242) 39%, rgb(255,255,255) 86%);
background-image: -webkit-linear-gradient( 90deg, rgb(226,237,242) 39%, rgb(255,255,255) 86%);
background-image: -ms-linear-gradient( 90deg, rgb(226,237,242) 39%, rgb(255,255,255) 86%);
padding-bottom: 9vw !important;
position: relative;
}
.animated-figure:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-bottom: 8.07291666667vw;
background: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/bg-animated-hero.png') no-repeat center top !important;
}
.animated-figure .walkthrough-scroller {
bottom: 10vw !important;
}
.animated-figure .wrapper {
display: flex;
align-items: center;
position: relative;
}
.animated-figure .wrapper section {
position: static;
}
.animated-figure .title {
font-size: 60px;
font-weight: 300;
color: #00a9e0;
display:block;
letter-spacing: normal;
margin: 0 0 20px;
}
.animated-figure p {
font-size: 24px;
}
.animated-figure .call-out {
position: absolute;
padding: 10px 50px 15px 0;
bottom: 0;
left: calc(((100vw - 1600px) / 2) * -1);
padding-left: calc((100vw - 1600px) / 2);
background-color: rgb(0,169,224);
color: #fff;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
font-size: 60px;
line-height: 1;
font-weight: 300;
background-image: -moz-linear-gradient( -40deg, rgb(106,190,74) 0%, rgb(0,169,224) 75%);
background-image: -webkit-linear-gradient( -40deg, rgb(106,190,74) 0%, rgb(0,169,224) 75%);
background-image: -ms-linear-gradient( -40deg, rgb(106,190,74) 0%, rgb(0,169,224) 75%);
white-space: nowrap;
}
.animated-figure .call-out:hover {
background-image: -moz-linear-gradient( -40deg, rgb(0,169,224) 0%, rgb(106,190,74) 100%);
background-image: -webkit-linear-gradient( -40deg, rgb(0,169,224) 0%, rgb(106,190,74) 100%);
background-image: -ms-linear-gradient( -40deg, rgb(0,169,224) 0%, rgb(106,190,74) 100%);
}
.animated-figure .call-out strong {
font-weight: 700;
}
.animated-figure .call-out small {
display: block;
font-size: 18px;
font-weight: 700;
}
.animated-figure section:not(:first-child) {
align-self: flex-start;
}
.animated-figure .image-carousel {
background: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/halo-gradient-greens.png') no-repeat center center;
background-size: 100% auto;
}
.animated-figure .image-carousel figure {
position: relative;
margin: 0;
display: block;
}
.animated-figure .image-carousel figure img {
width: 100%;
height: auto;
display: block;
}
.animated-figure .image-carousel figure img.layer3 {
position: relative;
z-index: 1;
opacity: 0;
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s
}
.animated-figure .image-carousel figure img.layer2 {
z-index: 2;
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.animated-figure .image-carousel figure img.layer1 {
z-index: 3;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s
}
.animated-figure .image-carousel figure img.layer1,
.animated-figure .image-carousel figure img.layer2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.animated-figure .image-carousel .active figure img {
-webkit-animation-name:fadein;
animation-name:fadein;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.animated-figure .image-carousel .active figure {
-webkit-animation-name:fade;
animation-name:fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s
}
@-webkit-keyframes fadein{
0% {opacity: 0;}
100% {opacity: 1}
}
@keyframes fadein{
0% {opacity: 0;}
100% {opacity: 1}
}
@media(max-width: 1660px){
.animated-figure .call-out {
left: -30px;
padding-left: 30px;
}
}
.animated-figure + .circular-diagram {
margin-top: 0 !important;
}
/* Splash Figures */
.splash-figure{height: 65vw; max-height:1664px;}
.splash-figure section{margin-top:-10%;}
.splash-figure .cropping{width:calc(100% + 4px);position: absolute;left: -2px;}
.splash-figure .cropping img{max-height: none; width: 100%;}
.splash-figure .cropping.top{top: -2px;}
.splash-figure .cropping.bottom{bottom:-2px; left:-2px; width:calc(100% + 4px);}
.splash-figure .cropping.bottom img{position: absolute; bottom: 0px;}
.splash-figure .title{margin: 0px;margin-bottom: 20px;color: white;text-transform: uppercase;}
.splash-figure p{color: white; max-width: 699px;}
.home .splash-figure{margin-top: -275px;}
/* Font scale adjustment */
@media(max-width: 2300px){
.home .large-figure .title{font-size: 130pt;}
}
@media(max-width: 2100px){
.home .large-figure section:first-of-type{width: 45%;}
.home .large-figure section:last-of-type{width: 55%;}
.home .large-figure .image-wrap.overflow{right: -100px;}
.home .large-figure .title{font-size: 130pt;}
.home .large-figure section:first-of-type{padding-right: 0px;}
.home .large-figure section:last-of-type{height: 60vw;}
}
@media(max-width: 2000px){
.home .splash-figure .walkthrough-scroller{bottom: 350px;}
}
@media(max-width: 1920px){
.home .large-figure{margin-top: -150px;}
.home .large-figure .title{font-size: 120pt;}
.home .large-figure .image-wrap.overflow{width: 100%; height: 100%; right: -150px;}
.large-figure .image-wrap img{margin-right: -70px;}
.home .large-figure section:last-of-type{height: 50vw; width: 50%;}
.figure .title{max-width: 650px;}
.figure p{max-width: 500px;}
.animated-figure p {
max-width: 650px;
}
.home .splash-figure{height: 62vw; overflow:hidden;}
}
@media(max-width: 1700px){
.home .large-figure .title{font-size: 100pt;}
.home .large-figure section:first-of-type{padding-right: 3vw;}
.home .large-figure .image-wrap.overflow{right: -100px;}
.home .splash-figure{margin-top: -200px;}
}
@media(max-width: 1600px){
.figure p{font-size: 13pt; max-width: 450px;}
.figure .btn{margin-top: 20px;}
.animated-figure .title,
.animated-figure p {
max-width: 550px;
}
.home .large-figure .title{font-size: 80pt;}
.home .splash-figure .walkthrough-scroller{bottom: 300px;}
}
@media(max-width: 1500px){
.home .splash-figure .walkthrough-scroller{bottom: 270px;}
}
@media(max-width: 1440px){
.figure .btn{margin-top: 15px;}
.large-figure{margin-bottom: -135px;}
.large-figure .image-wrap img{margin-right: -30px;}
.figure .title{max-width: 450px;}
.figure p{max-width: 450px;}
.animated-figure .title,
.animated-figure p {
max-width: 550px;
}
.animated-figure .title {
font-size: 50px;
}
.animated-figure .call-out {
font-size: 40px;
padding-right: 30px;
}
.animated-figure .call-out small {
font-size: 12px;
}
.large-figure .image-wrap.overflow {top: 25px;}
.home .large-figure section:last-of-type{height: 52vw;}
.home .splash-figure .walkthrough-scroller{bottom: 270px;}
}
@media(max-width: 1350px){
.home .large-figure{margin-top: -120px;}
.home .large-figure section:last-of-type{height: 54vw;}
.home .large-figure .image-wrap.overflow{right: -85px;}
.home .splash-figure{margin-top: -230px;}
.home .walkthrough-scroller{bottom: 220px;}
.home .splash-figure .walkthrough-scroller{bottom: 230px;}
}
@media(max-width: 1250px){
.home .large-figure section:last-of-type{height: 55vw;}
.home .large-figure .image-wrap.overflow{right: -90px;}
}
@media(max-width: 1150px){
.home .large-figure section:first-of-type{padding-right: 2vw;}
.home .large-figure section:last-of-type{width: 55%; height: 60vw;}
.home .large-figure .image-wrap.overflow{right: -30px;}
.home .splash-figure .walkthrough-scroller{bottom: 28%}
}
@media(max-width: 1050px){
.figure p{font-size: 12pt;max-width: 400px;}
.home .large-figure{margin-top: -100px;}
.home .large-figure .title{font-size: 70pt;}
.home .large-figure section:last-of-type{height: 63vw;}
}
@media(max-width: 1024px){
.home .large-figure{margin-top: -20px;}
/* .home .page-content > div{margin-top: 0px;padding-bottom: 30px;margin-bottom: 0px;} */
.home .large-figure section:first-of-type{width: 55%;}
.home .large-figure .title{font-size: 75pt;}
.figure p{font-size: 15pt; max-width: 420px;}
.home .large-figure section:last-of-type{height: 64vw; width: 60%;}
.home .large-figure .image-wrap.overflow{top: 10px; right: -25px; width: 130%;}
.home .page-content .splash-figure{margin-top: -20px; height: 65vw;}
.splash-figure section{margin-top: -8%;}
.animated-figure {
padding-bottom: 100px;
}
}
@media(max-width: 950px){
.figure p{max-width: 350px; font-size: 11pt;}
.home .large-figure{margin-top: -85px;}
.home .large-figure .image-wrap.overflow{right: -20px;}
}
@media(max-width: 850px){
.home .large-figure section:last-of-type{height: 65vw;}
.home .large-figure .title{font-size: 60pt;}
.home .splash-figure{margin-top: -210px;}
.home .splash-figure{height: 71vw;}
.home .walkthrough-scroller{bottom: 200px;}
.animated-figure .wrapper {
flex-wrap: wrap;
}
.animated-figure .wrapper section {
width: 100%;
text-align: center;
position: relative;
}
.animated-figure .wrapper section:last-child {
order: -1;
max-width: 80%;
margin: 0 auto 40px;
}
.animated-figure .wrapper section .title,
.animated-figure .wrapper section p {
max-width: none;
text-align: center;
}
.animated-figure .btn-group {
display: flex;
justify-content: center;
margin: 0 -10px;
}
.animated-figure .btn-group .btn {
margin-left: 10px !important;
margin-right: 10px !important;
}
.animated-figure .call-out {
top: auto;
bottom: calc(100% + 20px);
z-index: 10;
}
}
@media(max-width: 768px){
.figure p{max-width: 300px; }
.home .page-content .splash-figure{height: 75vw;}
}
@media(max-width: 640px){
.home .large-figure{margin-top: 80px;margin-bottom: 0px; flex-wrap: wrap;}
.home .large-figure section:first-of-type{width: 100%;padding: 0px;text-align: center;padding: 15px;order: 1;}
.home .large-figure .title{width: 100%; max-width: none; font-size: 30pt; letter-spacing: -3px;}
.large-figure .image-wrap img{margin-right: 0px;}
.home .large-figure section:last-of-type{width: 100%; height: 270px; margin-top: 20px;}
.home .large-figure .image-wrap.overflow{right: 0px;top: 0px;text-align: center;width: 100%;padding: 0px 20px;}
.large-figure .btn-group {justify-content: center;}
.home .page-content .splash-figure{background-color: #3d5567;background-image: none !important; height: auto;padding: 15vw 0px;min-height: 500px;padding-top: 10vw;}
.splash-figure section:first-of-type{display: none;}
.splash-figure section{width: 100%;text-align: center;margin: 0px;}
.home .page-content .splash-figure p{padding: 0px 15px;}
.figure .title{margin: auto;text-align: center;margin-bottom: 20px;}
.figure p{max-width: none; margin: auto;text-align: center;font-size: 13pt;}
.home .page-content {
margin-top: 0px !important;
}
.home header {
background-color: #fff;
border-bottom: solid 1px #f2f2f2;
}
.home header.fill {
border-bottom-color: transparent;
}
}
.hover-blocks {
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
position: relative;
padding: 160px 0;
margin-top: -140px;
padding-top: 240px;
}
.hover-blocks h2 {
font-weight: 300;
text-transform: uppercase;
}
.hover-blocks h2 b,
.hover-blocks h2 strong {
font-weight: 700;
}
.hover-blocks .wrapper {
text-align: center;
}
.hover-blocks .grid {
display: flex;
flex-wrap: wrap;
margin: -12px;
}
.hover-blocks .grid .item {
width: calc(100% / 4);
padding: 12px;
}
.hover-blocks .grid .item .article {
position: relative;
margin: 0;
padding: 0;
display: block;
min-height: 396px;
height: 100%;
display: flex;
flex-direction: column;
text-align: left;
padding: 20px 40px;
transition: .3s ease all;
overflow: hidden;
}
.hover-blocks .grid .item .article > *:not(figure) {
position: relative;
z-index: 3;
}
.hover-blocks .grid .item .article > *:first-child {
margin-top: auto;
}
.hover-blocks .grid .item .article h3 {
margin-bottom: 10px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
letter-spacing: 0.025em;
margin-top: auto;
}
.hover-blocks .grid .item .article p {
margin: 0 0 1em;
color: #fff;
font-size: 16px;
}
.hover-blocks .grid .item .article aside {
display: none;
}
.hover-blocks .grid .item .article aside > *:first-child {
margin-top: 0 !important;
}
.hover-blocks .grid .item .article aside > *:last-child {
margin-bottom: 0;
}
.hover-blocks .grid .item .article aside span {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.025em;
}
.hover-blocks .grid .item .article .proof {
color: #fff;
transition: .3s ease all;
opacity: 0;
margin: 0;
position: absolute;
top: 20px;
left: 40px;
right: 40px
}
.hover-blocks .grid .item .article .proof h6 {
margin: 0;
font-size: 42px;
font-weight: normal;
margin-bottom: 0.1em;
letter-spacing: 0.05em;
}
.hover-blocks .grid .item figure {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
}
.hover-blocks .grid .item figure:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/bg-shadow.png') repeat-x left bottom;
}
.hover-blocks .grid .item .article .hover {
position: absolute;
bottom: 0;
left: 0;
transition: .3s ease all;
z-index: 2;
width: 100%;
height: 0;
}
.hover-blocks .grid .item .article:hover .hover {
height: 100%;
}
.hover-blocks .grid .item .article:hover .proof {
opacity: 1;
}
.hover-blocks .walkthrough-scroller {
bottom: 40px;
}
@media(max-width: 1600px){
.hover-blocks .grid .item .article {
padding: 20px;
min-height: 24.75vw;
}
.hover-blocks .grid .item .article h3 {
font-size: 24px;
}
.hover-blocks .grid .item .article .proof {
left: 20px;
right: 20px
}
.hover-blocks .grid .item .article .proof h6 {
font-size: 30px;
}
}
@media(max-width: 1400px){
.hover-blocks .grid .item .article {
min-height: 30vw;
}
}
@media(max-width: 1200px){
.hover-blocks .grid .item {
width: calc(100% / 3);
}
.hover-blocks .grid .item .article {
min-height: 33vw;
}
}
@media(max-width: 1024px){
.hover-blocks .grid {
margin: -10px;
}
.hover-blocks .grid .item {
width: 50%;
padding: 10px;
}
.hover-blocks .grid .item .article {
min-height: 49.5vw;
}
}
@media(max-width: 767px){
.hover-blocks .grid .item .article {
min-height: 62vw;
}
}
@media (max-width:575px){
.hover-blocks {
padding: 100px 0;
margin-top: 0;
}
.hover-blocks .grid .item {
width: 100%;
}
.hover-blocks .grid .item .article {
min-height: 99vw;
}
.hover-blocks .grid .item .article p {
font-size: 14px;
}
.hover-blocks .grid .item .article .proof h6 {
font-size: 28px;
}
}
.testimonials-carousel {
position: relative;
padding: 160px 0;
}
.testimonials-carousel h2 {
letter-spacing: 0.025em;
font-weight: 300;
font-size: 40pt;
margin-bottom: 10 px;
color: #12a8e0;
text-align: center;
}
.testimonials-carousel h2 strong{
font-weight: 700;
}
.testimonials-carousel .wrapper {
position: relative;
}
.testimonials-carousel .owl-carousel {
position: static;
}
.testimonials-carousel .owl-carousel .owl-wrapper,
.partner-logos .logos-carousel .owl-wrapper {
display: table !important;
}
.testimonials-carousel .owl-carousel .owl-item,
.partner-logos .owl-carousel .owl-item {
display: table-cell;
float: none;
vertical-align: middle;
}
.testimonials-carousel .owl-carousel .owl-item .item>*:first-child {
margin-top: 0;
}
.testimonials-carousel .owl-carousel .owl-item .item>*:last-child {
margin-bottom: 0;
}
.testimonials-carousel .owl-carousel .owl-item .item {
background: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/quote.png') no-repeat 1px 10px;
background-size: 125px auto;
padding-left: 158px;
}
.testimonials-carousel .owl-carousel .owl-item .item p {
font-size: 24px;
line-height: 1.5em;
margin-bottom: 1.25em;
}
.testimonials-carousel .owl-carousel .owl-item .item div {
line-height: 1.5em;
}
.testimonials-carousel .owl-carousel .owl-item .item div.bold {
font-weight: bold;
}
.testimonials-carousel .testimonials {
max-width: 1095px;
width: 80%;
margin: 0 auto;
color: #2f4455;
}
.testimonials-carousel .testimonials .owl-prev,
.testimonials-carousel .testimonials .owl-next,
.partner-logos .logos-carousel .owl-prev,
.partner-logos .logos-carousel .owl-next {
width: 20px;
height: 36px;
display: block;
position: absolute;
margin: 0;
padding: 0;
cursor: pointer;
min-width: 0 !important;
top: 50%;
transform: translateY(-50%);
}
.testimonials-carousel .testimonials .owl-prev span,
.testimonials-carousel .testimonials .owl-next span,
.partner-logos .logos-carousel .owl-prev span,
.partner-logos .logos-carousel .owl-next span {
display: none;
}
.testimonials-carousel .testimonials .owl-prev,
.partner-logos .logos-carousel .owl-prev {
left: 0;
background: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/arrow-left.png') no-repeat center !important;
}
.testimonials-carousel .testimonials .owl-next,
.partner-logos .logos-carousel .owl-next {
right: 0;
background: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/arrow-right.png') no-repeat center !important;
}
.testimonials-carousel .owl-carousel .owl-dots {
display: none;
}
.testimonials-carousel .walkthrough-scroller {
bottom: 40px;
}
@media(max-width: 1024px){
.testimonials-carousel {
padding: 100px 0 130px;
}
}
@media(max-width: 768px){
.testimonials-carousel {
padding: 100px 0;
}
.testimonials-carousel .owl-carousel .owl-item .item {
background-size: 80px auto;
padding-left: 100px;
}
.testimonials-carousel .owl-carousel .owl-item .item p {
font-size: 20px;
}
}
@media(max-width: 575px){
.testimonials-carousel {
padding: 80px 0;
}
.testimonials-carousel .owl-carousel .owl-item .item {
background-size: 20px auto;
background-position: 1px 5px;
padding-left: 30px;
}
.testimonials-carousel .owl-carousel .owl-item .item p {
font-size: 18px;
}
}
.img-txt {
padding: 90px 0 50px;
position: relative;
}
.img-txt .wrapper {
display: flex;
align-items: center;
}
.img-txt h2 {
font-weight: 300;
line-height: 1.1em;
}
.img-txt p {
font-size: 24px;
}
.img-txt .btn {
text-transform: uppercase;
}
.img-txt .wrapper>* {
width: 50%;
}
.img-txt article {
padding-top: 70px;
padding-bottom: 70px;
}
.img-txt article>*:first-child {
margin-top: 0;
}
.img-txt article>*:last-child {
margin-bottom: 0;
}
.img-txt figure {
margin: 0;
}
.img-txt figure img {
width: 100%;
height: auto;
display: block;
}
.img-txt.right article,
.img-txt.left figure {
padding-right: 50px;
}
.img-txt.left article,
.img-txt.right figure {
padding-left: 50px;
}
.img-txt.right figure {
order: 3;
}
.img-txt .walkthrough-scroller {
bottom: 40px;
}
.testimonials-carousel .walkthrough-scroller.active:before,
.img-txt .walkthrough-scroller.active:before {
height: 100px;
}
.testimonials-carousel .walkthrough-scroller.active:after,
.img-txt .walkthrough-scroller.active:after {
bottom: -100px;
}
@media(max-width: 1200px){
.img-txt.right article,
.img-txt.left figure {
padding-right: 20px;
}
.img-txt.left article,
.img-txt.right figure {
padding-left: 20px;
}
}
@media(max-width: 1024px){
.img-txt .wrapper {
flex-wrap: wrap;
}
.img-txt .wrapper > * {
width: 100%;
}
.img-txt .wrapper > *:not(:first-child) {
margin-top: 50px;
}
.img-txt article {
padding-top: 0px;
padding-bottom: 0px;
}
.img-txt.right figure {
order: initial;
}
.img-txt.right article,
.img-txt.left figure {
padding-right: 0;
}
.img-txt.left article,
.img-txt.right figure {
padding-left: 0;
}
}
@media(max-width: 768px){
.img-txt {
padding: 70px 0;
}
.img-txt p {
font-size: 20px;
}
}
@media(max-width: 575px){
.img-txt p {
font-size: 18px;
}
.img-txt .wrapper > *:not(:first-child) {
margin-top: 20px;
}
}
.lifecycle {
position: relative;
padding: 150px 0;
}
.animated-figure + .lifecycle {
margin-top: -150px;
}
.lifecycle + .circular-diagram {
margin-top: 0 !important;
padding-top: 150px;
}
.lifecycle article {
text-align: center;
}
.lifecycle article h2 {
font-weight: 300;
text-transform: uppercase;
}
.lifecycle article h2 strong, .lifecycle article h2 b {
font-weight: bold;
}
.lifecycle .circle {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-top: 50px;
}
.lifecycle .circle > * {
width: calc(100% / 3);
}
.lifecycle .circle figure {
margin: 0;
padding: 0;
}
.lifecycle .circle figure + * {
order: -1;
}
.lifecycle .circle figure img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 5;
border-radius: 100%;
}
.lifecycle .circle figure span {
position: relative;
border-radius: 100%;
display: block;
}
.lifecycle .circle figure i {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 100%;
animation: ripple 9s infinite;
animation-timing-function: cubic-bezier(.65,0,.34,1);
background-color: #e2e2e2;
}
.lifecycle .circle figure i.ring-1 {
animation-delay: 0s;
}
.lifecycle .circle figure i.ring-2 {
animation-delay: 1.5s;
}
.lifecycle .circle figure i.ring-3 {
animation-delay: 3s;
}
.lifecycle .circle figure i.ring-4 {
animation-delay: 4.5s;
}
.lifecycle .circle figure i.ring-5 {
animation-delay: 6s;
}
.lifecycle .circle figure i.ring-6 {
animation-delay: 7.5s;
}
@keyframes ripple {
from {
opacity: 1;
transform: scale3d(0.99,0.99,1);
}
to {
opacity: 0;
transform: scale3d(1.3,1.3,1);
}
}
.lifecycle .circle aside > *:first-child {
margin-top: 0;
}
.lifecycle .circle aside > *:last-child {
margin-bottom: 0;
}
.lifecycle .circle aside.txt-1 {
padding-right: 70px;
text-align: right;
}
.lifecycle .circle aside.txt-1 > * {
max-width: 320px;
margin-left: auto;
}
.lifecycle .circle aside.txt-1 h3,
.lifecycle .circle aside.txt-1 a {
color: #12a8e0;
}
.lifecycle .circle aside.txt-2 {
padding-left: 70px;
}
.lifecycle .circle aside.txt-2 > * {
max-width: 320px;
}
.lifecycle .circle aside.txt-2 h3,
.lifecycle .circle aside.txt-2 a {
color: #fcb040;
}
.lifecycle .circle aside.txt-3 {
text-align: center;
padding-top: 70px;
}
.lifecycle .circle aside.txt-3 h3,
.lifecycle .circle aside.txt-3 a {
color: #e08358;
}
.lifecycle .circle aside {
font-size: 18px;
}
.lifecycle .circle aside h3 {
letter-spacing: 0.025em;
font-weight: 900;
font-size: 28px;
margin-bottom: 10px;
}
.lifecycle .circle aside p {
color: #415965;
font-size: 18px;
margin-bottom: 15px;
}
.lifecycle .circle aside a {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.025em;;
}
.lifecycle .circle aside a:hover {
color: #6abe4a;
}
.lifecycle .walkthrough-scroller {
bottom: 40px !important;
}
@media(max-width: 1024px){
.lifecycle {
padding: 70px 0;
}
.animated-figure + .lifecycle {
margin-top: -70px;
}
.lifecycle + .circular-diagram {
padding-top: 70px;
}
.lifecycle .circle figure + * {
order: initial;
}
.lifecycle .circle figure {
width: 100%;
}
.lifecycle .circle figure span {
max-width: 300px;
margin: 0 auto;
}
.lifecycle .circle aside {
width: 50%;
padding-top: 70px;
align-self: flex-start;
}
.lifecycle .circle aside.txt-1 {
padding-right: 50px;
}
.lifecycle .circle aside.txt-2 {
padding-left: 50px;
}
.lifecycle .circle aside.txt-1,
.lifecycle .circle aside.txt-2 {
text-align: center;
}
.lifecycle .circle aside.txt-1 > *,
.lifecycle .circle aside.txt-2 > * {
max-width: none;
}
}
@media(max-width: 768px){
.lifecycle .circle aside {
width: 100%;
padding: 50px 0 0 !important;
}
.lifecycle .circle aside h3 {
font-size: 24px;
}
.lifecycle .circle aside, .lifecycle .circle aside p {
font-size: 16px;
}
}
/* @import "circle_diagram.css"; */
.circular-diagram{text-align: center;}
.circular-diagram > .title{text-transform: uppercase;margin: 0px;margin-bottom: 20px;}
.circular-diagram > p{width:34vw; max-width: 860px; margin: auto; text-align:center;}
.circular-diagram .diagram{display: flex;justify-content: center;margin-top: 1vw; position:relative; z-index: 1;}
.circular-diagram .diagram section{}
.circular-diagram .diagram section:nth-of-type(2n){width:40vw; padding:0;}
.circular-diagram .diagram:before{content:""; width:70vw; max-width:1850px; height:90%; position:absolute; z-index:0; top:-2vw; left:0; right:0; margin:auto; background:url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/itrac360Circle-01.svg') no-repeat center; background-size:100%;}
.circular-diagram .highlights-left{padding-right:0%; position:relative;}
.circular-diagram .highlights-left .icon-highlight{text-align: right;}
.circular-diagram .highlights-right{ position:relative;}
.circular-diagram .highlights-right .icon-highlight{text-align: left;}
.circular-diagram .icon-highlight{ margin-bottom:6vw;}
.circular-diagram .icon-highlight .image-wrap{height:4vw;min-height:50px; max-height:100px;}
.circular-diagram .icon-highlight .image-wrap img{height: 100%;}
.circular-diagram .icon-highlight .title{margin-bottom: 0px; font-size:2.6em;}
.circular-diagram .icon-highlight p{max-width: 21vw;font-size: 21pt;margin: 0px;line-height: 1.5em;margin-top: 10px;}
.circular-diagram .icon-highlight .btn{margin-top: 30px;}
.circular-diagram.extended{margin-top: 100px;}
.circular-diagram.extended > .title{font-weight: 900; text-transform: none; max-width: 900px; margin-left: auto; margin-right: auto;}
.circular-diagram.extended > .title b{font-weight: 900;}
.circular-diagram.extended .secondary-highlights{display: flex; justify-content: center; margin-top: -6vw;}
.circular-diagram.extended .secondary-highlights .icon-highlight{padding: 0px 100px;}
.circular-diagram.extended .secondary-highlights .icon-highlight:first-of-type{text-align: right; position: relative;}
.circular-diagram.extended .secondary-highlights .icon-highlight:first-of-type:after{content: ''; display: inline-block; position: absolute; height: 100%; width: 1px; background: #e2e2e2; top: 0px; right: 0px;}
.circular-diagram.extended .secondary-highlights .icon-highlight:last-of-type{text-align: left;}
.home .circular-diagram{margin-top: -150px;}
.home .circular-diagram .walkthrough-scroller{bottom: 0px;}
@media(max-width: 2400px){
.home .circular-diagram{margin-bottom: 50px;}
}
@media(max-width: 2300px){
.circular-diagram .icon-highlight p { font-size:19pt; line-height:1.5em;}
.circular-diagram .diagram section:nth-of-type(2n){width:42vw;}
}
@media(max-width: 2200px){
.home .circular-diagram{margin-bottom: 80px;}
}
@media(max-width: 1920px){
.circular-diagram.extended > .title{max-width: 600px;}
.circular-diagram .icon-highlight p{font-size: 12pt;margin-left: auto;max-width: 300px;}
.circular-diagram .icon-highlight .title{font-size:1.8em;}
.home .circular-diagram{margin-bottom: 0px;}
}
@media(max-width: 1600px){
.circular-diagram .icon-highlight p{font-size:11pt;}
}
@media(max-width: 1200px){
.circular-diagram .diagram section:nth-of-type(2n){width: 45vw;}
}
@media(max-width: 1024px){
.circular-diagram .icon-highlight p{max-width:45vw;}
.home .circular-diagram{margin-top:-100px;}
.circular-diagram .diagram {justify-content:space-evenly; margin-top:4vw;}
.circular-diagram .diagram:before{display:none;}
.circular-diagram > p{width:50vw;}
.circular-diagram .diagram section:nth-of-type(2n){display:none;}
.circular-diagram .highlights-left .icon-highlight{text-align:center;}
.circular-diagram .highlights-right .icon-highlight{text-align:center;}
.circular-diagram .icon-highlight p{max-width:33vw; margin-left: 0px;}
.home .circular-diagram .walkthrough-scroller{bottom: 30px;}
.circular-diagram.extended{margin-top: 60px;}
.circular-diagram.extended .secondary-highlights{margin-top: 0px;}
.circular-diagram.extended .secondary-highlights .icon-highlight{padding: 0px 55px; text-align: center !important;}
.circular-diagram.extended .secondary-highlights .icon-highlight:first-of-type:after{display: none;}
.circular-diagram.extended .highlights-left, .circular-diagram.extended .highlights-right{width: 50%; padding: 0px 20px;}
.circular-diagram.extended .secondary-highlights .icon-highlight{width: 50%; padding: 0px 20px;}
}
@media(max-width: 768px){
.home .circular-diagram{margin-top: 20px !important; }
.home .circular-diagram .diagram{display:block;}
.circular-diagram .icon-highlight .title{font-size:1.8em;}
.circular-diagram > p{width:100%;}
.circular-diagram .diagram section{display:block;}
.circular-diagram .icon-highlight p{max-width:100%;}
.circular-diagram .icon-highlight .title{font-size: 1.4em;}
.circular-diagram .icon-highlight .btn{margin-top: 20px;}
.circular-diagram .icon-highlight{margin-bottom: 8vw;}
.circular-diagram.extended .diagram{flex-wrap: wrap;}
.circular-diagram.extended .secondary-highlights{flex-wrap: wrap;}
.circular-diagram.extended .secondary-highlights .icon-highlight{width: 100%;}
.circular-diagram.extended .highlights-left, .circular-diagram.extended .highlights-right{width: 100%;}
.circular-diagram.extended .secondary-highlights .icon-highlight{width: 100%;}
}
/* @import "tab_preview_figure.css"; */
.tab-preview{display: none;}
.tab-preview{display: flex; flex-wrap: wrap; align-items: center;}
.tab-preview .cropping{width: 100%;}
.tab-preview .cropping.top{margin: -1px 0 -16% 0;}
.tab-preview .cropping.bottom{margin:-10% 0 -4px 0;}
.tab-preview .tab-image{width: 30%; position: relative;}
.tab-preview .tab-image .image-wrap{}
.tab-preview .tab-content{width: 70%; padding:0 9vw 10vw 50px;}
.tab-preview .tab-content > .title{text-transform: uppercase; margin:0.65em 0 20px 0; }
.tab-preview .tab-content > p, .tab-preview .tab-content > .content {/* width:75%; */}
.tab-preview .tab-content .secondary{color:#6cc24a; position: relative;}
.tab-preview .tabs{display: flex; align-items: stretch; margin:20px 0; flex-wrap: wrap;}
.tab-preview .tabs .description{display: none;}
.tab-preview .tabs .tab{
/* width: 25%; */
width: calc(33% - 10px);
padding:10px 20px;background: #d7d7d7;margin-right:10px;
margin-bottom: 10px;
align-items: center;display: flex; cursor: pointer;
text-align: center;
justify-content: center;
}
.tab-preview .tabs .tab .title {margin:0; padding: 10px 20px; }
.tab-preview .tabs .tab:hover, .tab-preview .tabs section.active{background: #6cc24a;}
.tab-preview .tabs .tab:hover .title, .tab-preview .tabs section.active .title{color: white;}
.tab-preview .tabs .tab .title, .tab-preview .tabs section .title{line-height: 1.2em;}
.tab-preview .tab-content .content .description{height: 200px;}
.home .tab-preview .walkthrough-scroller{bottom: 450px;}
.tab-preview .arrow{
position: absolute;
top: 1px;
bottom: 0px;
margin: auto;
height: 5px;
right: -25px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
border: solid #6cc24a;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 5px;
}
@media(max-width: 2400px){
.tab-preview .tab-content{padding: 0 9vw 15vw 50px;}
}
@media(max-width: 2200px){
.home .tab-preview .walkthrough-scroller{bottom: 400px;}
}
@media(max-width: 2000px){
.home .tab-preview .walkthrough-scroller{bottom: 350px;}
}
@media(max-width: 1920px){
.tab-preview .tab-content{padding: 0 9vw 5vw 50px;}
}
@media(max-width: 1700px){
.home .tab-preview .walkthrough-scroller{bottom: 300px;}
}
@media(max-width: 1600px){
.home .tab-preview .walkthrough-scroller{bottom: 280px;}
}
@media(max-width: 1500px){
.home .tab-preview .walkthrough-scroller{bottom: 270px;}
}
@media(max-width: 1440px){
.home .tab-preview .walkthrough-scroller{bottom: 200px;}
}
@media(max-width: 1150px){
.home .tab-preview .walkthrough-scroller{bottom: 175px;}
}
@media (max-width:1024px){
.tab-preview .tab-image .image-wrap{display:none;}
.tab-preview .tab-content{width:90%; padding:50px 0 185px 0; margin:0 auto; text-align:center;}
.tab-preview .tab-content > p{text-align:center; width:80%; margin:0 auto;}
.tab-preview .tab-content .description{display:none;}
.tab-preview .tabs .tab{background:#6cc24a; }
.tab-preview .tabs .tab .title{color:#fff; text-align:center; width:100%;}
}
@media (max-width:768px){
.tab-preview .tabs{flex-wrap:wrap;}
.tab-preview .tabs .tab{width:48%; margin:1%;}
}
@media (max-width:460px){
.tab-preview .tab-content{padding-bottom:85px;}
.tab-preview .tabs .tab{width:98%; margin:1%;}
.svg-for-mobile img{max-width:100%;}
}
/* @import "featured_stats.css"; */
.featured-stats{margin-bottom: 100px;}
.featured-ctas + .featured-ctas {padding-top: 0 !important; margin-top: -50px !important;}
.featured-stats h2{margin-top:-5vw; text-align:center; text-transform:uppercase;}
body:not(.home) .featured-stats h2{text-transform: none; font-weight: 900;}
body:not(.home) .featured-stats h2 b{font-weight: 900;}
.featured-stats p{ max-width:1000px; margin:0 auto; text-align:center;}
.featured-stats .stats{display:flex; max-width:80%; margin:50px auto; }
.featured-stats .stat{ width:23%; margin:0 1%; }
.featured-stats .stat p{padding:10px 0;}
.featured-stats .stat > p{font-weight: 700;}
.featured-stats .outer-ring{background:linear-gradient(to right, rgba(106, 191, 75, 1) 0%,rgba(106, 191, 75, 1) 100%); width:300px; height:300px; border-radius:50%; position:relative; margin:0 auto;}
.featured-stats .inner-ring{background:#fff; width:90%; height:90%; border-radius:50%; padding:55px 20px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center;}
.featured-stats .value{ font-size:75pt; font-weight: 900; color: #00a9e0;}
.featured-stats .value .symbol{font-weight:300; font-size:60pt;}
.featured-stats .unit{color: #00a9e0; margin-top:-20px;}
.home .featured-stats .walkthrough-scroller{bottom: -90px;}
/* Font scale adjustment */
/* @media(max-width: 2300px){
.featured-stats .value{ font-size:48pt;}
.featured-stats .value .symbol{font-size:39pt;}
} */
@media(max-width:1920px){
.featured-stats .stats{width:100%; max-width:1200px;}
.featured-stats p{max-width:700px; width:80%;}
.featured-stats .outer-ring{width:200px; height:200px;}
.featured-stats .inner-ring{padding:36px 13px;}
.featured-stats .value{ font-size:48pt;}
.featured-stats .value .symbol{font-size:39pt;}
}
@media(max-width: 1440px){
.featured-stats{margin-bottom: 70px;}
.home .featured-stats .walkthrough-scroller{bottom: -55px;}
}
@media(max-width:1024px){
.featured-stats h2{margin:0.65em 0 20px 0;}
.featured-stats .stats{max-width:600px; flex-wrap:wrap;}
.featured-stats .stat{width:48%; margin-bottom:40px; }
}
@media(max-width:460px){
.featured-stats .stat{width:98%; margin-bottom:40px; }
}
/* @import "midpage_menu.css"; */
.midpage-menu { position: relative; }
.midpage-menu p { margin: 0; }
.midpage-menu p.midpage-menu-container { padding: 20px 0; display: flex; justify-content: center; flex-wrap: wrap; }
.midpage-menu p span { font-size: 18pt; color: #fff; margin: 0 15px; text-transform: uppercase; cursor: pointer; }
.midpage-menu p span:hover { color: #00a9e0; }
.midpage-menu p span.current-tab { color: #00a9e0; }
.midpage-menu p.more-info-container { width: 300px; text-align: center; position: absolute; top: -1px; right: 0; bottom: 0; }
.midpage-menu p a { padding: 20px 0; font-size: 18pt; color: #fff; display: inline-block; width: 100%; height: 100%; text-align: center; text-transform: uppercase; }
.midpage-menu p a:hover { opacity: .75; }
.sticky { position: fixed; left: 0; right: 0; top: 100px; z-index: 10; }
.midpage-menu.sticky{z-index:9;}
.midpage-menu p.midpage-menu-container a {
padding: 0px;
}
@media(max-width:640px) {
.midpage-menu p.midpage-menu-container .midpage-click {
width: 100%;
}
}
@media(max-width:1920px) {
.sticky { top:92px; }
.admin-bar .sticky { top:124px; }
.midpage-menu p.midpage-menu-container { padding: 15px 0; }
.midpage-menu p span { font-size: 13pt; }
.midpage-menu p a { font-size: 13pt; line-height: 1.25; }
.midpage-menu p.more-info-container { width: 220px; }
}
@media (max-width: 1050px) {
.sticky { top:60px; }
.midpage-menu p.more-info-container { position: unset; width: 100%; }
.midpage-menu p a { /* width: 220px; */ margin: 0 auto; padding: 10px 0; }
.midpage-menu p.more-info-container a { width: 220px; }
}
@media(max-width:640px) {
.midpage-menu p.midpage-menu-container { padding: 10px 0;}
.midpage-menu p span { margin: 0; padding: 5px 0; width: 25%; text-align: center; }
.midpage-menu p a, .midpage-menu p.more-info-container a { width: 100%; }
}
@media(max-width:414px) {
.midpage-menu p span, .midpage-menu p a { font-size: 10pt; }
.midpage-menu p.midpage-menu-container { padding: 5px 0; }
}
/* @import "midpage_menu.css"; */
/* @import "featured_content.css"; */
.featured-content{display: flex; flex-wrap: wrap; align-items: center; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; padding-bottom:25vw;}
.home-style.featured-content .cropping{width: 100%;}
.home-style.featured-content .cropping.top{margin-bottom:-10%; width:calc(100% + 4px); margin-left:-2px; margin-right:-2px;}
.home-style.featured-content .cropping.top img{margin-top:-1px; position:relative; z-index:5; width:100%;}
.featured-content .content{position: relative;}
.home-style.featured-content .content{margin-left:60%; width:40%; padding:100px 0 100px 100px; position:relative; color:#fff; z-index:1;}
.home-style.featured-content .content:before{content:" "; background:#123; opacity:0.5; position:absolute; top:-150%; left:-100px; width:300%; height:400%; border-radius:50%; z-index:-1; }
.featured-content .content .type{font-size:25pt; margin-bottom: 50px; font-weight:700; line-height:50px; padding:5px 10px 5px 20px; color:#fff; text-transform:uppercase; position:relative; z-index:1;}
.featured-content .content .type:before{content:" "; position:absolute; top:0; left:0; border-top-left-radius:30px; border-bottom-left-radius:30px; width:100%; height:100%; z-index:-1;
background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.featured-content .content h6{color:#fff; font-weight: 700;}
.featured-content .content p{color:#fff;}
.home-style.featured-content .cropping.bottom{}
.home-style.featured-content .cropping.bottom img{margin-top:0; position:relative; z-index:5;}
.home-style.featured-content .content .btn{margin-top: 40px; margin-left: 20px;}
.home-style.featured-content .content h6, .home-style.featured-content .content p{padding-right: 5vw; padding-left: 20px;}
.featured-content h6{font-size:25pt; margin: 25px 0px;}
.featured-content:not(.home-style){padding-bottom: 0px;}
.featured-content:not(.home-style) .content{display: inline-block;margin-left: auto;width: 34%;background: rgba(39,55,69,.8); min-height: 40vw; display: flex; flex-wrap: wrap; flex-direction: column;}
.featured-content:not(.home-style) .content .type{margin-top: 0px; margin-bottom: 0px; padding-left: 40px; width: 100%;}
.featured-content:not(.home-style) .content .type:before{border-radius: 0px;}
.featured-content:not(.home-style) .content .content-inner{flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center;}
.featured-content:not(.home-style) .content .content-details{width: 100%;}
.featured-content:not(.home-style) .content .title, .featured-content:not(.home-style) .content p{padding: 0px 50px;}
.featured-content:not(.home-style) .btn{margin: 30px 50px; /*margin-bottom: 120px;*/}
.quote-block{margin-top:-15vw; position:relative; z-index:1; width: 100%; overflow: hidden;}
.quote-block .image-wrap.cropping.bottom{margin-bottom:-100px; width: 102%; margin-left: -1%;}
.quote-block .quotes{background:#058E89; margin-top:-4px;}
.quote-block .quotes .image-wrap{display:inline-block; width:200px; position:relative; top:0; left:calc(30% - 240px);}
.quote-block .quotes .image-wrap img{width:100%;}
.quote-block .quotes ul{position:relative; margin-left:20vw; padding-right:15vw; top:-5vw; padding-left: 200px;}
.quote-block .quotes ul:before{content: ''; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/quoteIcon.png'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 200px; height: 200px; position: absolute; left: -20px; top: -20px; display: inline-block;}
.quote-block .quotes p{color:#fff;}
.quote-block .quotes .type{color:#fff; font-weight:bold;}
.quote-block .source{margin-top: 30px;}
.quote-block .source *{color: white;}
/* Font scale adjustment */
/* @media(max-width: 2300px){
.home-style.featured-content .content .type{font-size: 19pt;}
.home-style.featured-content .content h6{font-size: 19pt;}
} */
@media(max-width: 2200px){
.home-style.featured-content{padding-bottom: 20vw;}
.featured-content .content h6{font-size: 30pt;}
}
@media(max-width: 1920px){
.home-style.featured-content{padding-bottom: 20vw;}
.featured-content .content .type{line-height: 35px; font-size: 19pt; margin-bottom: 30px;}
.featured-content .content h6{font-size: 19pt;}
.featured-content:not(.home-style) .content{width: 36%; min-height: 35vw;}
/*.featured-content:not(.home-style) .content .type, .featured-content:not(.home-style) .btn{margin-bottom: 75px;}*/
.quote-block .quotes ul{padding-left: 130px;}
.quote-block .quotes ul:before{width: 130px; height: 130px; top: -10px;}
.quote-block{margin-top: -15vw;}
.quote-block .image-wrap.cropping.bottom{ margin-bottom: -4vw;}
}
@media(max-width: 1440px){
.home-style.featured-content .content{margin-left: 50%; width: 50%;}
.home-style.featured-content .content:before{left: 20px;height: 350%;top: -133%;}
.featured-content:not(.home-style) .content{width: 34%;}
.featured-content:not(.home-style) .content .type, .featured-content:not(.home-style) .btn{margin-bottom: 80px;}
}
@media(max-width: 1024px){
.featured-content:not(.home-style){padding-bottom: 0px;height: auto;}
.home-style.featured-content .content{margin-left: 0px;width: 100%;text-align: center; padding: 0px 15px;}
.home-style.featured-content .content:before{left: -50%;right: auto;width: 200%;top: -50%;bottom: auto;opacity: .8;}
.home-style.featured-content .content .type:before{display: none;}
.home-style.featured-content .content .type, .home-style.featured-content .content h6, .home-style.featured-content .content p{padding: 0px;}
.home-style.featured-content .content p{display: none;}
.home-style.featured-content .content h6{max-width: 300px;margin-left: auto;margin-right: auto;}
.home-style.featured-content .content .btn{margin: 0px; margin-bottom: 40px;}
}
@media(max-width: 768px){
.featured-content:not(.home-style){padding-top: 250px;}
.featured-content:not(.home-style) .content{width: 100% !important; min-height: 0px;}
.featured-content:not(.home-style) .content .type{position: absolute;top: -250px;width: 100%;}
.featured-content:not(.home-style) .content .type, .featured-content:not(.home-style) .btn{margin-bottom: 0px;}
.featured-content:not(.home-style) .btn{margin-bottom: 20px; margin-top: 0px;}
.featured-content:not(.home-style) .content p{display: none;}
.featured-content:not(.home-style) .content .type{padding-left: 20px;}
.featured-content:not(.home-style) .content .title, .featured-content:not(.home-style) .content p{padding: 0px 20px;}
.featured-content:not(.home-style) .btn{margin: 30px 20px;margin-bottom: 20px;margin-top: 0px;}
.featured-content:not(.home-style) .content{background: #273745;}
}
@media(max-width: 640px){
.home-style.featured-content{padding-bottom: 30vw !important; overflow-x: hidden;}
.home-style.featured-content .cropping img{width: 200% !important; max-width: 200% !important;}
.home-style.featured-content .content:before{left: -50%;right: auto;width: 300%;top: -70%;bottom: auto;opacity: .8;}
.quote-block{margin-top: -32vw; overflow-x: hidden;}
.quote-block .quotes ul{padding: 0px 20px;margin: 0px;padding-bottom: 40px;}
.quote-block .quotes ul:before{top: -10px;position: relative;left: 0px;right: auto;width: 100px;height: 100px;margin-top: 40px;}
.quote-block .image-wrap.cropping.bottom img{max-width: 200%;}
}
/* @import "featured_posts.css"; */
.featured-posts {padding: 20px 0 0 0; }
.featured-posts > .title{ text-align:center; text-transform:uppercase; line-height: 1.5em;}
.featured-posts p{ max-width:1000px; margin:0 auto; text-align:left;}
.featured-posts .posts{display:flex; align-items: top; flex-wrap: wrap; }
.featured-posts .post{ width:calc(100% * (1/3)); margin:0; position:relative; flex: 1 0 auto;}
.featured-posts .post:nth-child(odd){background:#ededed;}
.featured-posts .post a.wrap{display:block; position: relative;}
.featured-posts .post .image-wrap{background-size:cover; background-repeat:no-repeat; background-position:center center; height: 600px;}
.featured-posts .post img{position:relative; top:0; left:0; z-index:-1;}
.featured-posts .post .content{padding:40px; padding-bottom: 150px !important;}
.featured-posts .post .type{font-weight:700; line-height:50px; padding:5px 10px 5px 40px; color:#fff; text-transform:uppercase; position:relative; z-index:1; position: absolute;left: 0px;bottom: 0px;width: 100%;margin: 0px;}
.featured-posts .post .type:before{content:" "; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9e0+0,9fcd45+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.featured-posts .post a.title{}
.featured-posts .post h6{font-size:25pt; color:#000; margin:10px 0 30px 0; }
.featured-posts .post .content .btn{margin: 0px; margin-bottom: 50px; position: absolute; bottom: 0px; top: auto; height: auto;}
.featured-posts .title.colored{background: transparent!important; margin: 0px 0 50px!important; padding: 0 0px 0px!important;}
/* Font scale adjustment */
/* @media(max-width: 2300px){
.featured-posts .post h6{font-size: 19pt;}
} */
@media(max-width: 1920px){
.featured-posts .post .type{margin-bottom: 0px;line-height: 35px;padding-left: 30px;}
.featured-posts .post h6{font-size: 19pt;}
.featured-posts .post .content{padding: 30px; padding-top: 20px;}
.featured-posts .post .content .btn{margin-bottom: 30px;}
.featured-posts .post .image-wrap{height: 450px;}
.featured-posts .post .content{padding-bottom: 100px !important;}
}
@media(max-width: 1600px){
.featured-content{padding-bottom: 15vw;}
}
@media(max-width: 1440px){
.featured-posts .post .image-wrap{height: 350px;}
.featured-posts .post .content{padding-bottom: 90px !important;}
}
@media(max-width: 1024px){
.featured-posts .post .type{padding-left: 9vw;}
.featured-posts .posts{flex-wrap: wrap;}
.featured-posts .post{width: 100%;}
.featured-posts .post h5{padding: 0px 9vw;}
.featured-posts .post .content{padding: 20px 9vw;}
.featured-posts .post .content .btn{margin-top: 20px;}
.featured-posts .post .image-wrap{height: 550px;}
}
@media(max-width: 768px){
.featured-posts .post .type{padding-left: 20px;}
.featured-posts .post .content{padding: 20px;}
.featured-posts .post .image-wrap{height: 60vw;}
}
/* @import "large_cta_block.css"; */
.large-cta-block{padding:7vw 0; min-height:500px; background-size: cover;background-position: center;background-repeat: no-repeat; display: flex;align-items: center;}
.large-cta-block .content{display: flex;align-items: center; margin-left:30vw; }
.large-cta-block .content section:first-of-type{position: relative;}
.large-cta-block .title{color: white;text-align: right;max-width: 700px;margin-left: auto;margin: 0px;margin-left: auto;margin-bottom: 10px;}
.large-cta-block p{text-align: right;max-width: 900px;color: white;margin-left: auto;}
.large-cta-block .content section:last-of-type{padding-left:150px; margin-right:30px;}
.large-cta-block .btn{border: 5px solid white;border-radius:100px; background-color:#4aa47b; min-width: 370px;}
.large-cta-block .btn:hover{background-color: #54ba8b;}
.large-cta-block i {border: solid white;border-width: 0 5px 5px 0;display: inline-block;padding: 50px;}
.large-cta-block .right {position: absolute;top: 0px;bottom: 0px;margin: auto;height: 100px;right: -90px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
@media(max-width: 1920px){
.large-cta-block .title{max-width: 500px;}
.large-cta-block p{max-width: 525px;}
.large-cta-block .right{padding: 25px;height: 25px;border-width: 0 3px 3px 0;right: -60px;}
.large-cta-block .btn{border: 3px solid white; min-width: 250px;}
.large-cta-block .content section:last-of-type{padding-left: 100px;}
}
@media(max-width: 1440px){
.large-cta-block{padding: 125px 0;}
}
@media(max-width: 1200px){
.large-cta-block .content{margin-left: 20vw;}
}
@media(max-width: 1023px){
.large-cta-block{padding:100px 0;}
.large-cta-block .content{margin-left:0; display:block; width: 100%;}
.large-cta-block .content section:first-of-type{width:100%; max-width:700px; margin:0 auto; text-align:center;}
.large-cta-block .title{text-align:center; margin:0 auto 50px auto; font-size:44pt;}
.large-cta-block p{text-align:center; margin:0 auto; font-size:20pt;}
.large-cta-block .btn{border: 5px solid white;min-width: 300px; font-size:13pt;}
.large-cta-block .right{display:none;}
.large-cta-block .content section:last-of-type{padding:0; width:100%; margin:50px auto 0 auto; max-width:400px; text-align:center;}
}
@media(max-width:640px){
.large-cta-block .title{font-size:30pt;}
.large-cta-block p{font-size:13pt; width:90%; margin:0 auto;}
.large-cta-block .btn{border: 3px solid white; min-width: 250px;}
}
@media(max-width:460px){
.large-cta-block .title{font-size:26pt; margin:0 auto 20px auto;}
.large-cta-block .content section:last-of-type{margin-top:20px;}
}
/* @import "basic_hero.css"; */
.basic-hero{height: 35vw;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}
.basic-hero.reduce-top-margin, .resource-hero.reduce-margin-top{margin-top:-100px;}
@media (max-width: 1025px){
.basic-hero.reduce-top-margin, .resource-hero.reduce-margin-top{margin-top:0px;}
}
.basic-hero .title-area{text-align: center;width: 100%;}
.basic-hero .image-wrap{height: 6vw; width: 100%;}
.basic-hero .title{color: white;}
.basic-hero .breadcrumb-wrap{position: absolute;left: 0px;bottom: 0px;padding: 30px;background: rgba(0,0,0,.2);width: 100%;color: white;}
.basic-hero #breadcrumbs{margin: 0px;}
.basic-hero #breadcrumbs, .basic-hero #breadcrumbs a{color: white;}
.resource-hero{height: 375px; padding-top: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.resource-hero .title-area{max-width: 90%; text-transform: capitalize;}
.resource-hero .title{color: white; width: 100%; text-align: center;}
.resource-hero .title.h2{margin-bottom: 0px;}
.resource-hero h4{font-weight: 700;}
.mini-hero .title{margin-top: 0px;}
@media(max-width: 1920px){
.resource-hero{height: 275px;}
}
@media(max-width: 1440px){
.basic-hero{height: 50vw; max-height: 500px;}
.basic-hero .title{margin-top: 10px;}
.basic-hero .breadcrumb-wrap{padding: 10px 30px;}
}
@media(max-width: 768px){
.basic-hero.reduce-top-margin, .resource-hero.reduce-margin-top{height: auto;padding-top: 130px;padding-bottom: 30px;}
.basic-hero .image-wrap{height: 60px;}
.basic-hero .title{max-width: 300px;margin-left: auto;margin-right: auto;}
.basic-hero .breadcrumb-wrap{display: none;}
}
/* @import "simple_centered_content.css"; */
.simple-centered-content{display: flex;align-items: center;justify-content: center;height: auto;padding: 150px 0px;text-align: center;}
.simple-centered-content.reduced{padding: 10px 0px; min-height: 0px;}
.simple-centered-content .title{margin: 0px;margin-bottom: 20px;}
.simple-centered-content .description{max-width: 1200px;margin-left: auto;margin-right: auto;}
.simple-centered-content .btn{margin-top: 40px;}
@media(max-width: 2300px){
.simple-centered-content .description{max-width: 1100px;}
}
@media(max-width: 1920px){
.simple-centered-content{min-height: 20vw;}
/*.simple-centered-content .description{max-width: 1200px;}*/
.simple-centered-content .btn{margin-top: 20px;}
.simple-centered-content{padding: 100px 0px;}
.simple-centered-content .description{max-width: 750px;}
}
@media(max-width: 1440px){
.simple-centered-content .description{max-width: 650px;}
.simple-centered-content{padding: 70px 0px;}
}
@media(max-width: 800px){
.simple-centered-content{margin: 50px 0 0 0;}
}
@media(max-width: 768px){
.simple-centered-content{padding: 70px 20px;}
}
/* @import "small_figure.css"; */
.small-figure{display: flex;flex-wrap: wrap;align-items: stretch;}
.small-figure section{width: 50%;width: 50%;background-position: center;background-size: cover;background-repeat: no-repeat; display: flex; align-items: center; height: auto; }
.small-figure section.details{padding: 120px; background: #f2f2f2;}
.small-figure section.details .title-area{font-family: 'Ubuntu';}
.small-figure section.content{position: relative;}
.small-figure section.content .overlay{display: inline-block;height: 100%;width: 100%;position: absolute;z-index: 0; top: 0px; left: 0px;}
.small-figure section.content .title-area{height: auto; z-index: 1;display: inline-block;width: 100%; margin-top: 40px; text-align: center;}
.small-figure section.content .image-wrap{height: 200px; text-align: center; cursor: pointer; margin-right: auto; margin-left: auto; display: inline-block;}
.small-figure section.content .image-wrap img{height: 100%;}
.small-figure section.content .title{text-align: center; color: white;}
.small-figure .type{font-size:25pt; z-index: 1; margin: 0px; width: 100%; font-weight:700; line-height:50px; padding:5px 10px 5px 20px; color:#fff; text-transform:uppercase; position:relative; z-index:1;position: absolute;top: 0px;left: 0px;border-radius: 0px;}
.small-figure .type:before{content:" ";opacity: .8; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9e0+0,9fcd45+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.small-figure h6{font-size:25pt; margin: 25px 0px;}
.small-figure.reverse section:first-of-type{order: 1;}
.small-figure section.details{min-height: 700px;}
@media(max-width: 2200px){
.small-figure h6{font-size: 30pt;}
}
@media(max-width: 1920px){
.small-figure h6{font-size: 19pt;}
.small-figure .type{line-height: 35px; font-size: 19pt; margin-bottom: 30px;}
.small-figure section.content .image-wrap{height: 130px;}
.small-figure section.details{min-height: 500px;}
.simple-highlights .highlights .icon-highlight .image-wrap{height: 80px;}
}
@media(max-width: 1440px){
.small-figure section.details, .small-figure section.content{padding: 80px 100px;min-height: unset;}
.small-figure section.content .image-wrap{height: 100px;}
}
@media(max-width: 1200px){
.small-figure section.details, .small-figure section.content{padding: 50px;}
}
@media(max-width: 1024px){
.small-figure section.details{width: 100%;order: 1;padding: 7vw 9vw;min-height: unset;}
.small-figure section.content{width: 100%; order: 0; height: 55vw;}
}
@media(max-width: 768px){
.small-figure section.content{padding: 0px; height: 80vw; max-height: 400px;}
.small-figure section.content .title{font-size: 14pt;}
}
/*@media(max-width: 1024px){
.small-figure .type:before{display: none;}
.small-figure .type{padding: 0px;}
}*/
/* @import "simple_highlights.css"; */
.simple-highlights{padding: 50px 0px;}
.simple-highlights > .title{text-align: center; margin-bottom: 60px;}
.simple-highlights .highlights{display: flex; flex-wrap: wrap;}
.simple-highlights .highlights .icon-highlight{width: calc(100% * (1/3)); display: flex; padding: 40px; padding-right: 150px; position: relative; padding-top: 100px; margin-bottom: 40px;}
.page-id-40 .simple-highlights .highlights .icon-highlight{width: calc(100% * (1/4)); display: flex; padding: 40px; padding-right: 50px; position: relative; padding-top: 100px; margin-bottom: 40px;}
.simple-highlights .highlights div.icon-highlight::before{content: ''; display: inline-block; height: 85%; width: 2px; background-color: #cccccc; position: absolute; top: 5%; right: 0px;}
.simple-highlights .highlights .icon-highlight:nth-of-type(n):after{content: ''; display: inline-block; width: 54%; height: 2px; background-color: #cccccc; position: absolute; left: 23%; bottom: 0px;}
.page-id-40 .simple-highlights .highlights .icon-highlight:nth-of-type(n):after{content: ''; display: none;}
.simple-highlights .highlights .icon-highlight:nth-of-type(3n){padding-right: 20px;}
.page-id-40 .simple-highlights .highlights .icon-highlight:nth-of-type(3n){padding-right: 50px;}
.simple-highlights .highlights .icon-highlight:nth-of-type(3n):before{display: none;}
.page-id-40 .simple-highlights .highlights .icon-highlight:nth-of-type(3n):before{display: inline-block;}
.page-id-40 .simple-highlights .highlights .icon-highlight:nth-of-type(4n):before{display: none;}
.simple-highlights .highlights .icon-highlight:nth-last-child(-n+3){margin-bottom: 0px;}
.simple-highlights .highlights .icon-highlight:nth-last-child(-n+3):after{display: none;}
.simple-highlights .highlights .icon-highlight .image-wrap{ height: auto; width: 20%; }
.simple-highlights .highlights .icon-highlight .image-wrap img{width: 100%; max-width: 100px;}
.simple-highlights .highlights .icon-highlight .content{width: 80%; position: relative; padding-bottom: 60px;}
.simple-highlights.highlights .icon-highlight .image-wrap img{height: 100%;}
.simple-highlights .highlights .icon-highlight .title{margin-top: 0px;}
.simple-highlights > .description{max-width: 1600px; margin-bottom: 60px; margin-right: auto; margin-left: auto; text-align: center;}
.simple-highlights .highlights .icon-highlight .content{padding-bottom: 80px;}
.simple-highlights .highlights .icon-highlight .content .btn{position: absolute; left: 0px; right: 0px; max-width: 400px; bottom: 0px; top: auto;}
body:not(.home) .simple-highlights .walkthrough-scroller{display: none;}
@media(max-width: 2300px){
.simple-highlights .highlights .icon-highlight .image-wrap{width: 25%;}
}
@media(max-width: 2100px){
.simple-highlights .highlights .icon-highlight .image-wrap{width: 27%;}
}
@media(max-width: 1920px){
.simple-highlights .highlights .icon-highlight{margin-bottom: 20px;padding: 20px;padding-right: 80px;padding-top: 50px;}
.simple-highlights .highlights .icon-highlight .image-wrap{width: 22%;padding-right: 20px;}
.simple-highlights .highlights .icon-highlight{padding-bottom: 50px;}
.simple-highlights .highlights .icon-highlight:after{width: 90%; left: 5%;}
.simple-highlights > .title{margin: 0px; margin-bottom: 30px;}
.simple-highlights > .description{max-width: 80%; margin-bottom: 30px;}
.simple-highlights .highlights .icon-highlight .content{padding-bottom: 60px;}
.simple-highlights .highlights .icon-highlight .content .btn{max-width: 200px;}
}
@media(max-width: 1200px){
.simple-highlights .highlights .icon-highlight{padding: 30px 20px;padding-bottom: 30px;}
}
@media(max-width: 1024px){
.simple-highlights .highlights .icon-highlight{width: calc(100% * (1/2)); padding-right: 40px;}
.simple-highlights .highlights .icon-highlight .image-wrap{width: 20%;}
.featured-content:not(.home-style) .content{width: 60%;}
.simple-highlights .highlights .icon-highlight:nth-of-type(n){padding: 30px 20px;padding-bottom: 30px; margin-bottom: 20px;}
.simple-highlights .highlights .icon-highlight:nth-of-type(n):before{display: inline-block; height: 95%; top: -2%;}
.simple-highlights .highlights .icon-highlight:nth-of-type(n):after{display: inline-block; width: 90%; left: 5%;}
.simple-highlights .highlights .icon-highlight:nth-of-type(2n){padding-right: 20px;}
.simple-highlights .highlights .icon-highlight:nth-of-type(2n):before{display: none;}
.simple-highlights .highlights .icon-highlight:nth-last-child(-n+2){margin-bottom: 0px;}
.simple-highlights .highlights .icon-highlight:nth-last-child(-n+2):after{display: none;}
.simple-highlights > .description{max-width: 80%;}
}
@media(max-width: 768px){
.simple-highlights > .title{margin-bottom: 0px;}
.simple-highlights .highlights{flex-wrap: wrap;}
.simple-highlights .highlights .icon-highlight{width: 100%; padding: 30px 20px;flex-wrap: wrap;justify-content: center;}
.simple-highlights .highlights .icon-highlight .image-wrap{width: 100%;text-align: center;height: 65px;margin-bottom: 15px;padding: 0px;}
.simple-highlights .highlights .icon-highlight:nth-of-type(n):before{display: none;}
.simple-highlights .highlights .icon-highlight:nth-of-type(n):after{display: inline-block; width: 90%; left: 5%;}
.simple-highlights .highlights .icon-highlight:last-of-type{margin-bottom: 0px;}
.simple-highlights .highlights .icon-highlight:last-of-type:after{display: none;}
.simple-highlights .highlights .icon-highlight .content{text-align: center; width: 100%;}
.simple-highlights .highlights .icon-highlight .content .btn{margin: auto;}
}
/* @import "resources.css"; */
.resource-header{padding: 40px 20px; display: flex; align-items: stretch;}
.resource-header .button-wrap{display: flex; align-items: center;}
.resource-header .filter-trigger{cursor: pointer;}
.resource-header .filter-trigger:not(.link){margin: 0px; margin-right: 20px; border-radius: 50px;}
.resource-header .filter-details-area{display: flex;align-items: center;border-left: 1px solid #bbbbbb;padding-left: 20px;height: auto; width: 100%;}
.resource-header .filter-details{margin-left: 7px; }
.resource-filter{position: absolute;top: 0px;left: 0px;height: calc(100% - 275px);margin-top: 275px;z-index: 10; width: 0%; transition: width .8s; overflow: hidden;}
.resource-filter.active{width: 100%;}
.resource-filter *{color: white;}
.resource-filter:before{content:''; display: inline-block; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: black; transition: opacity .8s; opacity: 0; z-index: -1;}
.resource-filter.active:before{opacity: .7;}
.resource-filter .filter-form{background: #353535; width: 475px; height: 100%; overflow-y: auto;}
.resource-filter .filter-form > .title-area{background: #04a6db;display: flex;justify-content: space-between;align-items: center;padding-left: 20px;}
.resource-filter .filter-form > .title-area .title{display: flex;align-items: center; font-size: 20pt;}
.resource-filter .filter-form > .title-area .image-wrap:not(.close){height: 22px;position: relative;margin-right: 10px;width: 45px;}
.resource-filter .filter-form > .title-area .image-wrap:not(.close) img{position: absolute; top: 0px; left: 0px;}
.resource-filter .filter-form > .title-area .image-wrap.close{cursor: pointer; background-color: #4dc3e9; height: 80px; width: 80px; display: flex; align-items: center; justify-content: center;}
.resource-filter .filter-form > .title-area .image-wrap.close img{width: 25px; height: 25px;}
.resource-filter .filter-type{padding: 10px 20px; position: relative;}
.resource-filter .filter-type:after{content:''; width: 90%; left: 5%; position: absolute; bottom: 0px; background: #7a7a7a; height: 1px;}
.resource-filter .filter-type .accordion li:last-of-type{margin-bottom: 10px;}
.resource-list{text-align: center; min-height: 700px; display: flex; justify-content: center;}
.resource-list:before{content: ''; position: absolute; margin-top: 100px;display: inline-block; width: 50px; height: 50px; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/loadIcon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; -webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
.resource-list.active:before{display: none;}
/*.resource-list.featured-posts{min-height: 900px;}*/
.resource-list.featured-posts{flex-wrap: wrap;}
.resource-list.featured-posts.active{justify-content: flex-start; padding: 0px 20px; flex-wrap: wrap; align-items: stretch; position: relative; }
.resource-list.featured-posts.active .post{opacity: 1; max-width: calc(100% * (1/3) - 20px);}
.resource-list.featured-posts .post{margin-right: 30px; margin-bottom: 30px; width: calc(100% * (1/3) - 20px); opacity: 0; transition: opacity .2;}
.resource-list.featured-posts .post:nth-of-type(3n){margin-right: 0px;}
.resource-list.featured-posts .post:nth-child(n){background: #ededed; text-align: left;}
.resource-filter .filter-accordion-trigger{padding: 20px 0px; font-weight: 900; font-size: 20pt; padding-top: 10px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.resource-filter .filter-accordion-trigger:after{content: '+'; display: inline-block;width: 30px; height: 20px; font-size: 40px; text-align: center; position: relative; bottom: 15px;}
.resource-filter .filter-accordion-trigger.active:after{bottom: 33px; content: '_';}
.resource-filter .filter-accordion-trigger p{margin: 0px; font-size: 30px; font-weight: 900;}
.filter-checks .check, .filter-radios .radio{cursor: pointer; display: flex; align-items: center; margin-bottom: 5px; font-size: 20pt; font-weight: 100;}
.filter-checks .check p, .filter-radios .radio p{margin: 0px;}
.filter-checks .check:before{content: ''; margin-right: 20px; display: inline-block; width: 40px; min-width: 40px; height: 40px; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/checkboxIcon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.filter-checks .check.active:before{background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/checkboxIconFilled.svg');}
.filter-radios .radio:before{content: ''; margin-right: 20px; display: inline-block; width: 40px; min-width: 40px; height: 40px; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/radioIcon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.filter-radios .radio.active:before{background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/radioIconFilled.svg');}
.filter-details-area.no-border{border-width: 0px; padding-left: 0px;}
.filter-details .filter-tags{display: flex; flex-wrap: wrap;}
.filter-details .filter-group{display: flex; text-transform: capitalize; font-weight: 700; color: #a4a4a4; margin-right: 20px;}
.filter-details .filter-clear{font-weight: 700; color: #a4a4a4; cursor: pointer;}
.filter-details .filter-applied{margin: 0px 5px;margin-right: 10px; cursor: pointer;}
.filter-details .filter-applied:after{content: ''; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/tagRemove.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 30px;background-color: #c9c9c9;color: #313131;display: inline-block;padding: 5px;width: 5px;height: 5px;font-size: 9px;line-height: 7px;text-align: center;position: relative;bottom: -2px;margin-left: 10px;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.page-content form[role="search"]{display: flex;align-items: center;width: 500px;}
.page-content form[role="search"] .close{display: none;}
.page-content form[role="search"].active .search{display: none;}
.page-content form[role="search"].active .close{display: inline-block; }
.page-content .search-input-wrap{position: relative; width: 100%; cursor: pointer;}
.page-content .search-input-wrap input{border: 1px solid #c9c9c9;border-radius: 30px;height: 64px;padding: 10px 25px;width: 100%;font-size: 30px;padding-right: 60px;}
.page-content .search-input-wrap .image-wrap{position: absolute;top: 14px;right: 20px;height: 35px;width: 35px;}
.page-content .search-input-wrap .image-wrap.close{top: 17px;}
@media(max-width: 1920px){
.filter-checks .check, .filter-radios .radio{font-size: 12pt;}
.resource-filter .filter-form > .title-area .title{font-size: 12pt;}
.resource-filter .filter-form > .title-area .image-wrap:not(.close){height: 12px;margin-right: 5px;width: 25px;}
.resource-filter .filter-accordion-trigger p{font-size: 16pt;}
.resource-filter .filter-form{width: 275px;}
.resource-filter .filter-form > .title-area .image-wrap.close{height: 54px; width: 54px; }
.resource-filter .filter-accordion-trigger:after{width: 20px; height: 20px; font-size: 20px; bottom: 2px;}
.resource-filter .filter-accordion-trigger.active:after{bottom: 12px; }
.filter-checks .check:before{margin-right: 10px; width: 20px; min-width: 20px; height: 20px; }
.filter-radios .radio:before{margin-right: 10px; width: 20px; min-width: 20px; height: 20px;}
.resource-filter .filter-accordion-trigger{padding: 10px 0px; padding-top: 5px; font-size: 12pt;}
.page-content form[role="search"]{width: 300px;}
.page-content .search-input-wrap input{height: 30px;padding: 5px 10px;font-size: 20px;padding-right: 40px;}
.page-content .search-input-wrap .image-wrap{top: 3px;right: 8px;height: 23px;width: 23px;}
.page-content .search-input-wrap .image-wrap.close{top: 4px;}
}
@media(max-width: 1000px){
.resource-header .filter-details-area{flex-wrap: wrap;}
.resource-header .filter-details-area > p{width: 100%; margin-left: 0px;}
.resource-list.featured-posts.active .post{max-width: calc(100% * (1/2) - 15px);}
}
@media(max-width: 640px){
.resource-list.featured-posts.active .post{max-width: 100%;}
}
@media(max-width: 600px){
.resource-header{flex-wrap: wrap;}
.resource-header .button-wrap{margin-bottom: 20px;}
.resource-header .filter-details-area{padding-left: 0px; border-width: 0px;}
}
/* @import "single.css"; */
.single-post #primaryHeader .logo .white{display: none;}
.pageContent.single{margin-top: 150px; position: relative;}
.single .share-post.sidebar{position: fixed; top: initial; left: 0px; background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/gradientCircle.svg'); height: 1000px;background-repeat: no-repeat;background-size: 40vw;background-position: center right;width: 18vw; max-width: 400px; display: flex;justify-content: center;align-items: center;}
.single .share-post.sidebar .icon-list{display: flex; flex-direction: column; margin-left: 60px;}
.single .share-post.sidebar .icon-list .image-wrap{width: 75px; height: 75px; margin-bottom: 20px;}
.single .share-post.sidebar .icon-list .image-wrap a{display: inline-block; width: 100%; height: 100%;}
.single .share-post.sidebar .icon-list .image-wrap a img{width: 100%;}
.single .share-post{display: flex; }
.single .post-content-wrap a{text-decoration: underline; }
.single-post .single h2{color: #556b79;font-weight: 700; font-size: 36pt;}
.single-post .single h6{font-size: 1.7em;font-weight: 500;color: #556b79; margin-bottom: 20px;}
.share-target{display: none;}
.single .post-content-wrap{max-width: 1600px; margin: auto; min-height: 1000px;}
.single .post-content-wrap > .title{margin-bottom: 20px;}
.single .post-overview{display: flex; align-items: center; margin-bottom: 80px;}
.single .post-overview .tags{display: flex; align-items: center;}
.single .post-overview .tags .tag{margin-right: 10px; }
.single .post-overview .tags .tag:last-of-type{margin-right: 0px;}
.single .post-overview .tags .tag p{font-weight: 900;}
.single .post-overview p{margin: 0px; display: inline-block;}
.single .post-overview .post-auth span{margin: 0px;}
.single .post-overview .post-auth span.pipe{margin: 0px 5px;}
.single .post-overview .overview-item:after{content: ' | ';display: inline-block;margin: 0px 10px;font-size: 15pt;font-weight: 100;color: #556b79;line-height: 1.5em;position: relative;bottom: 1px;}
.single .post-overview .overview-item:last-child:after{display: none;}
.single .post-image-header{height: 50vw; max-height: 500px; position: relative;background-size: cover;background-position: center;}
.single .post-image-header .overlay{
position: absolute;
width: 100%;
height: 100%;
background-color: black;
z-index: 1;
top: 0;
opacity: .5;
}
.single .post-image-header .title-wrap{
max-width: 700px;
margin: 0 auto;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
color: #fff;
z-index: 9;
}
.single .post-image-header .title-wrap h1.h2{
color:#fff;
}
.single .post-image-header .title-wrap .post-overview{
justify-content: center;
}
.single .post-image-header .title-wrap .post-overview span,.single .post-image-header .title-wrap .post-overview span a{
color:#fff;
}
.single .post-image-header .type{font-size: 25pt; position: relative; z-index: 1;font-weight: 700;line-height: 50px;padding: 5px 10px 5px 40px;color: #fff;text-transform: uppercase;position: relative;z-index: 1;position: absolute;left: 0px;top: 0px;width: 100%;margin: 0px;}
.single .post-image-header .type:before{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;
background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%);
background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%);
background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 );
}
.single .post-content-wrap .post-content{margin: 100px 0px;}
.post-content ul{list-style-type: initial; padding-left: 50px; margin-left: 50px; }
.post-content ul li{margin: 0px;}
.post-content > p, .post-content > h2, .post-content > ul{margin-bottom: 25px;}
.post-footer .author-overview{display: flex;}
.post-footer .image-wrap{width: 150px; height: 150px; margin-right: 50px;}
.post-footer .author-data{width: 100%;}
.post-footer .author-data p{margin: 0px;}
.post-footer .author-data .title{color: #00a9e0;}
.post-footer .author-data .name{font-weight: 900;}
.post-footer .share-post{display: flex; flex-wrap: wrap;}
.post-footer .share-post .image-wrap{width: 75px; height: 75px; margin-right: 20px;}
.post-footer .share-post .image-wrap a{display: inline-block; width: 100%; height: 100%;}
.post-footer .share-post .image-wrap img{width: 100%;}
.post-footer .share-post h4{width: 100%;}
.post-footer .auth-details .disclaimer{margin-bottom: 50px;border-top: 3px solid #ededed;padding-top: 30px;}
.post-footer .auth-details .title{margin-bottom: 40px;}
.post-footer .auth-details .title b{font-weight: 900;}
.post-footer .share-post{margin-bottom: 200px; margin-top: 80px; border-top: 3px solid #ededed; padding-top: 50px;}
.press-release-contact{border-top: 3px solid #ededed;padding-top: 30px;}
.press-release-contact .color{color:#00a9e0;}
.press-release-contact strong{font-weight: 900;}
.wp-block-separator{background: #ededed;height: 3px;border-width: 0px;margin: 50px 0px;}
/* Resource Highlights */
.resource-highlight{display: flex; position: relative; align-items: center; justify-content: space-between; padding: 50px; background-color: #00a9e0; margin-top: 40px; margin-bottom: 40px;}
.resource-highlight .image-wrap{width: 50%;}
.resource-highlight .image-wrap img{}
.resource-highlight .content-area{ padding-left: 30px; }
.resource-highlight .content-area .title{color: white;}
.resource-highlight .content-area .details{color: white;}
.resource-highlight .content-area .btn{text-decoration: none !important;}
.resource-highlight.infographic{background-color: transparent !important; padding: 0px; width: 110%;margin-left: -5%;}
.resource-highlight.infographic .image-wrap{width: 100%;}
.resource-highlight.video{background-repeat: no-repeat; background-position: center; background-size: cover; height: 35vw; width: 110%;margin-left: -5%;}
.resource-highlight.video .type{font-size:25pt; z-index: 1; margin: 0px; width: 100%; font-weight:700; line-height:50px; padding:5px 10px 5px 20px; color:#fff; text-transform:uppercase; position:relative; z-index:1;position: absolute;top: 0px;left: 0px;border-radius: 0px;}
.resource-highlight.video .type:before{content:" ";opacity: .8; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9e0+0,9fcd45+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.resource-highlight .overlay{display: inline-block;height: 100%;width: 100%;position: absolute;z-index: 0; top: 0px; left: 0px;}
.resource-highlight .title-area{height: auto; z-index: 1;display: inline-block;width: 100%; margin-top: 40px; text-align: center;}
.resource-highlight .title-area .image-wrap{height: 200px; text-align: center; cursor: pointer; margin-right: auto; margin-left: auto; display: inline-block;}
.resource-highlight .title-area .image-wrap img{height: 100%;}
.resource-highlight.form{background-color: #f1f1f1; padding: 40px; flex-wrap: wrap;}
.resource-highlight.form .title, .resource-highlight.form .subtext{width: 100%; margin-top: 0px; margin-bottom: 10px;}
.resource-highlight.form .subtext{margin-bottom: 30px;}
.resource-highlight.form .hbspt-form, .resource-highlight.form .hbspt-form > iframe{width: 100% !important;}
.next-prev{background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 20vw; z-index: 1;display: flex;align-items: center;justify-content: center;position: relative;}
.next-prev:before{content: ''; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1;background-image: url('https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/gradientCircle.svg');position: absolute;right: 0px;left: 0px;margin: auto;width: 100%;height: 100%;display: inline-block;}
.next-prev .arrow{border: solid white;border-width: 0 5px 5px 0;display: inline-block;padding: 50px; position: absolute;top: 0px;bottom: 0px;margin: auto;height: 100px;}
.next-prev .right{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); right: -90px;}
.next-prev .left{transform: rotate(135deg); -webkit-transform: rotate(135deg); left: -90px;}
.next-prev .prev{margin-left: 100px; position: relative;}
.next-prev .next{ margin-right: 100px; position: relative;}
.next-prev .cta{width: 50vw; text-align: center;}
.next-prev .cta *{color: white;}
.next-prev .cta h5 a{font-weight: 900;}
.next-prev .cta .btn{border: 5px solid white;border-radius: 100px;background-color: #4aa47b;min-width: 370px;}
.next-prev .details{display: inline-block; width: 400px;}
.next-prev .details h4{ margin: 0px; margin-bottom: 10px; color: white; font-weight: 100; text-transform: uppercase;}
.next-prev .details p{color: white; margin-bottom: 0px;}
.next-prev .prev a, .next-prev .next a{color: white;}
.next-prev .next{text-align: right;}
.special-divider{text-align: center; margin: 20px 0px; color: #556b79;}
@media(max-width: 2400px){
.single .post-content-wrap{width: 1400px;}
}
@media (max-width: 2300px){
.single-post .single h2{font-size: 28pt;}
}
@media(max-width: 2200px){
.single .share-post.sidebar{width: 350px;}
.next-prev .cta{width: 45vw;}
.single .share-post.sidebar .icon-list{margin-left: 50px;}
}
@media(max-width: 2100px){
.single .share-post.sidebar{width: 300px; height: 900px;}
.single .share-post.sidebar .icon-list{margin-left: 0px;}
.single .post-content-wrap{width: 1350px; }
}
@media(max-width: 1920px){
.single .post-content-wrap{min-height: 1000px;}
.single-post .single h2{font-size: 21pt;}
.pageContent.single{margin-top: 150px;}
.single .post-content-wrap{max-width: 1200px;}
.single .post-image-header .type{font-size: 19pt;margin-bottom: 0px;line-height: 35px;padding-left: 30px;}
.single .post-overview{margin-bottom: 50px;}
.single .post-content-wrap .post-content{margin: 50px 0px;}
.post-footer .auth-details .disclaimer{margin-bottom: 30px; padding-top: 20px;}
.post-footer .auth-details .title{margin-bottom: 25px;}
.post-footer .image-wrap{width: 100px;height: 100px;margin-right: 30px;}
.post-footer .share-post{margin-bottom: 100px;margin-top: 50px;border-top: 3px solid #ededed;padding-top: 30px;}
.post-footer .share-post .image-wrap{width: 50px;height: 50px;margin-right: 10px;}
.single .share-post.sidebar{height: 750px; width: 17vw;}
.single .share-post.sidebar .icon-list .image-wrap{width: 50px; height: 50px; margin-bottom: 10px;}
.post-content ul{padding-left: 30px;margin-left: 30px;}
.single-post .single h6{font-size: 1.1em;}
.resource-highlight.video .type{line-height: 35px; font-size: 19pt; margin-bottom: 30px;}
.resource-highlight .title-area .image-wrap{height: 130px;}
.next-prev .arrow{padding: 25px;height: 25px;border-width: 0 3px 3px 0;}
.next-prev .right{right: -60px;}
.next-prev .left{left: -60px;}
.next-prev .cta .btn{border: 3px solid white;min-width: 150px;}
.next-prev .details{width: 300px;}
.single .share-post.sidebar .icon-list{margin-left: 70px;}
}
@media (max-width: 1800px){
.single .share-post.sidebar {
height: 700px;
}
.single .share-post.sidebar{width: 15vw;}
.single .share-post.sidebar .icon-list{margin-left: 30px;}
}
@media (max-width: 1700px){
.single .share-post.sidebar {
height: 40vw;
width: 18vw;
}
.single .post-content-wrap{max-width: 1000px;}
.single .share-post.sidebar .icon-list{margin-left: 80px;}
}
@media(max-width: 1600px){
.single .post-content-wrap{min-height: 650px;}
.single .share-post.sidebar{width: 17vw;}
.single .share-post.sidebar .icon-list{margin-left: 60px;}
}
@media(max-width: 1500px){
.single .share-post.sidebar .icon-list{margin-left: 30px;}
}
@media (max-width: 1440px){
.single .share-post.sidebar {
width: 18vw;
}
.single-post .single h2{font-size: 17pt;}
.small-figure section.content{padding: 80px 100px;min-height: unset;}
.resource-highlight .title-area .image-wrap{height: 100px;}
.next-prev .details{width: 250px;}
.single .share-post.sidebar .icon-list{margin-left: 4vw;}
.single .post-content-wrap{max-width: 62vw;}
}
@media(max-width: 1300px){
/*.next-prev .arrow{display: none;}*/
.next-prev .arrow{padding: 15px; height: 15px;}
.next-prev .right{right: -40px;}
.next-prev .left{left: -40px;}
.next-prev .cta .btn{border: 3px solid white;min-width: 200px;font-size: 13pt;}
.single .post-content-wrap{min-height: 550px;}
}
@media(max-width: 1200px){
/*.single .share-post.sidebar .icon-list{margin-left: 0px;}*/
/*.single .post-content-wrap{max-width: 800px;}*/
.post-content ul {padding-left: 30px;margin-left: 30px;}
}
@media(max-width: 1100px){
.single .share-post.sidebar{display: none;}
.single .post-content-wrap{max-width: 90%;}
.resource-highlight.infographic, .resource-highlight.video{width: 100%;margin-left: 0%;}
.resource-highlight.video{height: 45vw;}
.single .post-content-wrap{min-height: unset;}
}
@media(max-width: 1024px){
.single .post-image-header .type{padding-left: 9vw;}
.single .post-image-header{height: 40vw;}
.next-prev{min-height: 25vw;}
.next-prev .prev{margin-left: 75px;}
.next-prev .next{margin-right: 75px;}
}
@media(max-width: 900px){
.next-prev{justify-content: space-between;}
.next-prev .cta{display: none;}
}
@media(max-width: 768px){
.single .post-content-wrap .post-content{margin: 40px 0px;}
.single .post-overview{margin-bottom: 30px;}
.single .post-image-header, .resource-highlight.video{height: 50vw;}
.pageContent.single{margin-top: 0;}
.single .post-image-header .type{padding-left: 20px;}
.single .post-overview{flex-wrap: wrap;}
.single .post-overview > *{width: 100%; margin: 0px !important;}
.single .post-overview .post-auth span{margin: 0px;}
.single .post-overview .pipe{display: none;}
.post-content ul {padding-left: 20px;margin-left: 20px;}
.post-footer .author-overview{flex-wrap: wrap;}
.post-footer .image-wrap{margin-right: 0px;margin-bottom: 30px;}
.post-footer .share-post{margin-bottom: 30px;}
.next-prev .details{width: auto;}
.next-prev .details p{display: none;}
.next-prev .details h4{margin-bottom: 0px; font-size: 16pt;}
.next-prev .arrow{padding: 10px; height: 10px;}
.next-prev .left{left: -30px;}
.next-prev .right{right: -30px;}
.next-prev .prev{margin-left: 60px;}
.next-prev .next{margin-right: 60px;}
}
@media(max-width: 640px){
.next-prev .cta .btn{border: 3px solid white;min-width: 250px;}
}
@media(max-width: 500px){
.next-prev{height: 30vw;}
.pageContent.single{margin-top: 0;}
.next-prev .details h4{margin-bottom: 0px; font-size: 12pt;}
.next-prev .arrow{padding: 5px; height: 5px;}
.next-prev .left{left: -20px;}
.next-prev .right{right: -20px;}
.next-prev .prev{margin-left: 35px;}
.next-prev .next{margin-right: 35px;}
}
/* @import "featured_ctas.css"; */
.featured-ctas{padding: 100px 0px;}
.featured-ctas > .title{text-align: center; margin-right: auto; margin-left: auto; max-width: 50vw;}
.featured-ctas > .subtitle{max-width: 1600px; text-align: center; margin-bottom: 60px; margin-left: auto; margin-right: auto; max-width: 50vw;}
.featured-ctas .highlights{display: flex; flex-wrap: wrap; justify-content: center;}
.featured-ctas .highlights .highlight{width: calc(100% * (1/3)); text-align: center; display: flex; padding: 40px; position: relative; padding-top: 100px; margin-bottom: 40px;}
.featured-ctas .highlights.col-4 .highlight{width: calc(100% * (1/4));}
.featured-ctas .highlights .highlight:nth-of-type(n):before{content: ''; display: inline-block; height: 85%; width: 2px; background-color: #cccccc; position: absolute; top: 5%; right: 0px;}
/*.featured-ctas .highlights .highlight:nth-of-type(n):after{content: ''; display: inline-block; width: 54%; height: 2px; background-color: #cccccc; position: absolute; left: 23%; bottom: 0px;}*/
.featured-ctas .highlights .highlight:nth-of-type(3n){padding-right: 20px;}
.featured-ctas .highlights .highlight:last-of-type:before{display: none;}
.featured-ctas .highlights .highlight:nth-last-child(-n+3){margin-bottom: 0px;}
.featured-ctas .highlights .highlight:nth-last-child(-n+3):after{display: none;}
.featured-ctas .highlights .highlight .image-wrap{ height: auto; width: 20%; }
.featured-ctas .highlights .highlight .image-wrap img{width: 100%; max-width: 100px;}
.featured-ctas .highlights .highlight .content{width: 80%; margin: 0px auto; padding-bottom: 60px; position: relative;}
.featured-ctas .highlights .highlight .content a{position: absolute;bottom: 0px;top: auto;margin: auto;left: 0px;right: 0px;max-width: 200px;}
.featured-ctas.highlights .highlight .image-wrap img{height: 100%;}
.featured-ctas .highlights .highlight .title{margin-top: 0px;}
body:not(.home) .featured-ctas .walkthrough-scroller{display: none;}
@media(max-width: 2300px){
.featured-ctas .highlights .highlight .image-wrap{width: 25%;}
}
@media(max-width: 2100px){
.featured-ctas .highlights .highlight .image-wrap{width: 27%;}
}
@media(max-width: 1920px){
.featured-ctas{padding: 50px 0px;}
.featured-ctas .highlights .highlight{margin-bottom: 20px;padding: 20px;padding-top: 50px;}
.featured-ctas .highlights .highlight .image-wrap{width: 22%;padding-right: 20px;}
.featured-ctas .highlights .highlight{padding-bottom: 50px;}
.featured-ctas .highlights .highlight:after{width: 90%; left: 5%;}
.featured-ctas > .title{margin: 0px; margin-right: auto; margin-left: auto; margin-bottom: 30px;}
.featured-ctas > .title, .featured-ctas > .subtitle{max-width: 40vw;}
.featured-ctas > .subtitle{margin-bottom: 30px;}
}
@media(max-width: 1200px){
.featured-ctas .highlights .highlight{padding: 30px 20px;padding-bottom: 30px;}
}
@media(max-width: 1024px){
.featured-ctas .highlights .highlight{width: calc(100% * (1/2)); }
.featured-ctas .highlights .highlight .image-wrap{width: 20%;}
.featured-content:not(.home-style) .content{width: 60%;}
.featured-ctas .highlights .highlight:nth-of-type(n){padding: 30px 20px;padding-bottom: 30px; margin-bottom: 20px;}
.featured-ctas .highlights .highlight:nth-of-type(n):before{display: inline-block; height: 95%; top: -2%;}
.featured-ctas .highlights .highlight:nth-of-type(n):after{display: inline-block; width: 90%; left: 5%;}
.featured-ctas .highlights .highlight:nth-of-type(2n){padding-right: 20px;}
.featured-ctas .highlights .highlight:nth-of-type(2n):before{display: none;}
.featured-ctas .highlights .highlight:nth-last-child(-n+2){margin-bottom: 0px;}
.featured-ctas .highlights .highlight:nth-last-child(-n+2):after{display: none;}
.featured-ctas > .title, .featured-ctas > .subtitle{max-width: 80%;}
.featured-ctas .highlights.col-4 .highlight{width: calc(100% * (1/2));}
}
@media(max-width: 768px){
.featured-ctas > .title{margin-bottom: 0px;}
.featured-ctas .highlights{flex-wrap: wrap;}
.featured-ctas .highlights .highlight{width: 100%; padding: 30px 20px;flex-wrap: wrap;justify-content: center;}
.featured-ctas .highlights .highlight .image-wrap{width: 100%;text-align: center;height: 65px;margin-bottom: 15px;padding: 0px;}
.featured-ctas .highlights .highlight:nth-of-type(n):before{display: none;}
.featured-ctas .highlights .highlight:nth-of-type(n):after{display: inline-block; width: 90%; left: 5%;}
.featured-ctas .highlights .highlight:last-of-type{margin-bottom: 0px;}
.featured-ctas .highlights .highlight:last-of-type:after{display: none;}
.featured-ctas .highlights .highlight .content{text-align: center; width: 100%;}
}
@media(max-width: 600px){
.featured-ctas .highlights.col-4 .highlight{width: 100%;}
}
/* @import "simple_form.css"; */
.simple-form{background-color: #f1f1f1; text-align: left;}
.simple-form.dark{background: #2e4454;}
.simple-form .form-wrapper{max-width: 800px; width: 100%; margin: auto; }
.simple-form .form-wrapper .title-area{margin-bottom: 20px;}
.simple-form .hbspt-form{max-width: 100%;}
.simple-form .nf-form-fields-required{color: #00a8df;margin-bottom: 20px;text-align: right; font-size: 25px;}
.simple-form .ninja-forms-field[type="text"], .simple-form .ninja-forms-field[type="email"], .simple-form .ninja-forms-field[type="tel"]{font-size:25px;border-width: 0px;height: 60px;padding: 0px 30px;border-radius: 5px;}
.simple-form textarea.ninja-forms-field{border-width: 0px;height: 100px;padding: 20px 30px;border-radius: 5px;font-size:25px;}
.simple-form .nf-field-container.half{width: calc(50% - 20px); clear: none;}
.simple-form .nf-field-container.half.left{margin-right: 20px; float: left;}
.simple-form .nf-field-container.half.right{margin-left: 20px; float: right;}
.simple-form .nf-field-container.third{width: calc(33% - 20px); clear: none;}
.simple-form .nf-field-container.third.left{margin-right: 20px; float: left;}
.simple-form .nf-field-container.third.right{margin-left: 20px; float: right;}
.simple-form .nf-error-msg{font-size: 25px; font-weight: 900; position: absolute;}
.simple-form .nf-after-form-content .nf-error-msg{position: relative;}
.simple-form .submit-wrap{text-align: right;}
.simple-form .submit-wrap input{background: #00a9e0;}
.simple-form .nf-fu-fileinput-button{margin-top: 0px;border-width: 0px;background: white;color: #00a9e0;border-radius: 5px;}
.simple-form .nf-fu-fileinput-button:hover{background-color: #00a9e0;}
.simple-form .files_uploaded p{font-size: 20px; color: white;}
.simple-form .disclaimer p{color: white; font-size: 22px;}
@media(max-width: 1920px){
.simple-form .form-wrapper{max-width: 600px;}
.simple-form .nf-form-fields-required{font-size: 15px;}
.simple-form .ninja-forms-field[type="text"], .simple-form .ninja-forms-field[type="email"], .simple-form .ninja-forms-field[type="tel"]{font-size:15px;height: 40px;padding: 0px 15px;}
.simple-form textarea.ninja-forms-field{padding: 10px 15px;font-size:15px;}
.simple-form .nf-field-container.half{width: calc(50% - 10px); }
.simple-form .nf-field-container.half.left{margin-right: 10px; }
.simple-form .nf-field-container.half.right{margin-left: 10px; }
.simple-form .nf-field-container.third{width: calc(33% - 10px); }
.simple-form .nf-field-container.third.left{margin-right: 10px; }
.simple-form .nf-field-container.third.right{margin-left: 10px; }
.simple-form .nf-error-msg{font-size: 15px; }
.simple-form .files_uploaded p{font-size: 13px;}
.simple-form .disclaimer p{color: white; font-size: 12px;}
}
@media(max-width: 400px){
.simple-form .nf-field-container.half, .simple-form .nf-field-container.third{width: 100%; margin: 0px; margin-bottom: 20px;}
}
/* @import "large_stats.css"; */
.large-stats{margin-top: 100px;}
.large-stats .stats{justify-content: space-between;}
.large-stats .unit{font-size: 28px; margin-top: -15px;}
.large-stats .currency{color: #00a9e0;font-size: 50px;font-weight: 900;position: absolute;top: 75px;left: 18px;}
.large-stats .isCurrency .value{position: relative; left: 15px;}
.large-stats p{width: 95%;}
.large-stats > h2{margin-top: 0px; font-weight: 900; text-transform: none;}
.large-stats > h2 b{font-weight: 900;}
@media(max-width:1920px){
.large-stats .unit{font-size: 17px; }
.large-stats .currency{font-size: 30px;top: 50px;left: 15px;}
.large-stats .isCurrency .value{left: 10px;}
}
@media(max-width: 1440px){
.large-stats{margin-top: 70px;}
}
@media(max-width:1024px){
.large-stats .stats{max-width: 90%;}
.large-stats .stat{width: calc(100% * (1/3) - 2%);}
}
@media(max-width: 768px){
.large-stats .stat{width: 100%;}
.large-stats .stat p{max-width: 300px;}
}
/* @import "link_highlights.css"; */
.key-benefits{padding: 100px 0px; background: #0e1b29;}
.key-benefits .title{text-align: center; margin-bottom: 20px; margin-top: 0px;}
.key-benefits .benefits{display: flex;flex-wrap: wrap; max-width: 90%; margin: 40px auto; max-width: 1200px;}
.key-benefits .benefits .benefit{width: calc(100% * (1/3) - 80px); margin: 40px; color: #00a9e0; font-weight: 700;}
.key-benefits .bulleted li a{color: white;}
.key-benefits .bulleted li a:hover{color: #00a9e0;}
.key-benefits .bulleted li:before{color: #00a9e0;}
@media(max-width: 1920px){
.key-benefits{padding: 50px 0px;}
.key-benefits .title{margin-bottom: 40px;}
.key-benefits .benefits{margin: auto;}
.key-benefits .benefits .benefit{width: calc(100% * (1/3) - 40px); margin: 20px; }
}
@media(max-width: 1200px){
.key-benefits .benefits .benefit {width: calc(100% * (1/3) - 20px);margin: 20px 10px;}
}
@media (max-width: 1024px){
.key-benefits .benefits .benefit {width: calc(100% * (1/3) - 20px); }
}
@media (max-width: 768px){
.key-benefits .benefits .benefit {width: calc(100% * (1/2) - 20px); }
}
@media (max-width: 600px){
.key-benefits .benefits{width: 300px;}
.key-benefits .benefits .benefit {width: 100%;}
}
/* @import "partner_logos.css"; */
/* .partner-logos{margin: 100px 0px;} */
.partner-logos{padding: 100px 0px;}
.partner-logos .title{text-align: center; margin-bottom: 40px;}
.partner-logos .logos{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 1600px; margin: auto; padding: 0px 40px;}
.partner-logos .logo{width: calc(100% * (1/3) - 40px);margin-right: 60px;margin-bottom: 60px;}
.partner-logos .logo:nth-of-type(3n){margin-right: 0px;}
.partner-logos .logo .image-wrap{width: auto;height: 300px;display: flex;align-items: center;justify-content: center;}
.partner-logos .logo .image-wrap img{height: 100%; object-fit: contain;}
.partner-logos .logos-carousel-container {
position: relative;
}
.partner-logos .logos-carousel {
position: static;
}
.partner-logos .logos-carousel .owl-prev, .partner-logos .logos-carousel .owl-next {
margin-bottom: 60px;
top: calc(50% - 60px) ;
}
.partner-logos + .featured-posts {
/* padding-top: 0; */
}
@media(max-width: 1920px){
/* .partner-logos{margin: 60px 0px;} */
.partner-logos{padding: 60px 0px;}
.partner-logos .logos{max-width: 1200px;}
.partner-logos .logo{}
.partner-logos .logo .image-wrap{height: 150px;}
}
@media(max-width: 1024px){
.partner-logos .logo .image-wrap{height: 125px;}
}
@media(max-width: 600px){
.partner-logos .logo:nth-of-type(n){width: calc(100% * (1/2) - 15px);margin-right: 30px;margin-bottom: 10px;}
.partner-logos .logo:nth-of-type(2n){margin-right: 0px;}
.partner-logos .logo:last-of-type{margin-right: 0px;}
.partner-logos .logo .image-wrap{height: 75px;}
}
/* @import "product_listings.css"; */
.product-listing{background: #e2e2e2; display: flex; flex-wrap: wrap; margin-bottom: 60px; padding: 100px 0px;}
.product-listing.last{margin-bottom:0;}
.product-listing .title-area{margin: 0px 150px; margin-bottom: 100px; border-bottom: 1px solid #c3c3c3; width: 100%;}
.product-listing .title-area .title{margin-bottom: 20px; margin-top: 0px;}
.product-listing .title-area .title, .product-listing .title-area .subtitle{width: 100%; text-align: center;}
.product-listing .title-area .subtitle{margin-bottom: 60px;}
.product-listing .product-description, .product-listing .product-image{width: 50%;}
.product-listing .product-description{padding: 0px 100px; padding-right: 50px;}
.product-listing .product-image{display: flex;align-items: center;justify-content: flex-end;}
.product-listing .description{margin-bottom: 60px;}
.product-listing .btn-wrap{width: 100%; margin-bottom: 30px;}
.product-listing .product-description > .content{padding: 20px 60px;}
.product-listing .product-image .image-wrap{width: auto; height: auto; }
.product-listing .product-image .image-wrap img{max-height: 1000px;}
.product-listing h5{color: #00a9e0; font-weight: 900;}
.product-listing .bulleted li{margin: 5px 0px;}
.product-listing .product-description p{margin-bottom: 40px;}
.product-listing .product-description .title:not(:first-of-type){margin-top: 80px;}
.product-listing .feature-subsections{display: flex; margin: 0px 150px; padding-top: 100px;border-top: 1px solid #c3c3c3;margin-top: 50px;}
.product-listing .feature-subsection{margin-right: 200px;width: calc(100% * (1/3) - 20px); position: relative; padding-bottom: 80px;}
.product-listing .feature-subsections.no-buttons .feature-subsection{padding-bottom: 0px;}
.product-listing .feature-subsection:after{content: ''; position: absolute; top: 0px; right: -100px; height: 100%; width: 1px; background-color: #c3c3c3;}
.product-listing .feature-subsection:nth-of-type(3n){margin-right: 0px; border-right: none; }
.product-listing .feature-subsection:nth-of-type(3n):after{display: none;}
.product-listing .feature-subsection .btn{position: absolute;bottom: 0px;top: auto;left: 0px;}
.product-listing .description.small p, .product-listing .description.small li{font-size: 21pt;}
@media(max-width: 2300px){
.product-listing .description.small p, .product-listing .description.small li{font-size: 19pt;}
}
@media(max-width: 1920px){
.product-listing{padding: 60px 0px;}
.product-listing .product-description p{margin-bottom: 30px;}
.product-listing .description{margin-bottom: 40px;}
.product-listing .btn-wrap{margin-bottom: 20px;}
.product-listing .title-area .subtitle{margin-bottom: 30px;}
.product-listing .title-area{margin-bottom: 50px;}
.product-listing .product-image .image-wrap img{max-height: 400px;}
.product-listing .product-description .title:not(:first-of-type){margin-top: 50px;}
.product-listing{margin-bottom: 30px;}
div.product-listing.last{margin-bottom:0;}
.product-listing .feature-subsections{padding-top: 50px;}
.product-listing .feature-subsection{margin-right: 100px;}
.product-listing .feature-subsection:after{right: -50px;}
.product-listing .description{margin-bottom: 20px;}
.product-listing .description.small p, .product-listing .description.small li{font-size: 12pt;}
}
@media(max-width: 1600px){
.product-listing .product-description > .content{padding-left: 0px;}
.product-listing .title-area{margin: 0px 100px; margin-bottom: 50px;}
.product-listing .feature-subsections{margin: 0px 50px; margin-top: 40px; padding-top: 30px;}
}
@media(max-width: 1440px){
.product-listing .product-description{padding-right: 30px;}
.product-listing .product-description{width: 60%;}
.product-listing .product-image{width: 40%;}
.product-listing .product-description > .content{padding: 20px 0px; padding-right: 40px;}
.product-listing .title-area{margin: 0px 100px;}
}
@media(max-width: 1200px){
.product-listing .product-description{padding-left: 50px;}
.product-listing .title-area{margin: 0px 50px;}
}
@media(max-width: 1000px){
.product-listing .feature-subsection{margin-right: 50px;}
.product-listing .feature-subsection:after{right: -25px;}
}
@media(max-width: 800px){
.product-listing .product-description{padding-right: 0px;}
.product-listing .product-image{align-items: flex-start; margin-top: 40px;}
.product-listing .description{margin-bottom: 20px;}
.product-listing{padding: 40px 0px;}
}
@media(max-width: 768px){
.product-listing .product-description, .product-listing .product-image{width: 100%;}
.product-listing .product-description{order: 1; padding: 0px 30px;}
.product-listing .product-description > .content{padding-right: 0px;}
.product-listing .product-image .image-wrap {width: auto;height: auto;width: 50%;margin: 20px auto;min-width: 280px;}
.product-listing .product-image{margin-top: 0px;}
.product-listing .title-area {margin: 0px 30px; margin-bottom: 40px;}
.product-listing .feature-subsections{order: 2; margin-top: 0px; flex-wrap: wrap; margin: 0px 30px;}
.product-listing .feature-subsection{width: 100%; margin-right: 0px; margin-bottom: 30px;}
.product-listing .feature-subsection:after{display: none;}
}
/* @import "post_tiles.css"; */
.post-tiles .post{width: calc(100% * (1/3) - 80px);position: relative; flex: none; margin: 40px; background: #ededed;}
@media(max-width: 1920px){
.post-tiles .post{width: calc(100% * (1/3) - 40px); margin: 20px;}
}
@media(max-width: 1440px){
.post-tiles .post{width: calc(100% * (1/3) - 20px); margin:10px;}
}
@media(max-width: 1200px){
.post-tiles .post{width: calc(100% * (1/3) - 20px); margin:10px;}
}
@media(max-width: 1024px){
.post-tiles .post .image-wrap{height: 350px;}
.post-tiles .post .content{padding: 20px;}
}
@media(max-width: 1000px){
.post-tiles .post{width: calc(100% * (1/2) - 40px);margin: 20px;}
}
@media(max-width: 700px){
.post-tiles .post{width: calc(100% - 40px);margin: 20px;}
}
/* @import "leaders.css"; */
.leaders{display: flex; flex-wrap: wrap; max-width: 1800px; margin: 0px auto; margin-bottom: 50px;}
.leaders .leader{width: calc(33.33% - 40px); cursor: pointer; margin: 20px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 525px;}
.leaders .details{padding: 20px 30px; color: white; position: absolute; left: 0px; bottom: 0px; width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9e0+0,9fcd45+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.leaders .details .name{font-weight: 700; line-height: 32px; color: white; margin: 0px; margin-bottom: 6px; font-size:25pt;}
.leaders .details .title{color: white;margin: 0px;line-height: 25px;font-style: italic;font-size: 16pt;}
@media(max-width: 1920px){
.leaders{max-width: 1400px; }
.leaders .leader{width: calc(33.33% - 30px); margin: 15px; padding-top: 400px;}
.leaders .details{padding: 15px 15px;}
.leaders .details .name{line-height: 14px; margin-bottom: 5px; font-size: 15pt; }
.leaders .details .title{line-height: 0px;font-size: 10pt;}
}
@media(max-width: 1024px){
.leaders .leader{padding-top: 300px; width: calc(33.33% - 20px); margin: 10px;}
}
@media(max-width: 767px){
.leaders .leader{width: calc(50% - 20px); margin: 10px; padding-top: 350px;}
.leaders .details{padding: 10px 15px;}
.leaders .details .name{line-height: 14px; margin-bottom: 0px; font-size: initial;}
.leaders .details .title{line-height: 17px;font-size: 8pt;}
}
@media(max-width: 600px){
.leaders .leader{padding-top: 250px;}
}
@media(max-width: 500px){
.leaders{justify-content: center;}
.leaders .leader{width: 280px; padding-top: 250px;}
}
/* @import "slidedown_modal.css"; */
.slidedown-modal{background: white; height: 0px; width: 100vw; position: fixed; z-index: 10; transition: all .8s; overflow: hidden; box-sizing: border-box;top: 0px;padding-top: 0px; left: 0px; -webkit-overflow-scrolling: touch;}
.slidedown-modal.active{height: 100vh; height: 100vh; padding-bottom: 75px; padding-top: 100px; overflow-y: auto; padding-bottom: 0px;}
.slidedown-modal .close-icon{
width: 30px;
height: 30px;
border: 1px solid #333;
position: absolute;
top: 40px;
right: 20px;
border-radius: 50%;
text-align: center;
font-size: 26px;
line-height: 25px;
cursor: pointer;
}
.slidedown-modal.active:after{content: ''; position: relative; width: 100%; height: 75px; background-color: #00a9e0; left: 0px; bottom: 0px; display: block;}
.slidedown-modal .leader-overview{display: flex;max-width: 1600px;margin: auto;margin-top: 100px; padding-bottom: 40px; height: auto; min-height: calc(100% - 175px);}
.slidedown-modal .leader-overview .leader-image{padding-right: 60px;}
.slidedown-modal .leader-overview .leader-image .image-wrap{width: 500px;}
.slidedown-modal .leader-overview .leader-image .image-wrap img{}
.slidedown-modal .leader-overview .leader-details{margin-bottom: 20px;}
.slidedown-modal .leader-overview .leader-details .name{margin: 0px;margin-bottom: 5px;}
.slidedown-modal .leader-overview .leader-details .title{margin: 0px;font-weight: 900;font-style: italic;margin-bottom: 40px;}
.slidedown-modal .leader-overview .leader-details .details{padding-bottom: 60px;border-bottom: 2px solid #6cc24a;margin-bottom: 60px;}
.slidedown-modal .leader-overview .leader-details .details p{margin-bottom: 40px;}
.slidedown-modal .leader-overview .leader-details .social{display: inline-block;}
.slidedown-modal .leader-overview .leader-details .social .image-wrap{width: 100px; height: 100px;}
.slidedown-modal .leader-overview .leader-details .social .image-wrap img{height: 100%;}
@media(max-width: 1920px){
/*.slidedown-modal.active{padding-bottom: 75px;}*/
.slidedown-modal.active:after{height: 75px;}
.slidedown-modal .leader-overview{width: 1000px; max-width: 95%;margin-top: 50px; min-height: calc(100% - 125px);}
.slidedown-modal .leader-overview .leader-details .details p{margin-bottom: 20px;}
.slidedown-modal .leader-overview .leader-details .title{margin-bottom: 20px;}
.slidedown-modal .leader-overview .leader-image{padding-right: 30px;}
.slidedown-modal .leader-overview .leader-image .image-wrap{width: 250px;}
.slidedown-modal .leader-overview .leader-details .details{padding-bottom: 30px;margin-bottom: 30px;}
.slidedown-modal .leader-overview .leader-details .social .image-wrap{width: 50px; height: 50px;}
}
@media(max-width: 768px){
.slidedown-modal .leader-overview .leader-image .image-wrap{width: 150px;}
.slidedown-modal.active:after{display: none;}
.slidedown-modal .leader-overview{border-bottom: 75px solid #00a9e0;max-width: 100%; padding: 0px 2.5%;}
}
@media(max-width: 600px){
.slidedown-modal .leader-overview{flex-wrap: wrap; margin-top: 30px;}
.slidedown-modal .leader-overview .leader-image{margin-bottom: 30px;}
.slidedown-modal .leader-overview{min-height: calc(100% - 105px);}
}
/* @import "simple_title.css"; */
.simple-title{text-align: center;
display: inline-block;
width: 100%;
margin-top: 50px;}
.simple-title .title{margin: 0px; margin-bottom: 40px; }
@media(max-width: 1920px){
.simple-title .title{margin-bottom: 30px;}
}
/* @import "cookie_disclaimer.css"; */
.cookieDisclaimer{z-index: 100;position: fixed;left: 0px;top: 0px;width: 100%;padding: 20px 50px;background: black;color: white;display: flex;align-items: center;}
.cookieDisclaimer .details{padding-right: 50px; color: white; font-size: 17pt;}
.cookieDisclaimer .btn{width: 600px; font-size: 17pt;}
@media(max-width: 1920px){
.cookieDisclaimer{padding: 10px 50px;}
.cookieDisclaimer .details{padding-right: 30px; font-size: 10pt;}
.cookieDisclaimer .btn{width: 200px; font-size: 10pt; min-width: 180px;}
}
@media(max-width: 768px){
.cookieDisclaimer{flex-wrap: wrap; justify-content: center;}
.cookieDisclaimer .details{width: 100%; padding: 0px;}
}
@media(max-width: 500px){
.cookieDisclaimer{flex-wrap: wrap; justify-content: center; }
.cookieDisclaimer .details{width: 100%; text-align: center;}
}
/* @import "job_listings.css"; */
.job-listings{display: flex;}
.job-listings .quote-area{background-color: #f2f2f2; width: 50%; padding: 0px 100px; display: inline-block; padding-top: 60px;}
.job-listings .quote-area .quote-icon{width: 100%;}
.job-listings .quote-area .quote-icon .image-wrap{width: 200px;height: 200px;position: relative;left: -30px;}
.job-listings .quote-area .quote{margin: 20px 0px; margin-top: 0px;}
.job-listings .quote-area .source{font-weight: 700; margin-top: 20px; width: 100%;}
.job-listings .jobs{width: 50%;}
.job-listings .jobs > .title{margin: 0px;padding: 50px;background: #008bb9;text-align: left;padding-left: 160px; color: white;}
.job-listings .jobs .job-list{}
.job-listings .jobs .job-list .job{}
.job-listings .jobs .job-list .job .title-area{cursor: pointer;display: flex; align-items: stretch; background: #2acbff;}
.job-listings .jobs .job-list .job:nth-of-type(2n) .title-area{background: #00a9df;}
.job-listings .jobs .job-list .job .title-area .arrow{background: #00a9df;width: 120px;color: white;display: flex;align-items: center;justify-content: center;}
.job-listings .jobs .job-list .job .title-area .arrow:before{content: ''; transition: all .5s; background-repeat: no-repeat;display: inline-block;background-image: url(https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/jobArrow.svg);background-size: contain;background-position: center;height: 60px;width: 60px;}
.job-listings .jobs .job-list .job .title-area.active .arrow:before{transform: rotate(90deg);}
.job-listings .jobs .job-list .job:nth-of-type(2n) .title-area .arrow{background: #2acbff;}
.job-listings .jobs .job-list .job .title-area .title{color: white;max-width: 100%; width: calc(100% - 120px);text-align: left;margin: 0px;padding: 20px 0px;padding-left: 40px;}
.job-listings .jobs .job-list .job .content{padding: 0px 40px; height: 0px; overflow-y: auto; max-height: 1000px; transition: padding .7s;}
.job-listings .jobs .job-list .job .content.active{padding: 40px;}
.job-listings .jobs .job-list .job .content .description{}
.job-listings .jobs .job-list .job .content .btn{margin-top: 40px;}
.job-listings .no-jobs{text-align: center;color: grey;}
@media(max-width: 1920px){
.job-listings .jobs .job-list .job .title-area .title{padding: 10px 0px; padding-left: 30px;}
.job-listings .quote-area .quote-icon .image-wrap{width: 150px; height: 150px; left: -20px;}
.job-listings .jobs > .title{padding: 30px; padding-left: 100px;}
.job-listings .jobs .job-list .job .title-area .arrow{width: 70px;}
.job-listings .jobs .job-list .job .title-area .title{width: calc(100% - 70px);}
.job-listings .jobs .job-list .job .content{max-height: 700px;}
.job-listings .jobs .job-list .job .title-area .arrow:before{width: 30px; height: 30px;}
}
@media(max-width: 1200px){
.job-listings .quote-area{padding: 40px;}
.job-listings .jobs > .title{padding-left: 90px;}
.job-listings .jobs .job-list .job .title-area .title{padding-left: 20px;}
.job-listings .quote-area .quote-icon .image-wrap{width: 100px; height: 100px; left: -10px;}
}
@media(max-width: 900px){
.job-listings{flex-wrap: wrap;}
.job-listings > section{width: 100% !important;}
.job-listings .quote-area{order: 1;}
.job-listings .jobs .job-list .job .title-area .title{max-width: 100%; width: calc(100% - 60px);}
.job-listings .jobs .job-list .job .title-area .arrow{width: 60px;}
.job-listings .jobs > .title{padding-left: 80px;}
}
@media(max-width: 400px){
.job-listings .jobs .job-list .job .title-area .title{width: calc(100% - 50px);}
.job-listings .jobs .job-list .job .title-area .arrow{width: 50px;}
.job-listings .jobs > .title{padding-left: 30px;}
}
/* @import "two_column_text_block.css"; */
.two-column-text {
display: flex;
margin: 0 5vw;
margin-top: -120px;
}
.two-column-text .left-col, .two-column-text .right-col {
width: 50%;
padding: 40px;
}
.two-column-text a {
color: #6CC248;
font-weight: bold;
}
@media(max-width: 768px){
.two-column-text {
flex-wrap: wrap;
}
.two-column-text .left-col, .two-column-text .right-col {
width: 100%;
}
}
/* @import "customer_testimonials.css"; */
.customer-testimonials {
column-count: 2;
column-gap: 0;
margin-bottom: 80px;
margin: 0 5vw;
}
.testimonial {
padding: 40px;
break-inside: avoid;
}
.quote-holder {
position: relative;
}
.quote-bubble {
border-radius: 20px;
color: #fff;
overflow: hidden;
}
.quote-bubble .text-content {
padding: 20px 40px 40px 40px;
color: #fff;
}
.quote-bubble p {
color: #fff;
}
.quote-bubble a, .quote-bubble a:hover{
color: #fff;
font-weight: bold;
}
.quote-holder::after {
content: '';
position: absolute;
bottom: -20px;
left: 50px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top-width: 20px;
border-top-style: solid;
}
.quote-bubble.has-image {
}
.quote-bubble img {
width: 100%;
}
.testimonial.color1 .quote-bubble{
background-color: #6CC248
}
.testimonial.color1 .quote-holder::after{
border-top-color: #6CC248
}
.testimonial.color2 .quote-bubble{
background-color: #00A9E0
}
.testimonial.color2 .quote-holder::after{
border-top-color: #00A9E0
}
.testimonial .stars {
text-align: right;
height: 30px;
margin-top: 10px;
width: 90%;
background-image: url(https://www.stratixcorp.com/wp-content/uploads/2019/06/stars.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
}
.testimonial .author {
font-weight: bold;
padding-left: 40px;
width: 70%;
font-size: 1.2em;
}
.testimonial.color1 .author{
color: #6CC248
}
.testimonial.color2 .author{
color: #00A9E0
}
@media(max-width: 1440px) {
.testimonial {
padding: 20px;
}
.testimonial .author {
font-size: 13pt;
width: auto;
padding-right: 40px;
}
}
@media(max-width: 768px){
.customer-testimonials {
column-count: 1;
}
}
/* HUBSPOT FORM STYLE BACKUP*/
.hbspt-form{width: 100%; margin:0 auto; text-align:left;}
.hbspt-form fieldset{max-width: 100%;}
.hbspt-form .form-columns-2 .hs-form-field{width:50%; }
.hbspt-form .form-columns-1 .hs-form-field{width:100%; }
.hbspt-form .hs-form-field{display:inline-block; vertical-align:top; position:relative; margin-bottom:15px;}
.hbspt-form .hs-form-field label{display:block; width:auto; height:60px; line-height:60px;font-size:18pt; text-align:left;}
.hbspt-form .hs-form-field:focus label{dispay:none;}
.hbspt-form .hs-form-field .input{ display:block; height:60px;}
.hbspt-form .hs-form-field .input input, .hbspt-form .hs-form-field .input textarea{width:100%; height:100%;border:2px solid #ccc; background:#fff;height:60px; line-height:60px; padding:0 15px; font-size: 18pt;}
.hbspt-form .hs-form-field .input select, .hbspt-form .hs-form-field .input textarea{width:100%; height:100%;border:2px solid #ccc; background:#fff;height:60px; line-height:60px; padding:0 15px; font-size: 18pt;}
.hbspt-form .hs-form-field .input textarea{min-height: 100px;}
.hbspt-form .hs-fieldtype-select .input{position: relative; z-index: 1; background: white;}
.hbspt-form .hs-fieldtype-select .input:before{ content: ''; display: inline-block;width: 47px;height: 46px; z-index: -1; background: #00a9df; padding: 5px; position: absolute; right: 2px; top: 2px; background-image: url(https://stxnewdev.wpengine.com/wp-content/themes/StratixCustom/images/whiteArrow.svg); background-repeat: no-repeat; background-position: center; background-size: 33px;}
.hs-form-required{color:#00a9e0; cursor: pointer;}
.hbspt-form .hs-fieldtype-select .input select{z-index: 1; background: transparent;}
.hbspt-form .hs-fieldtype-radio{margin-bottom: 60px;}
.hbspt-form .hs-form-radio label{display: flex; align-items: center;}
.hbspt-form .hs-form-radio input{display: none;}
.hbspt-form .hs-form-radio label.active:before{background-image: url("https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/radioIconFilled.svg");}
.hbspt-form .hs-form-radio label:before{content: ''; margin-right: 10px; display: inline-block; width: 30px; height: 30px; background-image: url(https://www.stratixcorp.com/wp-content/themes/StratixCustom/images/radioIcon.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
.hbspt-form .hs-field-desc{font-size: 18pt;}
.hbspt-form .hs_submit{margin-top: 60px;}
.hbspt-form .hs_submit input{font-size: 22pt; text-align: center; min-width: 120px; color: white; margin: 10px 0px; cursor: pointer; background-color: #00a9e0; width: 100%; top: 0px; border-radius: 30px; padding: 15px 40px; font-weight: 700; display: inline-block; width: auto; border-width: 0px;}
.hbspt-form .hs_submit input:hover{background-color: #2f4455;}
.hs-custom-style fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]), .hs-custom-style>div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]){border-radius: 0px !important; border: 1px solid #cdb6e2 !important;}
@media(max-width: 2300px){
.hbspt-form .hs_submit input{font-size: 20pt;}
}
@media(max-width: 1920px){
.hbspt-form .hs-form-field .input{ display:block; height:40px;}
.hbspt-form .hs-form-field label{display:block; width:auto; height:30px; line-height:30px;font-size:12px; text-align:left;}
.hbspt-form .hs-form-field .input input, .hbspt-form .hs-form-field .input textarea{height:40px; line-height:40px; font-size: 12px;}
.hbspt-form .hs-form-field .input select, .hbspt-form .hs-form-field .input textarea{height:40px; line-height:40px; font-size: 12px;}
.hbspt-form .hs-fieldtype-select .input:before{width: 28px;height: 26px;background-size: 24px;}
.hbspt-form .hs-fieldtype-radio{margin-bottom: 30px;}
.hbspt-form .hs-form-radio label:before{width: 20px; height: 20px; }
.hbspt-form .hs-field-desc{font-size: 12px;}
.hbspt-form .hs-form-radio label{display: flex;}
.hbspt-form .hs_submit input{font-size: 15pt; padding: 10px 20px;}
}
@media(max-width: 1600px){
.hbspt-form .hs_submit input{font-size: 13pt;}
}
@media(max-width: 1440px){
.hbspt-form .hs_submit input{font-size: 11pt; min-width: 100px; padding: 8px 20px;}
}
@media(max-width: 1024px){
.hbspt-form .hs_submit input{font-size: 14pt;}
}
@media(max-width: 950px){
.hbspt-form .hs_submit input{font-size: 10pt;}
}
@media(max-width: 640px){
.hbspt-form .hs_submit input{font-size: 13pt;}
}
@media(max-width: 500px){
.hbspt-form .form-columns-2 .input{margin-right: 0px !important; }
.hbspt-form .form-columns-2 input{width: 100% !important;}
}
.four-o-four{min-height: 700px;margin: 0px;display: flex;align-items: center;justify-content: center;}
/* Colors */
/*
Grey Blue: #3d5567;
Light Grey: #f1f2f2;
Dark Grey: #556b79;
Dark Blue: #2f4455;
Very Dark Blue: #151f26;
Blue: #00a9e0;
Green: #6cc24A;
Soft Green: #69aa50;
Light Grey: #647785;
*/
/* Bulleted List */
.bulleted li{padding-left: 35px; position: relative; margin-bottom: 40px;}
.bulleted li:before{content: '>';color: #6cc24a;display: inline-block;font-size: 25pt;position: absolute;top: 0px;left: 0px;font-weight: 900;}
ul.standard li {
position: relative;
margin-bottom: 40px;
list-style-type: none;
font-size: 15pt;
font-weight: normal;
line-height: 1.5em;
color: #556b79;
margin: 0.5em 0px;
margin-left: 25px;
}
ul.standard li:before {
content: "\2022";
color: #6cc24a;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
/* Buttons */
input[type="button"], footer .hs-button{border: none;}
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 22pt; text-align: center; min-width: 120px; color: white; margin: 10px 0px; cursor: pointer; background-color: #00a9e0; width: 100%; top: 0px; border-radius: 30px; padding: 15px 40px; font-weight: 700; display: inline-block; width: auto;}
.page-numbers{min-width: unset !important; padding: 15px 25px;}
.page-numbers:not(.prev):not(.next):not(.current){background: #ededed; color: #2f4455;}
.page-numbers:not(.prev):not(.next):not(.current):hover{background: #b8b8b8;}
.page-numbers.prev{position: relative; margin-right: 30px;}
.page-numbers.next{position: relative; margin-left: 30px;}
.page-numbers.prev:after{content: '';display: inline-block;width: 2px;height: 100%;background: #ededed;position: absolute;top: 0px;right: -15px;}
.page-numbers.next:before{content: '';display: inline-block;width: 2px;height: 100%;background: #ededed;position: absolute;top: 0px;left: -15px;}
.btn.light{background-color: white;color: #00a9e0 !important;}
.btn.light:hover{color: white !important;}
.btn.secondary, input[type="button"], footer .hs-button{background-color: #6cc24A;}
.btn.secondary:hover, input[type="button"], footer .hs-button:hover{background-color: #69aa50;}
.btn.tertiary{background-color: none; border: 3px solid white; color: white;}
.btn.tertiary:hover{}
.btn:hover, button:hover, .page-numbers:hover{background-color: #2f4455; color: white;}
.btn.icon{display: flex; align-items: center; justify-content: center;}
.btn.icon .image-wrap{height: 22px; position: relative; margin-right: 10px; width: 45px;}
.btn.icon .image-wrap img{position: absolute; left: 0px; top: 0px;}
/* Accordion */
[data-accordion]{height: 0px; overflow: hidden;}
/* Social */
.social{display: flex; flex-direction: column; align-items: flex-start; }
.social > .title{margin: 0px; margin-bottom: 10px;}
.social .widgets{display: flex;}
.social .widget{padding: 10px;}
.social .widget svg{fill: #70bf4a;}
.social .widget:first-of-type{padding-left: 0px;}
.social .widget:last-of-type{padding-right: 0px;}
.social .widget .socialLink{display: inline-block;}
.social .widget .socialLink img{width: 60px; height: 60px;}
/* Tab Figure */
.tab-preview{background-color: #ededed;}
/* Core Values */
.core-value {
padding: 96px 0;
position: relative;
z-index: 10;
font-size: 17px;
background-color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.core-value .wrapper {
max-width: 1100px;
}
.core-value.light_background {
z-index: 11;
}
.core-value.dark_background {
color: #fff;
}
.core-value p,
.core-value .post-content li,
.core-value .bulleted li {
font-size: inherit;
}
.core-value .split {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.core-value .left {
flex: 1.25;
min-width: 0;
margin-right: 96px;
}
.core-value .right {
flex: 1;
min-width: 0;
}
.core-value h1,
.core-value h2,
.core-value h3,
.core-value h4 {
font-size: 20pt !important;
font-weight: 700;
color: #00a9e0;
margin-bottom: 0;
}
.core-value.dark_background h1,
.core-value.dark_background h2,
.core-value.dark_background h3,
.core-value.dark_background h4,
.core-value.dark_background p {
color: inherit;
}
.core-value h1:first-child,
.core-value h2:first-child,
.core-value h3:first-child {
margin-top: 0;
}
.core-value .right img {
margin: -184px 0;
position: relative;
z-index: 100;
}
.core-value .icon-container {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.core-value .icon-container .icon {
padding-right: 48px;
margin-right: 48px;
border-right: 1px solid #fff;
display: flex;
justify-content: center;
align-items: center;
}
.core-value .icon-container .icon img {
width: 96px;
height: auto;
}
.core-value .icon-container .content {
flex: 1;
min-width: 0;
}
.core-value.has-icon .icon-container .icon,
.core-value.has-icon .icon-container .content {
padding-top: 24px;
padding-bottom: 24px;
}
@media (max-width: 980px) {
.core-value {
padding: 8vw 0;
}
.core-value .wrapper {
padding: 0 4vw;
}
.core-value .left,
.core-value .right {
flex: 0 0 100%;
margin: 0;
padding: 0;
}
.core-value .right img {
display: block;
margin: 64px auto 0 auto;
padding: 0;
max-width: 400px;
}
}
@media (max-width: 540px) {
.core-value .icon-container .icon,
.core-value .icon-container .content {
flex: 0 0 100%;
padding: 8px 0 !important;
margin: 0;
border: none;
text-align: center;
}
}
/* Font scale adjustment */
@media(max-width: 2300px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 20pt;}
}
@media(max-width: 1920px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 15pt;padding: 10px 20px;}
.btn.icon .image-wrap{height: 12px; margin-right: 5px; width: 25px;}
.page-numbers{padding: 10px 17px;}
.social .widget{padding: 5px;}
.social .widget .socialLink img{width: 50px; height: 50px;}
/* Bulleted List */
.bulleted li{padding-left: 25px; }
.bulleted li:before{font-size: 14pt;}
}
@media(max-width: 1600px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 13pt;}
.page-numbers{padding: 10px 14px;}
}
@media(max-width: 1440px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 11pt; min-width: 100px; padding: 8px 20px;}
.page-numbers{padding: 8px 13px;}
.social .widget .socialLink img{width: 40px; height: 40px;}
/* Bulleted List */
.bulleted li{margin-bottom: 30px;}
}
@media(max-width: 1050px){
.social .widget .socialLink img{width: 35px; height: 35px;}
}
@media(max-width: 1024px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 14pt;}
.page-numbers{padding: 8px 14px;}
.resource-list.featured-posts .post .image-wrap{height: 350px;}
.resource-list.featured-posts .post .content{padding: 30px; padding-top: 20px;}
.resource-list.featured-posts .post .type{padding-left: 30px;}
}
@media(max-width: 1000px){
.resource-list.featured-posts .post:nth-of-type(n){width: calc(100% * (1/2) - 15px); margin-right: 30px;}
.resource-list.featured-posts .post:nth-of-type(2n){margin-right: 0px;}
}
@media(max-width: 950px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 10pt;}
.page-numbers{padding: 8px 12px;}
}
@media(max-width: 640px){
.btn, button, input[type="button"], footer .hs-button, .page-numbers{font-size: 13pt;}
.page-numbers{padding: 8px 13px;}
.resource-list.featured-posts .post:nth-of-type(n){width: 100%; margin-right: 0px;}
}
.icon-list .wrapper {
max-width: 1200px;
}
.icon-list .list-row {
display: flex;
align-items: center;
margin: 40px;
}
.icon-list .list-row .icon {
margin-right: 20px;
}
.icon-list .list-row .icon img {
width: 120px;
min-width: 120px;
}
.icon-list .list-row .text_content {
padding: 24px;
font-size: 1.3em;
}
.icon-list .description {
text-align: center;
}
.image-block .white-border.btn {
border: 3px solid #fff;
}
.slider-partner-logos .description.centered {
text-align: center;
}
.slider-partner-logos .slider-logos .owl-nav {
position: absolute;
width: 100%;
top: 0;
}
.slider-partner-logos .slider-logos .owl-nav button.owl-prev, .slider-partner-logos .slider-logos .owl-nav button.owl-next {
font-size: 100px;
position: absolute;
color: #00a9e0;
}
.slider-partner-logos .slider-logos .owl-nav button.owl-prev {
left: -40px;
}
.slider-partner-logos .slider-logos .owl-nav button.owl-next {
right: -40px;
}
.small-figure .image-carousel {
width: 50%;
position: relative;
height: auto;
}
.small-figure section {
box-sizing: border-box;
}
.small-figure .image-carousel section {
width: 100%;
box-sizing: border-box;
padding-bottom: 40vw;
position: relative;
}
@media(max-width: 640px){
.small-figure .image-carousel {
width: 100%;
}
}
@media(max-width: 640px){
.icon-list .list-row {
margin: 0px;
}
.icon-list .list-row .icon {
margin-right: 8px;
}
.icon-list .list-row .icon img {
width: 80px;
min-width: 80px;
}
.slider-partner-logos .slider-logos .owl-nav button.owl-prev, .slider-partner-logos .slider-logos .owl-nav button.owl-next {
font-size: 80px;
margin-top: -20px;
}
.slider-partner-logos, .partner-logos {
overflow: hidden;
}
}
@media(max-width: 380px){
.icon-list .list-row {
margin: 0px;
}
}
/* popup styling */
#popmake-4468.pum-theme-2545 .pum-container, .pum-theme-lightbox .pum-container {
padding: 80px;
}
#popmake-4468 .hbspt-form {
width: 200%;
}
#popmake-4468 .popmake-content p {
font-size: 14px;
}
.hs-form-d887a594-e8ea-43b6-8383-991e48b0ad71.hs-form {
width: 100% !important;
}
#popmake-4468 .pum-title {
font-size: 30pt;
font-weight: 900;
line-height: 1em;
color: #00a9e0;
margin: .65em 0px;
}
@media(max-width: 640px){
#popmake-4468.pum-theme-2545 .pum-container, .pum-theme-lightbox .pum-container {
padding: 40px;
}
}
#primaryFooter {
overflow: hidden;
}
@media print {
header#primaryHeader { display: none; }
.cookieDisclaimer { display: none; }
.post-image-header { display: none; }
.post-footer ul.share-post { display: none; }
.next-prev { display: none; }
footer#primaryFooter { display: none; }
}
.single .post-content-wrap.cat-page {
padding-bottom: 80px;
}
body.category.archive header .logo a.white, body.category.archive header.fill .logo a.white {
opacity: 0;
}
.video-embed-block {
text-align: center;
padding: 50px 0px 0;
/* margin-bottom: -100px; */
}
@media(max-width: 640px){
.video-embed-block {
margin-bottom: -50px;
}
}
.animated-figure .image-carousel .active figure img.layer1{
width: 350px !important;
top: 50%;
z-index:9;
transform: translateY(-50%);
}
img[src="https://stxnewstg.wpengine.com/wp-content/uploads/2023/12/honeywell-ct47-.png"] {max-width: 214px !important; height: auto !important; display: block !important; left:40px !important;}
img[src="https://stxnewstg.wpengine.com/wp-content/uploads/2023/12/ChromebookTA-2.png"] {width: 400px !important; height: auto !important; display: block !important; left:0px !important;}
img[src="https://stxnewstg.wpengine.com/wp-content/uploads/2023/12/ipad-1.png"] {width: 400px !important; height: auto !important; display: block !important; left:0px !important;}
.fancybox__content{background: transparent!important;}