@import url("variables.css");

/********************************
********* Global Styles *********
********************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:before, :after {
    box-sizing: border-box;
}

html {
    font-family: var(--work);
    font-size: var(--smalltext);
    font-weight: var(--regular);
    line-height: var(--lh-2);
    overflow-y: scroll;
    word-wrap: break-word;
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
    line-height: var(--lh-1);
    margin: 0;
}

.main-page-content {
    flex-grow: 1;
}

p {
    margin-bottom: 1rem;
}

p:last-child,
p:last-of-type {
    margin-bottom: 0;
}

a {
    text-decoration: none;
    font-size: var(--smalltext);
    font-weight: var(--regular);
}

a:hover {
    text-decoration: none !important;
}

ul {
    list-style: disc outside none;
    padding-left: 1.5rem;
    margin: 1rem 0;
    font-weight: var(--light);
}

ul > li {
    padding-bottom: .5rem;
}

ul > li:last-child,
ul > li:last-of-type {
    padding-bottom: 0;
}

ul li::marker {
    font-size: 14px;
}

ol {
    padding-left: 1.5rem;
    margin: 1rem 0;
    font-weight: var(--light);
}

ol > li {
    padding-bottom: 0.5rem;
}

ol > li:last-child,
ol > li:last-of-type {
    padding-bottom: 0;
}

hr {
    background-color: var(--neoblue);
    height: 1px;
    border: 0;
}

.video-js.custom-video {
    width: var(--full);
    height: auto;
    margin: 0 auto;
    background: transparent;
}

.row-reverse {
    flex-direction: row-reverse !important;
}

.column-reverse {
    flex-direction: column-reverse !important;
}

.scrollable-white {
    background: white;
}

.scrollable-gray {
    background: var(--neowhite);
}

/*******************************************/
/***************** Buttons *****************/
/*******************************************/

/* Outline White Button */
.neostella-button__outline-white {
    display: inline-block;
    font-family: var(--racing) !important;
    font-size: var(--buttonsmall) !important;
    line-height: var(--lh-1);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white !important;
    background: transparent;
    padding: calc(var(--s-spacing)* 3 / 4) var(--s-spacing);
    box-shadow: inset 0px 0px 0px 1px white;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color 0.4s;
    z-index: 1;
}

.neostella-button__outline-white:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background: var(--blue-gradient);
    transition: right 0.4s;
    z-index: -1;
}

.neostella-button__outline-white:hover {
    color: white !important;
}

.neostella-button__outline-white:hover:before {
    right: 0;
}

/* Outline White Button Alt */
.neostella-button__outline-white-alt {
    display: inline-block;
    font-family: var(--racing) !important;
    font-size: var(--buttonsmall) !important;
    line-height: var(--lh-1);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white !important;
    background: transparent;
    padding: calc(var(--s-spacing)* 3 / 4) var(--s-spacing);
    border: solid 1px white;
    text-decoration: none;
    transition: all 0.4s ease;
}

.neostella-button__outline-white-alt:hover {
    color: var(--neowhite) !important;
    border: solid 1px var(--neowhite);
}


/* Outline Blue Button */
.neostella-button__outline-blue {
    display: inline-block;
    font-family: var(--racing) !important;
    font-size: var(--buttonsmall) !important;
    line-height: var(--lh-1);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--neoblue) !important;
    background: transparent;
    padding: calc(var(--s-spacing)* 3 / 4) var(--s-spacing);
    box-shadow: inset 0px 0px 0px 1px var(--neoblue);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color 0.4s;
    z-index: 1;
}

.neostella-button__outline-blue:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background: var(--blue-gradient);
    transition: right 0.4s;
    z-index: -1;
}

.neostella-button__outline-blue:hover {
    color: white !important;
}

.neostella-button__outline-blue:hover:before {
    right: 0;
}


