/*
Theme Name: Strainsert
Theme URI: http://www.strainsert.com
Description: Custom designed & developed theme for Strainsert.
Version: 1.0
Text Domain: Commexis
Author: William Pyle / Commexis
Author URI: http://www.commexis.com
*/
@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-BoldItalic.woff2") format("woff2"), url("assets/fonts/Jost-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-Italic.woff2") format("woff2"), url("assets/fonts/Jost-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-Bold.woff2") format("woff2"), url("assets/fonts/Jost-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-Regular.woff2") format("woff2"), url("assets/fonts/Jost-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-SemiBold.woff2") format("woff2"), url("assets/fonts/Jost-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-SemiBoldItalic.woff2") format("woff2"), url("assets/fonts/Jost-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("assets/fonts/Lato-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-Italic.woff2") format("woff2"), url("assets/fonts/Lato-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-Bold.woff2") format("woff2"), url("assets/fonts/Lato-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-Regular.woff2") format("woff2"), url("assets/fonts/Lato-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

/* ==========================================
TYPOGRAPHY
========================================== */
@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-BoldItalic.woff2") format("woff2"), url("assets/fonts/Jost-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-Italic.woff2") format("woff2"), url("assets/fonts/Jost-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-Bold.woff2") format("woff2"), url("assets/fonts/Jost-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-Regular.woff2") format("woff2"), url("assets/fonts/Jost-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-SemiBold.woff2") format("woff2"), url("assets/fonts/Jost-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Jost'; src: url("assets/fonts/Jost-SemiBoldItalic.woff2") format("woff2"), url("assets/fonts/Jost-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("assets/fonts/Lato-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-Italic.woff2") format("woff2"), url("assets/fonts/Lato-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-Bold.woff2") format("woff2"), url("assets/fonts/Lato-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lato'; src: url("assets/fonts/Lato-Regular.woff2") format("woff2"), url("assets/fonts/Lato-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

/* ==========================================
TEXT
========================================== */
p { line-height: 1.6; padding-bottom: 15px; }

p:last-child { padding: 0; }

p strong { font-weight: 600; }

.the-content h1, .the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6 { font-family: "Jost", sans-serif; line-height: 1.2; letter-spacing: .25px; }

.the-content h1:only-child, .the-content h2:only-child, .the-content h3:only-child, .the-content h4:only-child, .the-content h5:only-child, .the-content h6:only-child { padding: 0; }

.the-content h1 { color: #A82C97; font-size: 36px; font-weight: 600; padding-bottom: 15px; text-transform: uppercase; }

@media screen and (max-width: 769px) { .the-content h1 { font-size: 30px; } }

@media screen and (max-width: 676px) { .the-content h1 { font-size: 24px; } }

@media screen and (max-width: 481px) { .the-content h1 { font-size: 20px; } }

.the-content h2 { color: #A82C97; font-size: 30px; font-weight: 600; padding-bottom: 15px; text-transform: uppercase; }

@media screen and (max-width: 1025px) { .the-content h2 { font-size: 26px; } }

@media screen and (max-width: 676px) { .the-content h2 { font-size: 24px; } }

@media screen and (max-width: 481px) { .the-content h2 { font-size: 22px; } }

.the-content h3 { color: #A82C97; font-size: 26px; font-weight: 600; padding-bottom: 15px; text-transform: uppercase; }

.the-content h3:last-child { padding: 0; }

@media screen and (max-width: 769px) { .the-content h3 { font-size: 24px; } }

@media screen and (max-width: 676px) { .the-content h3 { font-size: 20px; } }

@media screen and (max-width: 481px) { .the-content h3 { font-size: 18px; } }

.the-content h4 { color: #A82C97; font-size: 21px; font-weight: 600; padding-bottom: 15px; text-transform: uppercase; }

@media screen and (max-width: 769px) { .the-content h4 { font-size: 18px; } }

@media screen and (max-width: 676px) { .the-content h4 { font-size: 17px; } }

.the-content h5 { font-size: 18px; font-weight: 600; padding-bottom: 10px; }

@media screen and (max-width: 769px) { .the-content h5 { font-size: 14px; } }

.the-content h6 { font-size: 18px; font-weight: 600; padding-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { /*font-family: $headlinefont;*/ font-weight: normal; }

/* ==========================================
LINKS
========================================== */
a { color: #A82C97; cursor: pointer; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

a:hover { color: #344ea2; }

.the-content p a, .the-content ul a, .the-content ol a { text-decoration: underline; }

a.btn { border: 2px solid transparent; display: inline-block; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 600; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

@media screen and (max-width: 769px) { a.btn { padding: 10px 15px; } }

@media screen and (max-width: 676px) { a.btn { display: inline-block; font-size: 14px; padding: 10px 15px; text-align: center; } }

a.btn.purple { background-color: #A82C97; color: #ffffff; }

a.btn.purple:hover { background-color: #344ea2; }

a.btn.white { background-color: #ffffff; color: #A82C97; }

a.btn.white:hover { background-color: #e8e8e8; color: #A82C97; }

a.btn.white-border { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; }

a.btn.white-border:hover { background-color: rgba(255, 255, 255, 0.25); }

a.btn.black-border { background-color: transparent; border: 2px solid #151515; color: #151515; }

a.btn.black-border:hover { border: 2px solid #b75739; color: #b75739; }

a.btn.small { font-size: 16px; padding: 10px; }

@media screen and (max-width: 500px) { a.btn.small { font-size: 14px; } }

/* ==========================================
FONT AWESOME
========================================== */
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ==========================================
MISC OVERALL
========================================== */
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html { height: 100%; }

body { background-color: #ffffff; color: #767676; height: 100%; font-family: "Lato", sans-serif, Arial, sans-serif; font-size: 16px; font-weight: 300; letter-spacing: .25px; line-height: 1.45; font-variant-numeric: lining-nums; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }

@media screen and (max-width: 676px) { body { font-size: 15px; } }

@media only screen and (min-width: 320px) and (max-width: 676px) { body { -webkit-text-size-adjust: none; } }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

* html .group, *:first-child + html .group { zoom: 1; }

a.post-edit-link { color: #212121; position: absolute; top: 1px; right: 0; font-size: 12px; text-decoration: none; padding-top: 5px; }

a.post-edit-link:hover { text-decoration: underline; }

::selection { background: #f1972c; color: #fff; }

::-moz-selection { background: #f1972c; color: #fff; }

.width-100 { width: 100%; }

/* ==========================================
MISC CONTENT RELATED
========================================== */
.alignleft { float: left; margin: 10px 25px 10px 0; }

@media screen and (max-width: 767px) { .alignleft { clear: both; display: block; float: none; margin: 0 0 20px; } }

.alignright { float: right; margin: 10px 0 10px 25px; }

@media screen and (max-width: 767px) { .alignright { clear: both; display: block; float: none; margin: 0 0 20px; } }

.aligncenter { text-align: center; }

.clear:after { content: ""; display: table; clear: both; }

.word-break { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

blockquote { border-left: 5px solid #b75739; font-size: 18px; margin-left: 40px; margin: 20px 0 25px 50px; padding: 10px 0 10px 30px; }

@media screen and (max-width: 676px) { blockquote { font-size: 16px; margin: 20px 0 25px 25px; padding: 10px 0 10px 20px; } }

@media screen and (max-width: 481px) { blockquote { margin: 15px 0; } }

blockquote h4 { font-size: 24px !important; }

@media screen and (max-width: 676px) { blockquote h4 { font-size: 20px !important; } }

iframe, .lazy-load-div, .container-lazyload, .container-lazyload a { max-width: 100% !important; padding-bottom: 20px; width: 100% !important; }

.body-wrap { background-color: #f5f7f7; }

#data-table { scroll-margin-top: 240px; }

/* ==========================================
IMAGES
========================================== */
img { max-width: 100%; }

img.aligncenter { float: none; margin: 0 auto; display: block; }

.not-found { width: 100%; max-width: 600px; height: auto; }

.size-large, .size-full, .size-medium { max-width: 100%; height: auto; }

.wp-caption-text { font-size: 14px; font-style: italic; margin-bottom: 15px; padding-left: 15px; padding-bottom: 15px; }

/* ==========================================
ALL PAGES
========================================== */
#page.home-page { padding-top: 172px; }

@media screen and (max-width: 1500px) { #page.home-page { padding-top: 165px; } }

@media screen and (max-width: 1450px) { #page.home-page { padding-top: 198px; } }

@media screen and (max-width: 1075px) { #page.home-page { padding-top: 144px; } }

@media screen and (max-width: 674px) { #page.home-page { padding-top: 134px; } }

@media screen and (max-width: 550px) { #page.home-page { padding-top: 128px; } }

#page { padding-top: 188px; }

@media screen and (max-width: 1450px) { #page { padding-top: 200px; } }

@media screen and (max-width: 1075px) { #page { padding-top: 145px; } }

@media screen and (max-width: 550px) { #page { padding-top: 133px; } }

.inner-container { margin: 0 auto; width: 1200px; }

@media screen and (max-width: 1225px) { .inner-container { padding-left: 20px; padding-right: 20px; width: 100%; } }

.thin-width { margin: 0 auto; width: 1050px; }

@media screen and (max-width: 1100px) { .thin-width { padding-left: 20px; padding-right: 20px; width: 100%; } }

.google-maps iframe { min-height: 600px; width: 100%; }

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title { font-family: "Lato", sans-serif !important; font-size: 18px !important; }

section.sub-hero-wrap { background-position: center center; background-size: cover; color: #ffffff; padding: 0; position: relative; }

section.sub-hero-wrap .trans-bg { background-color: rgba(21, 21, 21, 0.35); padding: 125px 0; }

@media screen and (max-width: 1225px) { section.sub-hero-wrap .trans-bg { padding: 80px 0; } }

@media screen and (max-width: 769px) { section.sub-hero-wrap .trans-bg { padding: 60px 0; } }

@media screen and (max-width: 676px) { section.sub-hero-wrap .trans-bg { padding: 40px 0; } }

@media screen and (max-width: 550px) { section.sub-hero-wrap .trans-bg { padding: 30px 0; } }

section.sub-hero-wrap .inner-container .content h1 { font-family: "Jost", sans-serif; font-size: 50px; font-weight: 600; text-transform: uppercase; }

@media screen and (max-width: 1225px) { section.sub-hero-wrap .inner-container .content h1 { font-size: 40px; } }

@media screen and (max-width: 769px) { section.sub-hero-wrap .inner-container .content h1 { font-size: 36px; } }

@media screen and (max-width: 676px) { section.sub-hero-wrap .inner-container .content h1 { font-size: 28px; } }

@media screen and (max-width: 550px) { section.sub-hero-wrap .inner-container .content h1 { font-size: 24px; } }

section.sub-hero-wrap .inner-container .content h2 { font-size: 36px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 769px) { section.sub-hero-wrap .inner-container .content h2 { font-size: 30px; } }

@media screen and (max-width: 676px) { section.sub-hero-wrap .inner-container .content h2 { font-size: 24px; } }

@media screen and (max-width: 481px) { section.sub-hero-wrap .inner-container .content h2 { font-size: 18px; } }

section.breadcrumbs-wrap { padding: 50px 0 25px; }

@media screen and (max-width: 769px) { section.breadcrumbs-wrap { padding: 35px 0 20px; } }

section.breadcrumbs-wrap .breadcrumbs { color: #767676; font-family: "Jost", sans-serif; font-size: 14px; text-transform: uppercase; }

@media screen and (max-width: 550px) { section.breadcrumbs-wrap .breadcrumbs { font-size: 12px; } }

section.breadcrumbs-wrap .breadcrumbs a { color: #A82C97; text-decoration: none; }

section.breadcrumbs-wrap .breadcrumbs a:hover { color: #344ea2; text-decoration: underline; }

section.breadcrumbs-wrap .breadcrumbs .current-item { color: #767676; }

section.multiple-text-block-wrap .inner-container { align-items: stretch; display: flex; flex-wrap: wrap; }

section.multiple-text-block-wrap .inner-container .block-single { background-color: #ffffff; border: 1px solid #e8e8e8; padding: 25px; }

section.multiple-text-block-wrap .inner-container .block-single h2 { font-size: 26px; }

@media screen and (max-width: 769px) { section.multiple-text-block-wrap .inner-container .block-single h2 { font-size: 24px; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container .block-single h2 { font-size: 20px; } }

section.multiple-text-block-wrap .inner-container .block-single h3 { font-size: 22px; }

@media screen and (max-width: 769px) { section.multiple-text-block-wrap .inner-container .block-single h3 { font-size: 20px; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container .block-single h3 { font-size: 18px; } }

section.multiple-text-block-wrap .inner-container .block-single .button-wrap { padding-top: 15px; }

section.multiple-text-block-wrap .inner-container.no-background .block-single { background-color: transparent; border: none; padding: 0; }

section.multiple-text-block-wrap .inner-container.intro { background-color: #ffffff; display: block; margin-bottom: -1px; padding: 25px; position: relative; }

@media screen and (max-width: 1225px) { section.multiple-text-block-wrap .inner-container.intro { padding-left: 20px; padding-right: 20px; } }

section.multiple-text-block-wrap .inner-container.intro.no-background { background-color: transparent; border: none; padding: 0 0 35px; }

@media screen and (max-width: 1225px) { section.multiple-text-block-wrap .inner-container.intro.no-background { padding-left: 20px; padding-right: 20px; } }

section.multiple-text-block-wrap .inner-container.two-blocks { margin-bottom: -25px; max-width: 1238px; width: 100%; }

@media screen and (max-width: 767px) { section.multiple-text-block-wrap .inner-container.two-blocks { margin-bottom: 0; } }

section.multiple-text-block-wrap .inner-container.two-blocks .block-single { margin: 0 1.5% 30px; width: 47%; }

@media screen and (max-width: 767px) { section.multiple-text-block-wrap .inner-container.two-blocks .block-single { margin: 0; padding-bottom: 20px; width: 100%; } }

section.multiple-text-block-wrap .inner-container.three-blocks { margin-bottom: -25px; max-width: 1238px; width: 100%; }

@media screen and (max-width: 1250px) { section.multiple-text-block-wrap .inner-container.three-blocks { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container.three-blocks { margin-bottom: 0; } }

section.multiple-text-block-wrap .inner-container.three-blocks .block-single { margin: 0 1.5% 35px; width: 30.33%; }

@media screen and (max-width: 1025px) { section.multiple-text-block-wrap .inner-container.three-blocks .block-single { padding-bottom: 20px; width: 47%; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container.three-blocks .block-single { padding: 0; width: 100%; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container.white-background-border .block-single { margin-bottom: 25px; padding: 20px; text-align: center; }
  section.multiple-text-block-wrap .inner-container.white-background-border .block-single:last-child { margin: 0; } }

section.multiple-text-block-wrap .inner-container.four-blocks .block-single { width: 25%; }

@media screen and (max-width: 1025px) { section.multiple-text-block-wrap .inner-container.four-blocks .block-single { padding-bottom: 20px; width: 50%; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container.four-blocks .block-single { text-align: center; width: 100%; } }

section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content { margin-bottom: -30px; max-width: 1230px; width: 100%; }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content { margin-bottom: 0; } }

section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content .block-single { padding: 0 15px 30px; width: 25%; }

@media screen and (max-width: 1025px) { section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content .block-single { padding-bottom: 30px; width: 50%; } }

@media screen and (max-width: 676px) { section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content .block-single { width: 100%; }
  section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content .block-single:last-child { margin-bottom: 0; } }

section.multiple-text-block-wrap .inner-container.four-blocks.no-background.the-content .block-single h3 { font-size: 20px; }

section.text-image-block-wrap .inner-container { align-items: center; display: flex; }

@media screen and (max-width: 800px) { section.text-image-block-wrap .inner-container { display: block; } }

section.text-image-block-wrap .inner-container .image-block { text-align: center; width: 45%; }

@media screen and (max-width: 800px) { section.text-image-block-wrap .inner-container .image-block { padding-bottom: 20px; width: 100%; } }

section.text-image-block-wrap .inner-container .image-block img { width: 100%; }

@media screen and (max-width: 800px) { section.text-image-block-wrap .inner-container .image-block img { max-width: 350px; } }

@media screen and (max-width: 767px) { section.text-image-block-wrap .inner-container .image-block img { max-width: 300px; } }

@media screen and (max-width: 550px) { section.text-image-block-wrap .inner-container .image-block img { max-width: 275px; } }

section.text-image-block-wrap .inner-container .the-content { width: 55%; }

@media screen and (max-width: 800px) { section.text-image-block-wrap .inner-container .the-content { width: 100%; } }

@media screen and (max-width: 767px) { section.text-image-block-wrap .inner-container .the-content { text-align: center; } }

section.text-image-block-wrap .inner-container .the-content .button-wrap { padding-top: 15px; }

section.text-image-block-wrap .inner-container.sub-page { background-color: #ffffff; border: 1px solid #e8e8e8; padding: 25px; }

section.text-image-block-wrap .inner-container.right-image .image-block { order: 2; padding-left: 50px; }

@media screen and (max-width: 800px) { section.text-image-block-wrap .inner-container.right-image .image-block { padding-left: 0; } }

section.text-image-block-wrap .inner-container.right-image .the-content { order: 1; }

section.text-image-block-wrap .inner-container.left-image .image-block { order: 1; padding-right: 50px; }

@media screen and (max-width: 800px) { section.text-image-block-wrap .inner-container.left-image .image-block { padding-right: 0; } }

section.text-image-block-wrap .inner-container.left-image .the-content { order: 2; }

section.text-block-sidebar-wrap .inner-container { display: flex; }

@media screen and (max-width: 850px) { section.text-block-sidebar-wrap .inner-container { display: block; } }

section.text-block-sidebar-wrap .inner-container .text-block { background-color: #ffffff; border: 1px solid #e8e8e8; margin-right: 45px; padding: 25px; flex-grow: 1; }

@media screen and (max-width: 850px) { section.text-block-sidebar-wrap .inner-container .text-block { margin-bottom: 35px; margin-right: 0; padding: 20px; } }

section.text-block-sidebar-wrap .inner-container .sidebar-wrap { flex: 0 0 300px; }

@media screen and (max-width: 1025px) { section.text-block-sidebar-wrap .inner-container .sidebar-wrap { flex: 0 0 300px; } }

/*.multiple-text-block-wrap .table-wrap {
  overflow-x:visible;
  table {

  }
}*/
.table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */ }

.tablepress { margin-top: 20px !important; width: 100%; border-collapse: collapse; }

@media screen and (max-width: 767px) { .tablepress { max-width: 767px; width: 100%; } }

.tablepress a { text-decoration: underline; }

.tablepress thead tr th { background-color: #A82C97; border-right: 1px solid #A82C97; color: #ffffff; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; max-width: 230px; padding: 10px; text-align: center; text-transform: uppercase; }

@media screen and (max-width: 767px) { .tablepress thead tr th { font-size: 14px; } }

.tablepress thead tr th:last-child { border: none; }

.tablepress tbody { border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #4a4949 !important; }

.tablepress tbody tr td { color: #4a4949 !important; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 400; padding: 15px; text-align: center; text-transform: uppercase; }

.tablepress.left-table thead tr th { text-align: left; }

.tablepress.left-table tbody tr td { text-align: left; }

.gallery .gallery-item { margin: 0 !important; padding: 10px 15px; }

@media screen and (max-width: 769px) { .gallery .gallery-item { width: 50% !important; } }

@media screen and (max-width: 550px) { .gallery .gallery-item { padding: 5px; } }

.gallery .gallery-item img { border: 1px solid #e8e8e8 !important; height: auto; width: 100%; }

/* ==========================================
FRONT PAGE
========================================== */
.home-flex-content { background-color: #f5f7f7; }

.home-flex-content section.padding-above { padding: 75px 0 0 0; }

@media screen and (max-width: 900px) { .home-flex-content section.padding-above { padding: 30px 0 0 0; } }

.home-flex-content section.padding-below { padding: 0 0 75px 0; }

@media screen and (max-width: 900px) { .home-flex-content section.padding-below { padding: 0 0 30px 0; } }

.home-flex-content section.padding-both { padding: 75px 0; }

@media screen and (max-width: 900px) { .home-flex-content section.padding-both { padding: 30px 0; } }

.home-flex-content section.padding-none { padding: 0; }

.home-flex-content section.home-video-hero-wrap .trans-bg { background-color: rgba(21, 21, 21, 0.5); position: relative; }

.home-flex-content section.home-video-hero-wrap .trans-bg .video-container { position: relative; width: 100%; height: 80vh; /* Full height of the screen */ overflow: hidden; }

@media screen and (max-width: 769px) { .home-flex-content section.home-video-hero-wrap .trans-bg .video-container { height: 50vh; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-video-hero-wrap .trans-bg .video-container { height: 40vh; } }

@media screen and (max-width: 550px) { .home-flex-content section.home-video-hero-wrap .trans-bg .video-container { height: 25vh; } }

.home-flex-content section.home-video-hero-wrap .trans-bg .video-container video { width: 100%; height: 100%; object-fit: cover; display: block; }

.home-flex-content section.home-video-hero-wrap .trans-bg .hero-content { background-color: rgba(21, 21, 21, 0.5); position: absolute; bottom: 0; top: 0; text-align: right; width: 100%; }

.home-flex-content section.home-video-hero-wrap .trans-bg .hero-content .inner-container { display: flex; height: 100%; flex-direction: column; justify-content: flex-end; margin: 0 0 0 auto !important; max-width: 950px; padding-bottom: 75px; padding-right: 75px; text-align: right; }

@media screen and (max-width: 1350px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content .inner-container { margin: 0 auto !important; padding: 0 0 75px; text-align: center; } }

@media screen and (max-width: 769px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content .inner-container { padding: 0 0 50px; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content .inner-container { padding: 0 0 35px; } }

@media screen and (max-width: 550px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content .inner-container { padding: 0 0 25px; } }

.home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h1, .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h2 { color: #ffffff; font-family: "Jost", sans-serif; font-size: 60px; font-weight: 600; line-height: 1.2; padding-bottom: 0px; text-transform: uppercase; }

@media screen and (max-width: 1350px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h1, .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h2 { font-size: 50px; } }

@media screen and (max-width: 1025px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h1, .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h2 { font-size: 40px; } }

@media screen and (max-width: 769px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h1, .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h2 { font-size: 33px; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h1, .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h2 { font-size: 28px; } }

@media screen and (max-width: 481px) { .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h1, .home-flex-content section.home-video-hero-wrap .trans-bg .hero-content h2 { font-size: 24px; } }

.home-flex-content section.home-hero-wrap { background-position: center center; background-size: cover; color: #ffffff; padding: 0; position: relative; }

.home-flex-content section.home-hero-wrap .trans-bg { background-color: rgba(21, 21, 21, 0.5); height: 80vh; }

@media screen and (max-width: 1350px) { .home-flex-content section.home-hero-wrap .trans-bg { height: auto; padding: 300px 0 50px; } }

@media screen and (max-width: 1025px) { .home-flex-content section.home-hero-wrap .trans-bg { padding: 250px 0 50px; } }

@media screen and (max-width: 769px) { .home-flex-content section.home-hero-wrap .trans-bg { padding: 150px 0 25px; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-hero-wrap .trans-bg { padding: 100px 0 25px; } }

@media screen and (max-width: 550px) { .home-flex-content section.home-hero-wrap .trans-bg { padding: 75px 0 20px; } }

.home-flex-content section.home-hero-wrap .inner-container { height: 100%; }

.home-flex-content section.home-hero-wrap .inner-container .content { display: flex; height: 100%; flex-direction: column; justify-content: flex-end; margin: auto auto 0; max-width: 875px; padding-bottom: 75px; text-align: center; }

@media screen and (max-width: 1350px) { .home-flex-content section.home-hero-wrap .inner-container .content { padding: 0; } }

.home-flex-content section.home-hero-wrap .inner-container .content h1, .home-flex-content section.home-hero-wrap .inner-container .content h2 { font-family: "Jost", sans-serif; font-size: 60px; font-weight: 600; line-height: 1.2; padding-bottom: 0px; text-transform: uppercase; }

@media screen and (max-width: 1400px) { .home-flex-content section.home-hero-wrap .inner-container .content h1, .home-flex-content section.home-hero-wrap .inner-container .content h2 { font-size: 40px; } }

@media screen and (max-width: 769px) { .home-flex-content section.home-hero-wrap .inner-container .content h1, .home-flex-content section.home-hero-wrap .inner-container .content h2 { font-size: 33px; } }

@media screen and (max-width: 676px) { .home-flex-content section.home-hero-wrap .inner-container .content h1, .home-flex-content section.home-hero-wrap .inner-container .content h2 { font-size: 28px; } }

@media screen and (max-width: 481px) { .home-flex-content section.home-hero-wrap .inner-container .content h1, .home-flex-content section.home-hero-wrap .inner-container .content h2 { font-size: 24px; } }

.home-flex-content section.text-images-block-wrap .inner-container { display: flex; flex-wrap: wrap; justify-content: center; width: 1400px; }

@media screen and (max-width: 1425px) { .home-flex-content section.text-images-block-wrap .inner-container { padding: 0 20px; width: 100%; } }

@media screen and (max-width: 1075px) { .home-flex-content section.text-images-block-wrap .inner-container { margin-bottom: -20px; } }

.home-flex-content section.text-images-block-wrap .inner-container .block-single { padding: 0 10px; text-align: center; width: 16.66%; }

@media screen and (max-width: 1075px) { .home-flex-content section.text-images-block-wrap .inner-container .block-single { padding-bottom: 20px; width: 25%; } }

@media screen and (max-width: 767px) { .home-flex-content section.text-images-block-wrap .inner-container .block-single { width: 33.33%; } }

@media screen and (max-width: 550px) { .home-flex-content section.text-images-block-wrap .inner-container .block-single { width: 50%; } }

.home-flex-content section.text-images-block-wrap .inner-container .block-single .image-block { padding-bottom: 15px; width: 100%; }

.home-flex-content section.text-images-block-wrap .inner-container .block-single .image-block img { border: 1px solid #e8e8e8; display: block; }

.home-flex-content section.text-images-block-wrap .inner-container .block-single .content { font-family: "Jost", sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; }

@media screen and (max-width: 767px) { .home-flex-content section.text-images-block-wrap .inner-container .block-single .content { font-size: 16px; } }

.home-flex-content section.cta-text-block-wrap .content-container { background: #32359B; background: linear-gradient(90deg, #32359b 0%, #007edc 25%, #32359b 50%, #007edc 75%, #32359b 100%); color: #ffffff; padding: 35px 0; }

@media screen and (max-width: 1025px) { .home-flex-content section.cta-text-block-wrap .content-container { padding: 20px 0; } }

.home-flex-content section.cta-text-block-wrap .content-container p { font-family: "Jost", sans-serif; font-size: 24px; font-weight: 600; text-transform: uppercase; }

@media screen and (max-width: 1025px) { .home-flex-content section.cta-text-block-wrap .content-container p { padding-bottom: 5px; font-size: 20px; }
  .home-flex-content section.cta-text-block-wrap .content-container p:last-child { padding: 0; } }

@media screen and (max-width: 767px) { .home-flex-content section.cta-text-block-wrap .content-container p { font-size: 18px; } }

@media screen and (max-width: 676px) { .home-flex-content section.cta-text-block-wrap .content-container p { font-size: 15px; } }

.home-flex-content section.cta-text-block-wrap .content-container a { color: #ffffff; }

.home-flex-content section.cta-text-block-wrap .content-container a:hover { color: #ededed; }

.home-flex-content section.latest-news-wrap .inner-container h2 { font-size: 36px; padding-bottom: 20px; text-align: center; }

@media screen and (max-width: 769px) { .home-flex-content section.latest-news-wrap .inner-container h2 { font-size: 30px; } }

@media screen and (max-width: 676px) { .home-flex-content section.latest-news-wrap .inner-container h2 { font-size: 24px; } }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap { display: flex; }

@media screen and (max-width: 600px) { .home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap { display: block; } }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single { width: 50%; }

@media screen and (max-width: 600px) { .home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single { width: 100%; } }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single:first-child { padding-right: 30px; }

@media screen and (max-width: 600px) { .home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single:first-child { padding: 0 0 20px 0; } }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single:last-child { padding-left: 30px; }

@media screen and (max-width: 600px) { .home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single:last-child { padding: 0; } }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single .title { font-family: "Jost", sans-serif; font-size: 22px; font-weight: 600; }

@media screen and (max-width: 600px) { .home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single .title { font-size: 18px; } }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single .post-date { font-style: italic; padding-bottom: 10px; }

.home-flex-content section.latest-news-wrap .inner-container .news-posts-wrap .post-single .image-block { padding: 0 0 20px; }

.home-flex-content section.latest-news-wrap .inner-container .button-wrap { padding: 65px 0 25px; text-align: center; }

@media screen and (max-width: 676px) { .home-flex-content section.latest-news-wrap .inner-container .button-wrap { padding: 30px 0; } }

/* ==========================================
SUB PAGE
========================================== */
.sub-flex-content { background-color: #f5f7f7; }

.sub-flex-content section.padding-above { padding: 50px 0 0 0; }

@media screen and (max-width: 900px) { .sub-flex-content section.padding-above { padding: 30px 0 0 0; } }

.sub-flex-content section.padding-below { padding: 0 0 50px 0; }

@media screen and (max-width: 900px) { .sub-flex-content section.padding-below { padding: 0 0 30px 0; } }

.sub-flex-content section.padding-both { padding: 50px 0; }

@media screen and (max-width: 900px) { .sub-flex-content section.padding-both { padding: 30px 0; } }

.sub-flex-content section.padding-none { padding: 0; }

.sub-flex-content section.sub-hero-wrap { padding: 0; }

@media screen and (max-width: 1225px) { .sub-flex-content section.text-block-wrap { padding-left: 20px; padding-right: 20px; } }

.sub-flex-content section.text-block-wrap .inner-container { background-color: #ffffff; border: 1px solid #e8e8e8; padding: 25px; }

@media screen and (max-width: 850px) { .sub-flex-content section.text-block-wrap .inner-container { padding: 20px; } }

.sub-flex-content section.products-list-wrap, .sub-flex-content section.resource-list-wrap { margin-bottom: -40px; }

@media screen and (max-width: 676px) { .sub-flex-content section.products-list-wrap, .sub-flex-content section.resource-list-wrap { margin-bottom: 0; } }

.sub-flex-content section.products-list-wrap .inner-container, .sub-flex-content section.resource-list-wrap .inner-container { max-width: 1230px; width: 100%; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap { padding-bottom: 35px; text-align: center; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap .title, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap .title { color: #A82C97; font-family: "Jost", sans-serif; font-size: 26px; font-weight: 600; padding-bottom: 15px; text-transform: uppercase; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav { padding: 0; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li { display: inline-block; font-size: 17px; list-style-type: none; padding-right: 10px; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li:after, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li:after { content: "|"; display: inline-block; margin-left: 12px; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li:last-child, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li:last-child { padding: 0; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li:last-child:after, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li:last-child:after { content: "|"; display: none; margin-left: 0; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li a, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li a { color: #767676; text-decoration: none; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li a:hover, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li a:hover { color: #A82C97; }

.sub-flex-content section.products-list-wrap .inner-container .menu-wrap nav ul.resources-nav li.current-menu-item > a, .sub-flex-content section.resource-list-wrap .inner-container .menu-wrap nav ul.resources-nav li.current-menu-item > a { color: #A82C97; font-weight: 600; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap { display: flex; flex-wrap: wrap; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single { padding: 0 15px 50px; width: 33.33%; }

@media screen and (max-width: 767px) { .sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single { width: 50%; } }

@media screen and (max-width: 674px) { .sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single { padding: 0 0 35px; text-align: center; width: 100%; } }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single .image, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single .image, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single .image, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single .image { padding-bottom: 20px; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single .image img, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single .image img, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single .image img, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single .image img { border: 1px solid #e8e8e8; height: auto; width: 100%; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single .title-description.the-content h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single .title-description.the-content h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single .title-description.the-content h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single .title-description.the-content h4 { color: #A82C97; font-family: "Jost", sans-serif; font-size: 20px; text-transform: uppercase; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .block-single .title-description.the-content .button-wrap, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .block-single .title-description.the-content .button-wrap, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .block-single .title-description.the-content .button-wrap, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .block-single .title-description.the-content .button-wrap { padding-top: 20px; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title { color: #ffffff; margin-bottom: 15px; padding: 15px; text-align: center; display: flex; flex-direction: column; /* Optional: for vertical stacking */ justify-content: center; /* Vertical centering */ align-items: center; /* Horizontal centering (optional) */ min-height: 140px; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h1, .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h2, .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h3, .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h5, .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h6, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h1, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h2, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h3, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h5, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h6, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h1, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h2, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h3, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h5, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h6, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h1, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h2, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h3, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h5, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h6 { color: #ffffff !important; padding: 0; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h4 { font-size: 20px; }

@media screen and (max-width: 769px) { .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h4 { font-size: 18px; } }

@media screen and (max-width: 676px) { .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title h4 { font-size: 17px; } }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title a, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title a, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title a, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title a { color: #ffffff; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.resource-title .category-name, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.resource-title .category-name, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.resource-title .category-name, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.resource-title .category-name { font-family: "Jost", sans-serif; font-size: 14px; font-weight: 600; padding-bottom: 10px; text-transform: uppercase; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.tools, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.tools, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.tools, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.tools { background-color: #DDABD6; color: #525252; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.tools h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.tools h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.tools h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.tools h4 { color: #525252 !important; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.case-studies, .sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.project-library, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.case-studies, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.project-library, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.case-studies, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.project-library, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.case-studies, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.project-library { background-color: #344ea2; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.diagrams, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.diagrams, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.diagrams, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.diagrams { background-color: #A82C97; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.faqs, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.faqs, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.faqs, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.faqs { background-color: #9CBAD5; color: #525252; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.faqs h4, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.faqs h4, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.faqs h4, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.faqs h4 { color: #525252 !important; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.instructions, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.instructions, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.instructions, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.instructions { background-color: #151515; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .title.technical-notes, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .title.technical-notes, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .title.technical-notes, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .title.technical-notes { background-color: #525252; }

.sub-flex-content section.products-list-wrap .inner-container .products-wrap .description-resource, .sub-flex-content section.products-list-wrap .inner-container .resource-wrap .description-resource, .sub-flex-content section.resource-list-wrap .inner-container .products-wrap .description-resource, .sub-flex-content section.resource-list-wrap .inner-container .resource-wrap .description-resource { text-align: center; }

.sub-flex-content section.post-category-wrap .inner-container .post-single { border-bottom: 1px solid #a9d2a4; margin-bottom: 20px; padding-bottom: 20px; }

.sub-flex-content section.post-category-wrap .inner-container .post-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.sub-flex-content section.post-category-wrap .inner-container .post-single .text-block .title { font-family: "Jost", sans-serif; font-size: 22px; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; }

.sub-flex-content section.post-category-wrap .inner-container .post-single .text-block .post-date { font-size: 14px; font-style: italic; padding-bottom: 10px; }

.sub-flex-content section.post-category-wrap .inner-container .post-single .text-block .post-link { padding: 35px 0 20px; }

/* ==========================================
SIDEBAR
========================================== */
.sidebar-flex-content aside { background-color: #ffffff; border: 1px solid #e8e8e8; margin-bottom: 45px; padding: 20px; }

.sidebar-flex-content aside:last-child { margin-bottom: 0; }

@media screen and (max-width: 850px) { .sidebar-flex-content aside { margin-bottom: 35px; } }

.sidebar-flex-content aside.the-content h1, .sidebar-flex-content aside.the-content h2, .sidebar-flex-content aside.the-content h3, .sidebar-flex-content aside.the-content h4, .sidebar-flex-content aside.the-content h5, .sidebar-flex-content aside.the-content h6 { font-family: "Jost", sans-serif; font-weight: 600; text-transform: uppercase; }

.sidebar-flex-content aside.the-content h2 { font-size: 36px; }

@media screen and (max-width: 769px) { .sidebar-flex-content aside.the-content h2 { font-size: 30px; } }

@media screen and (max-width: 676px) { .sidebar-flex-content aside.the-content h2 { font-size: 24px; } }

@media screen and (max-width: 481px) { .sidebar-flex-content aside.the-content h2 { font-size: 20px; } }

.sidebar-flex-content aside.the-content h3 { font-size: 30px; }

@media screen and (max-width: 769px) { .sidebar-flex-content aside.the-content h3 { font-size: 24px; } }

@media screen and (max-width: 676px) { .sidebar-flex-content aside.the-content h3 { font-size: 20px; } }

@media screen and (max-width: 481px) { .sidebar-flex-content aside.the-content h3 { font-size: 18px; } }

.sidebar-flex-content aside.the-content h4 { color: #A82C97; font-size: 20px; }

@media screen and (max-width: 676px) { .sidebar-flex-content aside.the-content h4 { font-size: 18px; } }

@media screen and (max-width: 481px) { .sidebar-flex-content aside.the-content h4 { font-size: 16px; } }

.sidebar-flex-content aside.the-content ul, .sidebar-flex-content aside.the-content ol { padding-left: 15px; }

@media screen and (max-width: 850px) { .sidebar-flex-content aside.text-block-wrap.the-content { text-align: center; } }

.sidebar-flex-content aside.text-block-wrap.the-content p { font-size: 15px; }

.sidebar-flex-content aside.menu-wrap nav ul.sidebar-nav { /*font-family: $headlinefont;*/ list-style-type: none; padding: 0; text-transform: uppercase; }

.sidebar-flex-content aside.menu-wrap nav ul.sidebar-nav li a { border-bottom: none; }

.sidebar-flex-content aside.menu-wrap nav ul.sidebar-nav li.current-menu-item a { color: #151515; font-weight: 600; }

/* ==========================================
BLOG
========================================== */
.blog-posts-wrap { background-color: #f5f7f7; }

.blog-posts-wrap .inner-container { max-width: 1230px; width: 100%; }

.blog-posts-wrap .inner-container .posts-wrap { display: flex; flex-wrap: wrap; }

.blog-posts-wrap .inner-container .posts-wrap .latest-post { padding-left: 15px; padding-right: 15px; }

@media screen and (max-width: 1225px) { .blog-posts-wrap .inner-container .posts-wrap .latest-post { padding-left: 0; padding-right: 0; } }

.blog-posts-wrap .inner-container .posts-wrap .latest-post article { align-items: center; background-color: #ffffff; border: 1px solid #e8e8e8; display: flex; margin-bottom: 50px; padding: 30px; }

@media screen and (max-width: 767px) { .blog-posts-wrap .inner-container .posts-wrap .latest-post article { display: block; margin-bottom: 35px; } }

@media screen and (max-width: 676px) { .blog-posts-wrap .inner-container .posts-wrap .latest-post article { padding: 20px; } }

.blog-posts-wrap .inner-container .posts-wrap .latest-post article .text-content, .blog-posts-wrap .inner-container .posts-wrap .latest-post article .image-block { width: 50%; }

@media screen and (max-width: 767px) { .blog-posts-wrap .inner-container .posts-wrap .latest-post article .text-content, .blog-posts-wrap .inner-container .posts-wrap .latest-post article .image-block { width: 100%; } }

.blog-posts-wrap .inner-container .posts-wrap .latest-post article .text-content { order: 1; }

.blog-posts-wrap .inner-container .posts-wrap .latest-post article .text-content .button-wrap { padding-top: 20px; }

.blog-posts-wrap .inner-container .posts-wrap .latest-post article .image-block { order: 2; padding-left: 50px; }

@media screen and (max-width: 767px) { .blog-posts-wrap .inner-container .posts-wrap .latest-post article .image-block { padding: 0 0 20px; } }

.blog-posts-wrap .inner-container .posts-wrap .latest-post article .image-block img { height: auto; width: 100%; }

.blog-posts-wrap .inner-container .posts-wrap .post-single { padding: 0 15px 30px; width: 33.33%; }

@media screen and (max-width: 676px) { .blog-posts-wrap .inner-container .posts-wrap .post-single { padding: 0 0 35px; width: 100%; }
  .blog-posts-wrap .inner-container .posts-wrap .post-single:last-child { padding: 0; } }

.blog-posts-wrap .inner-container .posts-wrap .post-single .image-block { padding-bottom: 20px; }

.blog-posts-wrap .inner-container .posts-wrap .post-single .image-block img { display: block; height: auto; width: 100%; }

.blog-posts-wrap .inner-container .posts-wrap .post-single .text-block .title { font-family: "Jost", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.2; padding-bottom: 20px; text-transform: uppercase; }

.blog-posts-wrap .inner-container .posts-wrap .post-single .text-block .excerpt { padding-bottom: 20px; }

.blog-posts-wrap .inner-container .posts-wrap .post-single .text-block .post-link { font-weight: 600; }

.blog-posts-wrap .inner-container .posts-wrap .post-single .text-block .post-link a { text-decoration: underline; }

.single-blog-wrap { padding-bottom: 50px; }

.single-blog-wrap .inner-container { align-items: flex-start; display: flex; }

@media screen and (max-width: 850px) { .single-blog-wrap .inner-container { display: block; } }

.single-blog-wrap .inner-container .post-wrap { background-color: #ffffff; border: 1px solid #e8e8e8; padding: 30px; }

@media screen and (max-width: 850px) { .single-blog-wrap .inner-container .post-wrap { margin-bottom: 35px; } }

@media screen and (max-width: 676px) { .single-blog-wrap .inner-container .post-wrap { padding: 20px; } }

.single-blog-wrap .inner-container .post-wrap .title { padding-bottom: 20px; }

.single-blog-wrap .inner-container .sidebar { flex: 0 0 350px; padding-left: 45px; }

@media screen and (max-width: 850px) { .single-blog-wrap .inner-container .sidebar { padding: 0; } }

.single-blog-wrap .inner-container .sidebar aside { background-color: #ffffff; border: 1px solid #e8e8e8; margin-bottom: 45px; padding: 25px; }

@media screen and (max-width: 850px) { .single-blog-wrap .inner-container .sidebar aside { margin-bottom: 35px; } }

@media screen and (max-width: 676px) { .single-blog-wrap .inner-container .sidebar aside { padding: 20px; } }

.single-blog-wrap .inner-container .sidebar aside:last-child { margin: 0; }

.single-blog-wrap .inner-container .sidebar aside .sidebar-title { color: #A82C97; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 600; padding-bottom: 10px; text-transform: uppercase; }

.single-blog-wrap .inner-container .sidebar .recent-posts .post-single { border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; padding-bottom: 15px; }

.single-blog-wrap .inner-container .sidebar .recent-posts .post-single:last-child { border: none; margin: 0; padding: 0; }

.single-blog-wrap .inner-container .sidebar .post-categories ul.archive li { border-bottom: 1px solid #e8e8e8; list-style-type: none; margin-bottom: 10px; padding-bottom: 10px; text-transform: capitalize; }

.single-blog-wrap .inner-container .sidebar .post-categories ul.archive li:last-child { border: none; margin: 0; padding: 0; }

.blogwrap { padding: 50px 0; }

@media screen and (max-width: 769px) { .blogwrap { padding: 30px 0; } }

.blogwrap .blog-sidebar { display: flex; }

@media screen and (max-width: 767px) { .blogwrap .blog-sidebar { display: block; } }

.blogwrap .blog-sidebar .posts-wrap { padding-right: 50px; width: 70%; }

@media screen and (max-width: 767px) { .blogwrap .blog-sidebar .posts-wrap { padding-right: 0; padding-bottom: 25px; width: 100%; } }

.blogwrap .blog-sidebar .posts-wrap .post-single { border-bottom: 1px solid #ededed; margin-bottom: 40px; padding-bottom: 40px; }

@media screen and (max-width: 769px) { .blogwrap .blog-sidebar .posts-wrap .post-single { padding-bottom: 30px; } }

@media screen and (max-width: 676px) { .blogwrap .blog-sidebar .posts-wrap .post-single { padding-bottom: 20px; } }

@media screen and (max-width: 481px) { .blogwrap .blog-sidebar .posts-wrap .post-single { margin-bottom: 30px; padding-bottom: 10px; } }

.blogwrap .blog-sidebar .posts-wrap .post-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.blogwrap .blog-sidebar .posts-wrap .post-single .image-block { padding-bottom: 10px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .image-block img { max-width: 100%; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title { font-size: 30px; font-weight: 600; }

@media screen and (max-width: 769px) { .blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title { font-size: 24px; } }

@media screen and (max-width: 676px) { .blogwrap .blog-sidebar .posts-wrap .post-single .text-block .title { font-size: 20px; } }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .post-date { color: #4a4949; font-size: 13px; font-style: italic; padding-bottom: 20px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .post-link { padding: 40px 0 20px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .container-lazyload { padding-bottom: 20px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .social-share { padding-bottom: 25px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .social-share ul.social-links { list-style-type: none; }

.blogwrap .blog-sidebar .posts-wrap .post-single .text-block .social-share ul.social-links li { display: inline-block; padding-right: 5px; }

.blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item { margin: 0 !important; padding: 5px 10px; }

@media screen and (max-width: 769px) { .blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item { width: 33.33% !important; } }

@media screen and (max-width: 481px) { .blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item { padding: 5px; width: 50% !important; } }

.blogwrap .blog-sidebar .posts-wrap .post-single .gallery .gallery-item img { border: none !important; height: auto; width: 100%; }

.blogwrap .blog-sidebar .sidebar { width: 30%; }

@media screen and (max-width: 767px) { .blogwrap .blog-sidebar .sidebar { width: 100%; } }

.blogwrap .blog-sidebar .sidebar aside { background-color: #f5f7f7; margin-bottom: 30px; padding: 25px; }

.blogwrap .blog-sidebar .sidebar aside:last-child { margin-bottom: 0; }

.blogwrap .blog-sidebar .sidebar aside .sidebar-title { /*font-family: $headlinefont;*/ font-size: 20px; font-weight: 600; padding-bottom: 15px; }

.blogwrap .blog-sidebar .sidebar aside .post-single { padding-bottom: 10px; }

.blogwrap .blog-sidebar .sidebar aside .post-single:last-child { padding-bottom: 0; }

.blogwrap .blog-sidebar .sidebar aside .post-single .date { color: #4a4949; font-size: 13px; font-style: italic; padding-top: 5px; }

.blogwrap .blog-sidebar .sidebar aside ul.archive { list-style: none; }

.blogwrap .blog-sidebar .sidebar aside ul.archive li { padding-bottom: 10px; }

.blogwrap .blog-sidebar .sidebar aside ul.archive li:last-child { padding-bottom: 0; }

.blogwrap .blog-sidebar .sidebar aside ul.archive li ul { list-style-type: none; padding: 10px 0 0 10px; }

.pagination { padding: 30px 20px 50px; text-align: center; width: 100%; }

@media screen and (max-width: 767px) { .pagination { padding: 20px 20px 35px; } }

.pagination .page-numbers { border: 1px solid #A82C97; color: #A82C97; display: inline-block; font-family: "Jost", sans-serif; font-weight: 600; margin-right: 5px; margin-bottom: 10px; padding: 10px 15px; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

.pagination .page-numbers:hover { background-color: #A82C97; color: #ffffff; }

.pagination .page-numbers.current { background-color: #A82C97; border: 1px solid #A82C97; color: #ffffff; }

.category-title-wrap { padding-top: 50px; }

/* ==========================================
SEARCH
========================================== */
.search-wrap { padding: 50px 0; }

@media screen and (max-width: 767px) { .search-wrap { padding: 35px 0; } }

.search-wrap .inner-container .search-term { padding-bottom: 25px; }

.search-wrap .inner-container .search-results-wrap .search-single { border-bottom: 1px solid #e8e8e8; margin-bottom: 25px; padding-bottom: 25px; }

.search-wrap .inner-container .search-results-wrap .search-single:last-child { border: none; margin: 0; padding: 0; }

.search-wrap .inner-container .search-results-wrap .search-single h2 { font-family: "Jost", sans-serif; font-size: 24px; font-weight: 600; text-transform: uppercase; }

@media screen and (max-width: 767px) { .search-wrap .inner-container .search-results-wrap .search-single h2 { font-size: 18px; } }

/* ==========================================
LISTS
========================================== */
.the-content ul, .the-content ol { padding-left: 35px; padding-bottom: 15px; }

.the-content ul li, .the-content ol li { padding-bottom: 15px; }

.the-content ul li:last-child, .the-content ol li:last-child { padding-bottom: 0; }

.the-content ul li strong, .the-content ol li strong { font-weight: 700; }

.the-content ul li ul, .the-content ul li ol, .the-content ol li ul, .the-content ol li ol { padding-top: 15px; padding-bottom: 0; }

/* ==========================================
ACCORDION MENU
========================================== */
#cssmenu > ul, #cssmenu > ul ul { list-style-type: none; }

#cssmenu ul > li { margin-bottom: 25px; padding: 25px; }

@media screen and (max-width: 767px) { #cssmenu ul > li { margin-bottom: 20px; padding: 20px; } }

#cssmenu ul > li:last-child { margin-bottom: 0; }

#cssmenu ul > li .title { background: #4a4949 url("images/down-arrow.png") right top no-repeat; display: block; font-size: 20px; font-weight: 600; padding-right: 50px; }

@media screen and (max-width: 767px) { #cssmenu ul > li .title { background-size: 20px; font-size: 18px; } }

@media screen and (max-width: 481px) { #cssmenu ul > li .title { background-size: 15px; font-size: 16px; } }

#cssmenu ul > li.active .title { background: #4a4949 url("images/up-arrow.png") right top no-repeat; }

@media screen and (max-width: 767px) { #cssmenu ul > li.active .title { background-size: 20px; } }

@media screen and (max-width: 481px) { #cssmenu ul > li.active .title { background-size: 15px; } }

#cssmenu ul > li ul.hidden-content { padding-left: 0; padding-top: 15px; }

#cssmenu ul > li.has-sub.active > a span { display: block; }

#cssmenu ul > li.active a { display: block; }

#cssmenu ul > li.active p a { display: inline; }

/* ==========================================
404
========================================== */
.not-found-wrap { padding: 50px 20px; text-align: center; }

.not-found-wrap .image-wrap { padding-top: 25px; padding-bottom: 25px; }

.not-found-wrap .image-wrap img { max-width: 700px; width: 100%; }

/* ==========================================
HEADER
========================================== */
header { background-color: transparent; position: fixed; max-width: 1920px; width: 100%; z-index: 4; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

header .above-nav-wrap { align-items: center; background-color: #A82C97; color: #ffffff; display: flex; font-family: "Jost", sans-serif; justify-content: flex-end; padding: 15px 20px; text-transform: uppercase; }

@media screen and (max-width: 1450px) { header .above-nav-wrap { padding: 10px; } }

@media screen and (max-width: 676px) { header .above-nav-wrap { justify-content: center; } }

header .above-nav-wrap a { color: #ffffff; }

header .above-nav-wrap a:hover { color: #e8e8e8; }

header .above-nav-wrap a.btn { font-size: 13px; font-weight: 400; padding: 5px 10px; }

header .above-nav-wrap a.btn:after { content: "\f05a"; /* Unicode for lightbulb icon */ font-family: "Font Awesome 5 Free"; /* or "Font Awesome 6 Free" if using v6 */ font-weight: 900; /* Solid style; use 400 for regular, 300 for light */ margin-left: 6px; /* Optional spacing between text and icon */ }

header .above-nav-wrap .links { padding-right: 20px; }

header .logo-nav-wrap { background-color: #ffffff; align-items: center; display: flex; padding: 20px; position: relative; }

@media screen and (max-width: 1450px) { header .logo-nav-wrap { display: block; padding: 15px 20px; text-align: center; } }

@media screen and (max-width: 1185px) { header .logo-nav-wrap { display: block; text-align: center; } }

header .logo-nav-wrap .logo-wrap { align-items: center; display: flex; flex-grow: 1; padding-right: 20px; position: relative; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

@media screen and (max-width: 1450px) { header .logo-nav-wrap .logo-wrap { justify-content: center; } }

header .logo-nav-wrap .logo-wrap a { display: inline-block; }

header .logo-nav-wrap .logo-wrap .logo img { display: block; max-width: 360px; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

@media screen and (max-width: 1510px) { header .logo-nav-wrap .logo-wrap .logo img { max-width: 300px; } }

@media screen and (max-width: 1450px) { header .logo-nav-wrap .logo-wrap .logo img { margin: 0 auto; } }

@media screen and (max-width: 674px) { header .logo-nav-wrap .logo-wrap .logo img { max-width: 250px; } }

@media screen and (max-width: 550px) { header .logo-nav-wrap .logo-wrap .logo img { max-width: 220px; } }

header .logo-nav-wrap .logo-wrap .secondary-image { margin-left: 20px; width: 70px; }

@media screen and (max-width: 1450px) { header .logo-nav-wrap .logo-wrap .secondary-image { width: 50px; } }

@media screen and (max-width: 550px) { header .logo-nav-wrap .logo-wrap .secondary-image { margin-left: 10px; width: 40px; } }

header .logo-nav-wrap nav { align-items: center; display: flex; margin-left: auto; text-align: right; }

@media screen and (max-width: 1450px) { header .logo-nav-wrap nav { justify-content: center; padding-top: 10px; text-align: center; }
  header .logo-nav-wrap nav #mega-menu-wrap-primary #mega-menu-primary { text-align: center; } }

@media screen and (max-width: 1075px) { header .logo-nav-wrap nav { position: absolute; left: 0; top: 0; } }

header .logo-nav-wrap .nav-search { padding-left: 20px; }

@media screen and (max-width: 1075px) { header .logo-nav-wrap .nav-search { display: none; } }

header .search-block { background-color: #ffffff; display: none; }

header .search-block .search-inner { margin: 0 auto; padding: 0 0 15px; text-align: left; width: 800px; }

@media screen and (max-width: 825px) { header .search-block .search-inner { width: 100%; } }

header .search-block .search-fields { position: relative; width: 100%; }

header .search-block .search-fields label { color: #A82C97; font-family: "Jost", sans-serif; font-weight: 600; text-transform: uppercase; }

header .search-block .search-fields input[type="text"] { background-color: #ffffff; width: calc(100% - 50px); padding: 13px 15px; border: 1px solid grey; border-radius: 0; font-size: 14px; }

header .search-block .search-fields input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: .4; /* Firefox */ }

header .search-block .search-fields input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: .4; }

header .search-block .search-fields input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */ opacity: .4; }

header .search-block .search-fields .search-submit { border: none; cursor: pointer; float: right; font-size: 18px; height: 45px; position: absolute; right: 0; width: 50px; }

/* ==========================================
HEADER ON RESIZE
========================================== */
header.smaller .above-nav-wrap { padding: 10px 20px; }

header.smaller .logo-nav-wrap .logo-wrap .logo img { max-width: 250px; }

header.smaller .logo-nav-wrap .logo-wrap .secondary-image { width: 50px; }

/* ==========================================
NAVIGATION
========================================== */
.max-mega-menu { font-family: "Jost", sans-serif !important; }

.max-mega-menu li > a { font-weight: 600 !important; display: inline-block !important; }

.max-mega-menu li.mega-border-btn { padding-left: 10px !important; padding-right: 20px !important; }

.max-mega-menu li.mega-border-btn > a { border: 2px solid #A82C97 !important; font-weight: 400 !important; height: auto !important; padding: 15px 10px !important; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

.max-mega-menu li.mega-border-btn > a:hover { background-color: #e8e8e8 !important; border: 2px solid #344ea2 !important; color: #344ea2 !important; text-decoration: none !important; }

@media screen and (max-width: 1075px) { .max-mega-menu li.mega-border-btn > a { font-weight: 600 !important; margin-bottom: 25px !important; margin-top: 10px !important; padding: 0 15px !important; } }

.max-mega-menu li.mega-solid-btn > a { background-color: #A82C97 !important; border: 2px solid #A82C97 !important; color: #ffffff !important; font-weight: 400 !important; height: auto !important; padding: 15px 10px !important; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

.max-mega-menu li.mega-solid-btn > a:hover { border: 2px solid #344ea2 !important; background-color: #344ea2 !important; text-decoration: none !important; }

@media screen and (max-width: 1075px) { .max-mega-menu li.mega-solid-btn > a { font-weight: 600 !important; margin-left: 10px !important; margin-bottom: 20px !important; padding: 0 15px !important; } }

.max-mega-menu ul.mega-sub-menu li.mega-current-menu-item > a { color: #344ea2 !important; text-decoration: underline !important; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { margin: 0 !important; }

@media screen and (max-width: 1075px) { #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0 0 10px !important; } }

ul.top-nav li { display: inline-block; list-style-type: none; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 300; padding-right: 20px; position: relative; text-transform: uppercase; -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

@media screen and (max-width: 1025px) { ul.top-nav li { font-size: 14px; } }

ul.top-nav li:last-child { padding-right: 0; }

ul.top-nav li a { color: #151515; }

ul.top-nav li a:hover { color: #a9d2a4; }

ul.top-nav li.solid-btn a { background-color: #151515; color: #ffffff; font-weight: 600; padding: 15px 20px; }

ul.top-nav li.solid-btn a:hover { background-color: #a9d2a4; }

ul.top-nav li.solid-btn.current_page_item a { background-color: #a9d2a4; color: #ffffff; }

ul.top-nav li.solid-btn.current_page_item a:hover { background-color: #151515; }

ul.top-nav li.border-btn a, ul.top-nav li.border-btn.current_page_item a { border: 2px solid #a9d2a4; color: #a9d2a4; font-weight: 600; padding: 13px 18px; }

ul.top-nav li.border-btn a:hover, ul.top-nav li.border-btn.current_page_item a:hover { border: 2px solid #151515; color: #151515; }

ul.top-nav li.current_page_item a, ul.top-nav li.current-menu-ancestor a, ul.top-nav li.current_page_parent a, ul.top-nav li.current-menu-item a { color: #a9d2a4; font-weight: 600; }

header.smaller ul.top-nav li { font-size: 13px; }

/* ==========================================
DROPDOWNS
========================================== */
.drops .sub-menu { background-color: #ffffff; border-radius: 5px; display: none; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }

.drops li:hover .sub-menu { display: block; }

.drops .menu-item .sub-menu { position: absolute; z-index: 100; text-align: left; }

.drops .menu-item .sub-menu li { background-color: #ffffff; border-right: none; display: block; float: none; font-weight: 300; max-width: 275px; min-width: 225px; padding: 8px 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.drops .menu-item .sub-menu li:first-child { padding-top: 15px; }

.drops .menu-item .sub-menu li:last-child { padding-bottom: 15px; }

.drops .menu-item .sub-menu li:last-child a { color: #151515; margin-top: 0; padding: 0; }

.drops .menu-item .sub-menu li a { background-color: transparent; border: none; color: #151515; display: block; font-size: 14px !important; font-weight: 400; padding: 0 !important; }

.drops .menu-item .sub-menu li a:hover { color: #a9d2a4 !important; }

.drops .menu-item .sub-menu li.current-menu-item a { color: #a9d2a4; font-weight: 600; }

.drops li:last-child .sub-menu li { display: block; width: 200px; }

/* ==========================================
MOBILE MENU
========================================== */
/*.menu-open {
  color:$black;
  cursor: pointer;
  display: none;
  font-size:22px;
  left:0;
  line-height:1;
  position: absolute;
  top:0;
  z-index:2;
  @include transition35;
  @media screen and (max-width:850px) {
    display:block;
  }
  &:hover {
    color:$black;
  }
}*/
.sidenav { height: 100%; margin-left: -305px; width: 300px; position: fixed; z-index: 53; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.35s ease !important; transition: all 0.35s ease !important; }

.sidenav .closebtn { cursor: pointer; font-size: 28px; position: absolute; right: 20px; top: 0px; }

.sidenav .sidenav-content { padding: 20px; }

.sidenav .sidenav-content ul.mobile-nav { list-style-type: none; }

.sidenav .sidenav-content ul.mobile-nav li { font-size: 15px; padding-bottom: 5px; }

.sidenav .sidenav-content ul.mobile-nav li:last-child { padding-bottom: 0; }

.sidenav .sidenav-content ul.mobile-nav li a { text-decoration: none; /*color: $purple;*/ display: block; }

.sidenav .sidenav-content ul.mobile-nav li a:hover { color: #151515; }

.sidenav .sidenav-content ul.mobile-nav li .sub-menu { list-style-type: none; padding: 5px 0 0 10px; }

.sidenav .sidenav-content ul.mobile-nav li .sub-menu li { font-size: 14px; }

.sidenav .sidenav-content ul.mobile-nav li.current-menu-item a, .sidenav .sidenav-content ul.mobile-nav li.current_page_ancestor > a, .sidenav .sidenav-content ul.mobile-nav li.current_page_parent > a { color: #151515; }

.sidenav .sidenav-content .side-logo { padding: 20px 0 10px; }

.sidenav .sidenav-content .side-logo img { width: 100%; }

.sidenav .sidenav-content .mobile-contact { border-top: 1px solid #4a4949; margin-top: 15px; padding: 15px 0 10px; }

.sidenav .sidenav-content .mobile-contact p { padding-bottom: 0; }

.sidenav .sidenav-content .mobile-contact .social ul { list-style-type: none; }

.sidenav .sidenav-content .mobile-contact .social ul li { display: inline-block; }

.sidenav.active { margin-left: 0; }

#cssmenu ul ul { display: none; }

/* ==========================================
GRAVITY FORMS
========================================== */
.gform_heading { padding-bottom: 10px; }

.gform_heading p { font-size: 13px !important; }

.gform_wrapper.gravity-theme .gfield_required { color: #A82C97 !important; }

.gform_validation_errors { margin-bottom: 25px !important; }

.gform_validation_errors > h2 { color: #151515 !important; font-family: "Jost", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 0; text-transform: uppercase !important; }

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { font-weight: 400 !important; }

.gform-body .gfield { padding-bottom: 5px; }

.gform-body .gfield_label { font-family: "Jost", sans-serif; font-size: 14px !important; font-weight: 400 !important; text-transform: uppercase; }

.gform-body .gfield_required_asterisk { position: relative; top: -3px; }

.gform-body input { font-family: "Lato", sans-serif !important; font-size: 16px !important; font-weight: 300 !important; padding: 10px !important; font-variant-numeric: lining-nums; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }

.gform-body select { background-color: #ffffff !important; border: 1px solid #8f8f9d !important; padding: 10px !important; }

.gform-body textarea { min-height: 100px !important; max-height: 300px !important; font-family: "Lato", sans-serif !important; font-size: 16px !important; font-weight: 300 !important; padding: 10px !important; width: 100% !important; }

button, input[type="button"], input[type="submit"] { background-color: #A82C97; border: 0; border-radius: 0px; color: #ffffff; cursor: pointer; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 600; padding: 10px 20px; text-transform: uppercase; transition: all .5s; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #344ea2; color: #ffffff; }

footer input { background-color: #151515; border: 1px solid #ffffff; color: #ffffff !important; }

/* ==========================================
FOOTER
========================================== */
footer { background-color: #151515; color: #ffffff; padding: 50px 0 0; }

@media screen and (max-width: 769px) { footer { padding-top: 35px; } }

footer a { color: #ffffff; }

footer a:hover { color: #e8e8e8; text-decoration: underline; }

footer .certs { display: flex; justify-content: space-between; padding-bottom: 50px; }

@media screen and (max-width: 1225px) { footer .certs { flex-wrap: wrap; justify-content: center; margin-bottom: -35px; } }

footer .certs .block-single { padding: 0 10px; position: relative; }

@media screen and (max-width: 1225px) { footer .certs .block-single { padding: 0 20px 35px; width: 16.66%; } }

@media screen and (max-width: 950px) { footer .certs .block-single { width: 20%; } }

@media screen and (max-width: 769px) { footer .certs .block-single { width: 25%; } }

@media screen and (max-width: 676px) { footer .certs .block-single { width: 33.33%; } }

@media screen and (max-width: 550px) { footer .certs .block-single { width: 50%; } }

footer .certs .block-single .hover { background-color: rgba(21, 21, 21, 0.9); display: none; font-size: 12px; height: 100%; padding: 20px 5px 5px; position: absolute; text-align: center; top: 0; }

footer .certs .block-single:hover .hover { display: block; }

footer .footer-columns { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; }

@media screen and (max-width: 900px) { footer .footer-columns { display: block; } }

@media screen and (max-width: 676px) { footer .footer-columns { padding-bottom: 15px; } }

footer .footer-columns h4, footer .footer-columns h5 { font-family: "Jost", sans-serif; font-size: 16px; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; }

footer .footer-columns .column { color: #ffffff !important; width: 30%; padding-right: 20px; }

@media screen and (max-width: 900px) { footer .footer-columns .column { max-width: 100%; padding: 0 0 20px; text-align: center; width: 100%; }
  footer .footer-columns .column:last-child { padding: 0; }
  footer .footer-columns .column .gform_button { margin: 0 auto; } }

footer .footer-columns .column img { max-width: 100%; }

footer .footer-columns .column .logo { padding-bottom: 10px; }

footer .footer-columns .column .logo img { max-width: 350px; width: 100%; }

footer .footer-columns .column p { font-size: 16px; }

footer .footer-columns .column.one { width: 40%; }

@media screen and (max-width: 900px) { footer .footer-columns .column.one { width: 100%; } }

@media screen and (max-width: 900px) { footer nav { font-size: 14px; } }

footer nav ul.footer-nav { list-style: none; }

footer nav ul.footer-nav li { font-family: "Jost", sans-serif; font-weight: 400; padding-bottom: 5px; text-transform: uppercase; }

footer nav ul.footer-nav li .sub-menu { display: none; }

footer .copyright { background-color: #A82C97; color: #ffffff; font-family: "Jost", sans-serif; font-size: 13px; padding: 10px 0; text-transform: uppercase; }

footer .copyright .inner-container { align-items: center; display: flex; }

@media screen and (max-width: 900px) { footer .copyright .inner-container { display: block; text-align: center; } }

@media screen and (max-width: 900px) { footer .copyright .inner-container .copy-content { padding-bottom: 10px; } }

footer .copyright .inner-container .copy-content div { display: inline-block; padding-left: 2px; }

footer .copyright .inner-container .social { font-size: 22px; margin-left: auto; }

footer .copyright .inner-container .social ul { list-style-type: none; }

footer .copyright .inner-container .social ul li { display: inline-block; padding-right: 5px; }

footer .copyright .inner-container .social ul li:last-child { padding-right: 0; }

/* ==========================================
RETURN TO TOP ARROW
========================================== */
.cd-top { border-radius: 50%; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 30px; right: 25px; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #A82C97 url(images/cd-top-arrow.svg) no-repeat center 50%; background-size: 20px; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .25s 0s, visibility 0s 0s; -moz-transition: opacity .25s 0s, visibility 0s 0s; transition: opacity .25s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible { /* the button becomes visible */ border: 1px solid transparent; visibility: visible; opacity: .75; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.cd-top.cd-is-visible:hover { opacity: .9; }

.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; }

.no-touch .cd-top:hover { background-color: #A82C97; opacity: 1; }