@import "global.css";
@import "fonts.css";
@import "menu_toggle.css";
@import "figures.css";
@import "circle_diagram.css";
@import "tab_preview_figure.css";
@import "featured_stats.css";
@import "featured_content.css";
@import "featured_posts.css";
@import "large_cta_block.css";
@import "basic_hero.css";
@import "simple_centered_content.css";
@import "small_figure.css";
@import "simple_highlights.css";
@import "resources.css";
@import "single.css";
@import "featured_ctas.css";
@import "simple_form.css";
@import "large_stats.css";
@import "link_highlights.css";
@import "partner_logos.css";
@import "product_listings.css";
@import "post_tiles.css";
@import "leaders.css";
@import "slidedown_modal.css";
@import "simple_title.css";
@import "cookie_disclaimer.css";
@import "job_listings.css";
@import "two_column_text_block.css";
@import "customer_testimonials.css";

/* 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("/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(/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;}

/* 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;}

/* 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;}
}