/* White Button */
.neostella-button__white {
    display: inline-block;
    background: white;
    padding: calc(var(--s-spacing) * 3/4) var(--s-spacing);
    text-align: center;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: color 0.4s, background 0.4s;
}

.neostella-button__white .neostella-button__white-text {
    font-family: var(--racing) !important;
    font-size: var(--button) !important;
    line-height: var(--lh-1);
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--neopaleblue) !important;
    position: relative;
    z-index: 1;
}

.neostella-button__white:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: white;
    transition: left 0.4s;
    z-index: 0;
}

.neostella-button__white:hover:before {
    left: 0;
}

.neostella-button__white:hover .neostella-button__white-text {
    background: var(--blue-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Neoblue Button */
.neostella-button__blue {
    display: inline-block;
    background: var(--neopaleblue);
    padding: calc(var(--s-spacing) * 3/4) var(--s-spacing);
    text-align: center;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: color 0.4s, background 0.4s;
}

.neostella-button__blue .neostella-button__blue-text {
    font-family: var(--racing) !important;
    font-size: var(--buttonsmall) !important;
    line-height: var(--lh-1);
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: white !important;
    position: relative;
    z-index: 1;
}

.neostella-button__blue:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: white;
    transition: left 0.4s;
    z-index: 0;
}

.neostella-button__blue:hover:before {
    left: 0;
}

.neostella-button__blue:hover .neostella-button__blue-text {
    background: var(--blue-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Neostella Link Button */
.neostella-button__link {
    display: inline-block;
    font-family: var(--work) !important;
    font-size: var(--text) !important;
    font-weight: var(--regular) !important;
    line-height: var(--lh-1);
    color: var(--neopaleblue) !important;
    border-bottom: solid 1px var(--neopaleblue) !important;
    padding-bottom: .5rem;
    transition: color 0.4s, border-color 0.4s;
}

.neostella-button__link:hover {
    color: var(--neoblue) !important;
    border-color: var(--neoblue) !important;
}


/** Main Site **/
.site-especial {
    /*background-image: url('../images/homesite-new-bg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: var(--padding);
}*/

/* Main Site Header styles */
.header__main-container {
    width: var(--width);
    padding: 0;
    margin: 0 auto;
}

.header__container-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: var(--full);
    padding: var(--l-spacing) 0;
}

.header-main__container-left {
    display: flex;
    justify-content: flex-start;
    gap: var(--m-spacing);
    align-items: center;
}

.header-main__container-left .only-desktop {
    display: block;
}

.header__logo {
    width: 100%;
    max-width: 220px;
}

.header-main__container-right .only-mobile {
    display: none;
}

/* Main Site Footer Styles */
.footer__main-container {
    width: var(--width);
    margin: 0 auto;
    padding: var(--s-spacing) 0 var(--m-spacing);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__container-inner {
    display: flex;
    flex-direction: column;
    gap: calc(var(--s-spacing) / 4);
}

.footer__copyright-text {
    font-size: .75rem;
    font-weight: var(--regular);
    color: white;
}

.footer__container-links {
    display: flex;
    gap: var(--s-spacing);
}

.footer__link {
    font-size: .75rem;
    font-weight: var(--regular);
    color: white;
    text-decoration: none;
}

.footer__link:hover {
    color: var(--neowhite);
}

.footer__links-divider:after {
    content: '|';
    color: white;
}

.footer__links-divider:last-child:after {
    content: '';
    color: transparent;
}

/* Inner sites header styles */
.header-inner__main-container {
    display: flex;
    width: var(--full);
    height: 120px;
    position: relative;
    padding: var(--padding);
    margin-bottom: -120px;
    transition: height 0.3s ease;
}

.header-inner__main-container.sticky {
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--neodark);
}

.header-inner__main-container a {
    color: white;
}

.header-inner__container-inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: var(--width);
    padding: 0;
    margin: 0 auto;
}

.header-inner__before-logo-container {
    display: flex;
    align-items: center;
    gap: calc(var(--s-spacing) + 8px);
}

.header-inner__logo-wrapper {
    max-width: 180px;
    width: 180px;
    margin: 0 auto;
    text-align: center;
    order: 1;
}

.header-inner__logo-wrapper img {
    max-width: 100%;
    transition: max-width .3s ease;
}

.header-inner__main-container.sticky .header-inner__logo-wrapper img {
    max-width: 150px;
}

.header-inner__menu-wrapper {
    order: 2;
}

.header-inner__button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--s-spacing);
}

.header-inner__main-icon img {
    width: 100%;
    max-width: 1.125rem;
    height: 100%;
    max-height: 1.125rem;
}

.header-inner__main-icon a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: var(--light);
    color: white;
    transition: color .4s ease, font-weight .4s ease;
}

.header-inner__main-icon a:hover {
    color: var(--neowhite);
    font-weight: var(--regular);
}

.header-inner__main-icon a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.header-inner__main-icon-mobile {
    display: none;
}

.header-inner__main-container.single-post__header {
    background: var(--index-menu-gradient);
    margin-bottom: 0;
}

/* Menu Featured Resource */
.feat-menu__main-container {
    display: flex;
    flex-direction: column;
    gap: var(--m-spacing);
    width: var(--full);
    max-width: 300px;
    padding:0 0 var(--s-spacing);
    margin: 0 auto;
}

.feat-menu__pre-title h3 {
    font-family: VAR(--racing);
    font-weight: var(--regular);
    font-size: var(--button);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--neopaleblue);
}

.feat-menu__content {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
    align-items: flex-start;
}

.feat-menu__content img {
    display: flex;
    width: var(--full);
    max-width: 245px;
    height: auto;
    object-fit: cover;
}

.feat-menu__content h2 {
    font-size: calc(var(--bigtext) - 2px);
    font-weight: var(--light);
    line-height: var(--lh-2);
    color: black;
}

.feat-menu__content a {
    color: var(--neopaleblue);
}

/***** Footer Main Site *****/
.footer__main-container {
    width: var(--width);
    padding: var(--padding);
    margin: 0 auto;
}

.footer-main__container-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: var(--full);
    padding: var(--l-spacing) 0 var(--s-spacing);
}

.footer-main-inner__left-container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--s-spacing) / 4);
}

.footer-main-inner__right-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Footer Inner Sites */
.footer-subsite__main-container {
    display: flex;
    flex-direction: column;
    width: var(--full);
    background: var(--footer-gradient);
    padding: var(--s-spacing) var(--l-spacing) var(--m-spacing);
}

.footer-subsite__cta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--m-spacing);
    margin: 0 auto;
    width: var(--width);
    padding: var(--xxl-spacing) 0 calc(var(--xxxl-spacing) * 1.5);
}

.footer-404 {
    padding-top: calc(var(--xxl-spacing) + 120px);
}

.footer-subsite__cta-container div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 0 auto;
}

.footer-subsite__cta-container div h3 {
    font-size: var(--h3);
    font-weight: var(--extralight);
    color: var(--neopaleblue);
    line-height: var(--lh-1);
}

.footer-subsite__cta-container .stroke {
    width: 100%;
    max-width: 100%;
    font-family: var(--racing);
    font-size: var(--stroke);
    font-weight: var(--regular);
    line-height: var(--lh-n);
    text-align: center;
    color: white;
    /* -webkit-text-stroke-width: var(--strokewidth);
    -webkit-text-stroke-color: white;
    -webkit-font-smoothing: subpixel-antialiased; */
}

.footer-subsite__form-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--l-spacing);
    width: var(--width);
    padding: 0 0 var(--m-spacing);
    margin: 0 auto;
}

.footer-subsite__form-title {
    width: 60%;
}

.footer-subsite__form-title h4 {
    font-size: 2.083vw;
    line-height: var(--lh-n);
    font-weight: var(--light);
    color: white;
}

.footer-subsite__form-title h4 strong {
    font-weight: var(--regular);
    color: var(--neopaleblue);
}

.footer-subsite__form-hubspot-script {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
    width: 40%;
}

.footer-subsite__form-hubspot-script p {
    font-size: calc(var(--smalltext) - 4px);
    font-weight: var(--regular);
    color: white;
}

/* Footer form styles */
.footer-subsite__form-hubspot-script .hs-form-private {
    display: flex;
    flex-direction: row;
}

.footer-subsite__form-hubspot-script .hs-form-private .hs-email {
    width: 70%;
}

.footer-subsite__form-hubspot-script .hs-form-private .hs-submit {
    width: 30%;
}

.footer-subsite__form-hubspot-script .hs-form-private .hs-submit .hs-button {
    display: inline-block;
    width: var(--full);
    font-family: var(--racing);
    font-size: var(--buttonsmall);
    line-height: var(--lh-1);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white;
    background-color: var(--neopaleblue);
    padding: calc(var(--s-spacing)* 3 / 4) var(--s-spacing);
    box-shadow: inset 0px 0px 0px 1px var(--neopaleblue);
    text-decoration: none;
    transition: color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}

.footer-subsite__form-hubspot-script .hs-form-private .hs-submit .hs-button:hover {
    color: var(--neopaleblue);
    background-color: white !important;
    box-shadow: inset 0px 0px 0px 1px white;
    background: unset;
}
/* End of Footer form styles */

.footer-subsite__divider {
    background: var(--neoblue);
    height: 1px;
    max-height: 1px;
    width: var(--width);
    margin: calc(var(--s-spacing) /2) auto var(--s-spacing);
}

.footer__logo-wrapper {
    display: flex;
    width: var(--width);
    margin: 0 auto;
    padding: calc(var(--s-spacing) * .5) 0;
}

.footer__logo {
    width: 100%;
    max-width: 260px;
}

.footer-subsite__last-container {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
    width: var(--width);
    margin: 0 auto;
}

/* Old version Menu */
.footer-subsite__menu-wrapper ul {
    display: flex;
    gap: calc(var(--m-spacing) + .5rem);
    padding: 0;
}

.footer-subsite__menu-wrapper ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-subsite__menu-wrapper ul li a {
    font-size: var(--smalltext);
    font-weight: var(--semibold);
    color: white;
}
/* End of Old version menu */

/* Multi Menu Styles */
.footer-subsite__footer-menus {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--m-spacing);
    width: 100%;
    max-width: 100%;
}

.footer-subsite__multi-menu {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
    padding-bottom: var(--m-spacing);
    min-width: 75px;
}

.footer-subsite__multi-menu h3 {
    font-size: var(--smalltext);
    font-weight: var(--semibold);
    color: white;
}

.inner-site__footer-nav ul li a {
    color: white;
}

.inner-site__footer-nav > .footer-subsite__menu {
    display: flex;
    gap: var(--m-spacing);
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer-subsite__footer-menus > .menu-group__about > .inner-site__footer-nav > .footer-subsite__menu {
    flex-direction: column;
    gap: calc(var(--s-spacing) / 2);
}

.inner-site__footer-nav > .footer-subsite__menu > li > ul,
.inner-site__footer-nav > .footer-subsite__menu > li > ul > li {
    display: flex;
    flex-direction: column;
    gap: calc(var(--s-spacing) /2);
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.inner-site__footer-nav > .footer-subsite__menu > li {
    display: flex;
    flex-direction: column;
    gap: calc(var(--s-spacing) /2);
    padding: 0;
}

.inner-site__footer-nav > .footer-subsite__menu > li > a,
.menu-group__work-relay > .inner-site__footer-nav > .footer-subsite__menu > .menu-item > .sub-menu > .subsite__parent-item > a {
    font-size: calc(var(--smalltext) - 3px);
    font-weight: var(--regular);
}

.inner-site__footer-nav > .footer-subsite__menu > li > ul > li > a {
    font-size: calc(var(--smalltext) - 3px);
    font-weight: var(--light);
}

.sub-menu > .menu-item.menu-item-has-children > .sub-menu {
    display: none;
}

.footer-subsite__vertical-divider {
    width: 1px;
    height: auto;
    background: var(--neoblue);
    margin-top: -92px;
}

.footer-subsite__vertical-divider:last-of-type {
    display: none;
}
/*End of Multi Menu styles */

.footer-subsite__main-container .footer-subsite__before-last-container {
    display: flex;
    justify-content: flex-start;
    gap: var(--xxl-spacing);
    align-items: center;
    padding: 0 0 var(--s-spacing);
}

.footer-subsite__custom-logo-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--s-spacing);
}

.footer-subsite__custom-logo-container img {
    width: 100%;
    max-width: 180px !important;
    height: auto;
}

.footer-subsite__social-container ul {
    display: flex;
    gap: var(--s-spacing);
    padding: 0;
    margin: 0;
}

.footer-subsite__social-container ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer-subsite__social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: none;
    text-decoration: none;
}

.footer-subsite__social-links i {
    font-size: 1.75rem;
    color: white;
}

.footer-subsite__social-links a:hover i {
    color: var(--neowhite);
    transition: color 0.4s ease;
}

.footer-subsite__copyright-container {
    display: flex;
    gap: var(--m-spacing);
    width: var(--width);
    padding: 0;
    margin: 0 auto;
}

/* Footer Text Page Template */
.footer-subsite-custom__main-container {
    display: flex;
    flex-direction: column;
    width: var(--full);
    background: var(--dark-gradient-alt);
    padding: var(--m-spacing) 0;
}

.footer-subsite-custom__main-container .footer-subsite__menu-wrapper ul {
    display: flex;
    gap: calc(var(--m-spacing) + .5rem);
    padding: 0;
    margin-bottom: 0;
}

.footer-subsite-custom__main-container .footer-subsite__social-container ul {
    display: flex;
    gap: var(--s-spacing);
    padding: 0 0 var(--l-spacing);
    margin-bottom: 0;
}


/* Page Container */
.page__main-container {
    margin: 0 auto;
}

.custom-paragraph-class {
    width: var(--width);
}

/* Blog Archive Styles */
.blog-posts__main-container {
    width: var(--width);
    padding: var(--padding);
    margin: 0 auto;
}

.blog-posts__filter-container {
    padding-top: var(--xl-spacing);
}

.blog-posts__filter-form {
    display: flex;
    gap: var(--m-spacing);
    align-items: center;
}

.blog-posts__filter-form > div {
    display: flex;
    gap: var(--l-spacing);
    align-items: center;
}

.blog-posts__filter-form p {
    font-size: var(--text);
    font-weight: var(--medium);
}

.blog-posts__filter-form label {
    display: flex;
    gap: calc(var(--s-spacing) / 2);
    align-items: center;
}

.blog-posts__filter-form input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 2rem;
    padding: 0.1rem;
    border: 0.125rem solid var(--neopaleblue);
    border-radius: 0;
}

.blog-posts__filter-form input[type="checkbox"]::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    transform: scale(0);
    background-color: var(--neopaleblue);
}

.blog-posts__filter-form input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.blog-posts__inner-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--xxxl-spacing);
    column-gap: calc(var(--m-spacing) + .5rem);
    width: var(--full);
    padding: var(--xl-spacing) 0;
}


.blog-posts__single-post-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-spacing);
    width: calc((100% - (2.5rem * 3)) / 4);
    max-width: 310px;
}

.single-post__entry-meta {
    font-family: var(--racing);
    font-size: var(--text);
    font-weight: var(--regular);
    text-transform: uppercase;
    color: var(--neopaleblue);
}

.single-post__featured-image {
    display: flex;
    width: auto;
    max-width: 185px;
    height: 185px;
    max-height: 185px;
    position: relative;
}

.single-post__featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-post__featured-image-overlay {
    display: flex;
    padding-top: 10px;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(20, 51, 88, 0.70);
}

.featured-icon {
    width: 100% !important;
    max-width: 30px !important;
    height: 100% !important;
    max-height: 30px !important;
    object-fit: contain !important;
}

.single-post__featured-gradient-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: var(--blue-gradient-bar);
    z-index: 1;
}

.single-post__entry-title a {
    font-size: calc(var(--bigtext) - 2px);
    font-weight: var(--light);
    line-height: var(--lh-2);
    color: black;
}

.blog-posts__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-bottom: var(--xl-spacing);
}

.blog-posts__pagination .page-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: rgba(0,177,235,0.15);
    border-radius: 50%;
    text-indent: -9999px;
}

.blog-posts__pagination .page-dot.current-page {
    background-color: var(--neoblue);
}

.blog-posts__pagination .fa-chevron-left:before,
.blog-posts__pagination .fa-chevron-right:before {
    font-size: 1.5rem;
    color: var(--neoblue);
}

/* Single Post Styles */
.single-post__main-container {
    width: var(--width);
    padding: var(--padding);
    margin: 0 auto;
}

.single-post__inner-container {
    display: flex;
    flex-direction: column;
    gap: var(--m-spacing);
    width: var(--full);
    padding: var(--xxl-spacing) 0 0;
}

.single-post__entry-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--l-spacing);
}

.single-post-title__container {
    display: flex;
    flex-direction: column;
    width: var(--half);
    gap: 4rem;
}

.single-post__breadcrumb, .single-post__breadcrumb a {
    font-size: 14px;
    color: black;
    font-weight: var(--light);
    margin: 0;
}

.single-post__breadcrumb a {
    font-weight: var(--medium);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.3s ease;
}

.single-post__breadcrumb a:hover {
    border-bottom: 1px solid black;
}

.single-post-title__container h1 {
    font-family: var(--racing);
    font-size: var(--h4);
    font-weight: var(--regular);
    line-height: var(--lh-1);
    text-transform: uppercase;
    color: var(--neopaleblue);
}

.single-post-title__container p {
    font-size: var(--smalltext);
    font-weight: var(--light);
    line-height: var(--lh-2);
}

.single-post-title__image-container {
    display: flex;
    justify-content: end;
    width: var(--half);
}

.single-post-title__image-container img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
}

.single-post__divider {
    height: 2px;
    width: var(--full);
    padding: 0;
    margin: var(--s-spacing) 0;
    background: var(--neoblue);
}

.single-post__entry-content {
    display: flex;
    justify-content: space-between;
    gap: var(--l-spacing)
}

.single-post-sidebar__entry-meta,
.single-post-sidebar__entry-meta a {
    font-family: var(--racing);
    font-size: var(--text);
    text-transform: uppercase;
    color: var(--neopaleblue);
}

.single-post-entry__sidebar-container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--s-spacing) * 1.5);
    width: 30%;
    position: sticky;
    top: var(--xxxl-spacing);
    height: var(--full);
    padding: 0;
}

.single-post-sidebar__date {
    font-size: var(--smalltext);
    font-weight: var(--light);
}

.single-post-sidebar__side-form {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
}

.single-post-sidebar__side-form h3 {
    font-size: var(--text);
    font-weight: var(--regular);
}

.single-post-entry__sidebar-container h4 {
    font-size: var(--text);
    font-weight: var(--regular);
}

.single-post-sidebar__side-form .actions {
    justify-content: center;
}

.single-post-entry__content-container {
    width: 70%;
}

.single-post-entry__content-container h2,
.single-post-entry__content-container h3 {
    font-weight: var(--semibold);
    line-height: var(--lh-3);
    margin-bottom: var(--s-spacing);
}

.single-post-entry__content-container p {
    font-weight: var(--light);
    line-height: var(--lh-4);
}

.single-post-entry__content-container p:last-child,
.single-post-entry__content-container p:last-of-type {
    margin-bottom: 1rem;
}

.single-post-entry__content-container a {
    color: var(--neopaleblue);
}

.single-post-entry__content-container a:hover {
    color: var(--neoblue);
    text-decoration: underline;
}

.single-post-entry__content-container .callout-button__inner-container {
    flex-direction: column;
    align-items: center;
    gap: var(--m-spacing);
    width: var(--full);
    margin-top: var(--l-spacing);
}

.single-post-entry__content-container .callout-button__inner-container h3 {
    line-height: var(--lh-1);
    margin: 0;
}

/* Custom Blocks Styles */
.single-post-entry__content-container .custom-media__main-container {
    margin-bottom: 2rem;
}

.single-post-entry__content-container .custom-media__main-container .custom-media__inner-container {
    width: var(--full);
    padding: var(--m-spacing);
}

.single-post-entry__content-container .custom-breadcrumb__main-container {
    width: var(--full);
}

.single-post-entry__content-container .simple-video__main-container {
    width: var(--full);
}

.single-post-entry__content-container .simple-video__inner-container {
    padding: var(--m-spacing) 0;
}

.custom-gallery {
    width: var(--width);
    margin: 5rem auto;
    padding: var(--padding);
}

/**********************************************/
/******************* Laptop *******************/
/**********************************************/
@media (max-width: 1366px) {
    /* Header styles */


    .footer-subsite__cta-container {
        padding: var(--xl-spacing) 0 calc(var(--xxxl-spacing)* 1.5);
    }
}

/**********************************************/
/******************* Tablet *******************/
/**********************************************/
@media (max-width: 1024px) {
    .section-reverse .row-reverse {
        flex-direction: column !important;
    }

    /* Header styles */
    .header__container-inner {
        padding: var(--m-spacing) 0;
    }

    .header-main__container-left .only-desktop {
        display: none;
    }

    .header__logo {
        max-width: 200px;
    }

    .header-main__container-right {
        display: flex;
        gap: var(--s-spacing);
    }

    .header-main__container-right .only-mobile {
        display: block;
    }

    /* Header Inner styles */
    .header-inner__main-container {
        height: 80px;
    }

    .header-inner__main-icon ,
    .header-inner__button-wrapper {
        display: none;
    }

    .header-inner__before-logo-container {
        flex: 1;
    }

    .header-inner__main-icon-mobile {
        display: block;
    }

    .header-inner__main-icon-mobile a {
        display: flex;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
        align-items: center;
    }

    .header-inner__main-icon-mobile a p {
        font-size: 10px;
        text-align: center;
        line-height: var(--lh-1);
        margin: 0;
    }

    .header-inner__main-icon-mobile img {
        max-width: 1.125rem;
    }

    /***** Footer Main Site *****/
    .footer-main__container-inner {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: var(--s-spacing);
        padding: var(--m-spacing) 0 var(--s-spacing);
    }

    .footer-main-inner__right-container {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer-subsite__custom-logo-container img {
        max-width: 50px !important;
    }

    /* Footer Inner Sites */
    .footer-subsite__main-container {
        padding: var(--padding);
    }

    .footer-subsite__cta-container {
        padding: var(--xl-spacing) 0 var(--xxxl-spacing);
    }

    .footer-subsite__form-container {
        flex-direction: column;
        gap: var(--m-spacing);
        align-items: center;
    }

    .footer-subsite__form-title {
        width: var(--full);
    }

    .footer-subsite__form-title h4 {
        font-size: var(--bigtext);
        text-align: center;
    }

    .footer-subsite__form-title h4 strong {
        color: white;
        font-weight: var(--medium);
    }

    .footer-subsite__form-hubspot-script {
        width: var(--full);
    }

    /* Multi Menu Styles */
    .footer-subsite__footer-menus {
        flex-direction: column;
        flex-wrap: wrap;
        gap: var(--s-spacing);
        padding-bottom: var(--s-spacing);
    }

    .footer-subsite__multi-menu {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }

    .footer-subsite__vertical-divider {
        width: 100%;
        height: 1px;
        margin: 0;
    }

    .footer-subsite__copyright-container {
        flex-direction: column-reverse;
        gap: var(--s-spacing);
    }
    /* End of Multi Menu Styles */

    .footer-subsite__copyright-container {
        padding: calc(var(--s-spacing)* .5) 0 var(--m-spacing);
    }

    /* Blog Archive Styles */
    .blog-posts__inner-container {
        row-gap: var(--xxl-spacing);
        column-gap: var(--m-spacing);
    }

    .blog-posts__single-post-container {
        width: calc((100% - (2rem * 2)) / 3);
    }

    /* Single Post Styles */
    .single-post-title__container h1 {
        font-size: var(--h3);
    }
}

/**********************************************/
/******************* Mobile *******************/
/**********************************************/
@media (max-width: 767px) {
    /* Main Site Header styles */
    .header__logo {
        max-width: 180px;
    }

    .header-main__container-right .header-button {
        display: none;
    }

    /* Inner Header Styles */
    .header-inner__logo-wrapper img {
        width: 150px;
    }

    .header-inner__main-container.sticky .header-inner__logo-wrapper img {
        max-width: 160px;
    }

    /* Main Site Footer styles */
    .footer__main-container {
        padding: var(--s-spacing) 0;
    }

    .footer__container-inner {
        flex-direction: column-reverse;
        gap: var(--s-spacing);
    }

    /* Footer Inner Sites */
    .footer-subsite__form-title h4 {
        font-size: 1.5rem;
    }

    .footer-subsite__form-hubspot-script .hs-form-private {
        flex-direction: column;
    }

    .footer-subsite__form-hubspot-script .hs-form-private .hs-email,
    .footer-subsite__form-hubspot-script .hs-form-private .hs-submit {
        width: var(--full);
    }

    .footer-subsite__menu-wrapper ul {
        flex-direction: column;
        gap: calc(var(--s-spacing) * .5);
    }

    /* Multi Menu Styles */
    .footer-subsite__footer-menus {
        flex-direction: column;
        flex-wrap: wrap;
        gap: var(--s-spacing);
    }

    .footer-subsite__multi-menu {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }

    .footer-subsite__vertical-divider {
        width: 100%;
        height: 1px;
        margin: 0;
    }

    .footer-subsite__copyright-container {
        flex-direction: column-reverse;
        gap: var(--s-spacing);
    }
    /* End of Multi Menu Styles */

    .footer-subsite__main-container .footer-subsite__before-last-container {
        flex-direction: column-reverse;
        gap: var(--s-spacing);
        align-items: flex-start;
    }

    /* Blog Archive Styles */
    .blog-posts__inner-container {
        gap: var(--l-spacing);
    }

    .blog-posts__single-post-container {
        width: var(--full);
        max-width: 100%;
    }

    .blog-posts__filter-form {
        flex-direction: column;
    }

    .blog-posts__filter-form > div {
        gap: var(--m-spacing);
    }

    /* Single Post Syles */
    .sinle-post__entry-header {
        flex-direction: column;
        gap: var(--m-spacing);
    }

    .single-post-title__container {
        width: var(--full);
        gap: var(--m-spacing);
    }

    .single-post-title__image-container {
        justify-content: center;
        width: var(--full);
    }

    .single-post__entry-content {
        flex-direction: column-reverse;
        gap: var(--m-spacing);
    }

    .single-post-entry__content-container,
    .single-post-entry__sidebar-container {
        width: var(--full);
    }
}