/*
Theme Name: Airway Therapeutics
Author: Insight Designs
Template: unicon
Version: 1.1
*/


/*
+++++++++++++++++++++
COLORS
+++++++++++++++++++++


Blue		1374BA
Light Blue	A0DAF6
Pink        9d387b
Blue Text   062435
*/

:root {
  --color-blue: #1374BA;
  --color-light-blue: #A0DAF6;
  --color-pink: #923573;
  --color-blue-text: #062435;
}


/*#############################################  
#############################################  FONTS
#############################################*/  

@font-face {
  font-family: "Interstate";
  src: url(/wp-content/themes/chevronstudio/fonts/InterstateRegular.woff) format("woff"), url(/wp-content/themes/airway_therapeutics/fonts/InterstateRegular.woff2) format("woff2"); }




/*###############################################
SITEWIDE STYLES
###############################################*/

body :is(p, ul, li, h1, h2, h3, h4, h5, h6, a) {
  font-family: Poppins, Helvetica, sans-serif !important;
}
body :is(h1, h2, h4, h5, h6) {
  font-family: "Interstate", Helvetica, sans-serif !important;
  text-transform: uppercase;
  color: var(--color-blue);
}
body :is(h3) {
    font-family: "Interstate", Helvetica, sans-serif !important;
    color: var(--color-blue);
    text-transform: capitalize;
}

body {
    & p, a, li, ul, span, div {
        font-size: 1em;
        line-height: 1.5;
    }
    & h1 {
        font-size: 4rem !important;
    }
    & h2 {
        font-size: 3rem !important;
        margin-bottom: 30px!important;
        position: relative;
        display: inline-block;
        font-weight: 400;
        &:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 4px;
            bottom: -7px;
            left: 0px;
            background-color: #dcf0fd;
            border-radius: 10px;
        }
    }

    & h3 {
        font-size: 1.5rem !important;
        font-weight: 500;
	    margin-bottom: 20px;
    }
    & h4 {
        font-size: 1.2rem !important;
    }
    & h5 {
        font-size: 1rem !important;
    }
    & h6 {
        font-size: 1rem !important;
    }
    & ul {
        list-style: disc outside;
    }
    & ul li::marker {
	color: var(--color-blue);
    }
}

body:not(.home) h2 {font-size: 2.8rem !important;}

body {
	& .wpb_row,
	.wpb_content_element,
	ul.wpb_thumbnails-fluid > li,
	.last_toggle_el_margin,
	.wpb_button {
	    margin-bottom: 0px;
	}
}

body {
	& .vc_section.vc_section-has-fill,
	.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
	.vc_section.vc_section-has-fill+.vc_section{
		padding-top: 0;
	}
}

body :is(h4, h5, h6){
	font-weight: 600;
	margin-bottom: 20px;
}

body blockquote{
	color: #8B8787;
	font-size: 24px;
}

body :is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a){
	color: #0066B2;
}

body {
	& a.button,
	input[type=submit],
	button,
	.minti_button,
	a.button.full,
	#navigation ul li.nav-button a {
	    border-radius: 0px!important;
		background: linear-gradient(145deg, rgba(11,45,113,1) 0%, rgba(11,45,113,1) 20%, rgba(0,102,178,1) 20%, rgba(0,102,178,1) 100%);
	    border-color: #fff!important;
	    font-family: "Gotham Bold"!important;
	    transition-property: all;
	    transition-duration: .35s;
	    text-transform: lowercase;
	    margin: 0;
	    padding: 9px 22px;
	    background-position: left center;
	    background-size: 710%;

			&:hover{
				background-image: linear-gradient(145deg, rgba(11,45,113,1) 0%, rgba(11,45,113,1) 20%, rgba(0,102,178,1) 20%, rgba(0,102,178,1) 100%);
				background-size: 100%;
			}
	}
    & #content {
        padding-top: unset;
    }
    & .text-white p {
        color: #ffffff;
    }
    &  a:hover {
        color: var(--color-pink);
    }
}

.fa {
    font-family: "FontAwesome" !important;
    line-height: 0.75 !important;
}

body .border-radius-20 img {
    border-radius: 20px !important;
}
    
body .top-10-desktop img {
    margin-top: 10px !important;
}

body .vc_section {
    margin-right: unset;
}

/* Helper Classes */
.width-100 * {
	width: 100%;
}

/*###############################################
BUTTON STYLES
###############################################*/

.vc_btn3-container.primary-button a.vc_general.vc_btn3 {
    background-color: var(--color-pink);
    font-family: "Interstate", Poppins, sans-serif !important;
    font-size: 1.3rem !important;
    padding: 10px 20px;
    padding-right: 48px;
}
a.buttonPrimary {   
    position: relative;
    color: #FFFFFF;
    border-radius: 50px !important;
    background-color: var(--color-pink);
    /* background-image: url(/wp-content/uploads/2025/08/Feature-buton-bg_v6.svg); */
    background-size: 200%;
    box-shadow: none !important;
    min-width: 220px;
    transition: all .4s ease-in-out !important;
    font-family: "Interstate", Poppins, sans-serif !important;
    font-size: 1.3rem !important;
    padding-block: 15px;
    padding-inline: 45px;
    text-transform: uppercase;  
}

a.buttonPrimary:hover {   
    background-color: var(--color-blue);
    color: white;
    padding-inline: 20px;
}

a.buttonPrimary>span {
    margin-right: 0px;
    transition: all 0.3s ease-in-out;
}
a.buttonPrimary:hover>span {
    transition: all 0.3s ease-in-out;
}

a.buttonPrimary>span:after {
    content: '';
    background: url(/wp-content/uploads/2025/08/button-arrow_v1.svg) !important;
    right: 10px !important;
    top: 25px;
    width: 28px;
    background-size: 50% !important;
    background-position: center !important;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    background-repeat: no-repeat !important;
    opacity: 0;
    transform: translateY(-50%);
    transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out .1s;
}

a.buttonPrimary:hover>span:after {
    opacity: 1;
    background-color: var(--color-blue) !important;
    padding: 12px;
    right: -59px !important;
}
/*###############################################
TOGGLE STYLES
###############################################*/
body .toggle .toggle-title {
	position: relative;
	color: #FFFFFF;
	border-radius: 50px !important;
	background-color: var(--color-pink);
	box-shadow: none !important;
	min-width: 220px;
	transition: all .4s ease-in-out !important;
	font-family: "Interstate", Poppins, sans-serif !important;
	font-size: 1.3rem !important;
	padding-block: 15px;
	padding-inline: 45px;
	text-transform: uppercase;
	font-weight: normal;
	width: max-content;
	min-width: unset;
	height: fit-content;
	line-height: 1;
}
body .toggle .toggle-title.active {
	background: var(--color-blue);
}
body .toggle .toggle-title:hover {
    background-color: var(--color-blue);
    color: white;
    padding-inline: 20px;
    position: relative;
    overflow: visible;
}
body .toggle .toggle-title:after {
	content: url(/wp-content/uploads/2025/08/button-arrow_v1.svg);
	right: 10px;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 5px;
	opacity: 0;
	border-radius: 50%;
	padding: 12px;
	transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out .1s;
}
body .toggle .toggle-title:hover:after {
	content: url(/wp-content/uploads/2025/08/button-arrow_v1.svg);
	right: -59px;
	background: var(--color-blue);
	position: absolute;
	width: 28px;
	height: 30px;
	opacity: 1;
	top: 0;
	border-radius: 50%;
	padding: 10px 12px 12px 15px;
	transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out .1s;
}

body .toggle .toggle-inner {
	border-left: 8px solid var(--color-pink);
	border-bottom: 8px solid var(--color-pink);
	border-radius: 20px;
	margin-top: 20px;
	border-right: none;
	border-top: none;
}
body .toggle .toggle-inner p {
	color: var(--color-blue-text)!important;
}

/*###############################################
HEADER STYLES
###############################################*/

body {

	& #logo img {
	    height: 50px;
	    width: auto;
	}

	& header#header.header-transparent.header-v1 {
	    box-shadow: none !important;
	}
	
	
	& header#header #navigation > ul > li:not(.nav-button) > a {
        font-family: "interstate", arial, san-serif !important;
        transition: .1s all ease-in-out;
        padding: 0;
        margin-left: 10px;
        margin-right: 5px;
        padding-bottom: 4px;
        text-transform: uppercase;    
	}
	
	& #navigation ul li.nav-button a{
		margin-left: 15px;
		margin-top: -10px;
	}

    & .header-v1 {
        & #navigation ul.sub-menu > li:hover > a {
			color: white;
		}
        & #navigation .sub-menu {
        background-color: var(--color-blue);
        }
        & li#menu-item-50 ul.sub-menu {
            width: 215px;
        }
        & .sub-menu li{
            margin-inline: 0px;
        }
        & #navigation .sub-menu li:hover {
            border: none;
            background-color: var(--color-pink);
        }
        & #navigation .sub-menu li:hover {
            background-color: var(--color-pink);
        }
        & #navigation .sub-menu li a {
            font-family: "interstate", arial, san-serif !important;
            font-size: 1rem;
            padding-inline: 15px;
            border: 0px;
            width: 100%;  
        }
        & #navigation .sub-menu li a:hover {
            color: #ffffff !important;
        }
        & #navigation .sub-menu li a:focus-visible {
			background-color: var(--color-pink);		
		}
        & ul.sub-menu:before {
            content: '';
            position: absolute;
            top: -10px;
            left: 30px;
            width: 20px;
            height: 20px;
            transform: rotate(45deg);
            background-color: var(--color-blue);
        }
        & #navigation .sub-menu li {
            margin: 0px 0px !important;
        }
         & li#menu-item-53 ul.sub-menu {
            width: 245px;
        }
    }
}
#header #logo-navigation {
    max-width: 1400px;
    margin: auto;
}
/*###############################################
TITLEBAR STYLES
###############################################*/
body .site-wrapper.wrapall #fullimagecenter {
    background-image: url(/wp-content/uploads/2025/08/Titlebar_bg_9.png) !important;
}
body #fullimagecenter h1 {
    font-size: 65px !important;
    padding: 80px 0 !important;
}

/*###############################################
HOME STYLES
###############################################*/

#Home_Hero .blur-box:after {
    content: '';
    position: absolute;
    inset: -20px;
    background-color: #2d0125;
    filter: blur(55px);
    z-index: -1;
    opacity: .85;
    border-radius: 40%;
}

body #Home_Vision {
    overflow: visible;
}

body #Home_Vision:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #2304341f;
    z-index: 99;
    top: -1px;
    left: 0;
}

/* .single_image.zelpultide-graphic {
    background: #ffffff;
    border-radius: 50%;
} */


body #Home_Platform .zelpultide-graphic, body #Zelpultide_Alpha_First .zelpultide-graphic {
    animation: pulseStretchRotate 8s ease-in-out infinite;
    transform-origin: center center;
}

 @keyframes pulseStretchRotate {
    0%, 100% {
        transform: scale(1, 1) rotate(5deg);
    }
    50% {
        transform: scale(1.25, 1.05) rotate(-5deg);
    }
}



body #Home_News {
     & .featured-title {
        font-size: 1.5rem !important;
        text-transform: unset;
        margin-bottom: 10px;
        & a {
            line-height:1.2;
        }
     }
     & .featured-date {
        font-size: .85rem !important;
        font-weight: 400;
        color: #222222; 
     }    
     & .in_the_media_featured_content.vc_col-sm-8 {
        padding-left: 0px !important;
     }
     &  .in_the_media_featured_wrapper.cpt_cc_framework_wrapper .vc_col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
     }
     & .in_the_media_featured_wrapper {
        display:flex;
        border-bottom: 1px solid #dcf0fd;
        padding-bottom: 50px;
        margin-bottom: 50px;
     }
     & .in_the_media_featured_list_featured_image img {
        object-fit: cover;
        aspect-ratio: 1.3;
        border-radius: 20px;
     }
     & .read-more-link {
        display: inline;
        margin-left: 10px;
        color: #1374BA;
     }
     & .read-more-link:hover {
        color: var(--color-pink);
     }
     & .read-more-link i {
	  transition: padding-left 0.3s ease-in-out;
	}
     & .read-more-link:hover > i {
        padding-left: 0.25rem;
     }
     & .in_the_media_featured_content.vc_col-sm-9 {
        padding-left: 0px !important;
     }
     & .in_the_media_featured_list_featured_image.vc_col-sm-3{
        padding-right: 0px !important;
     }
     & i.fa-solid.fa-circle-chevron-right {
        font-size: 1rem;
     }
}

/*###############################################
INTERIOR PAGE STYLES
###############################################*/

body #fullimagecenter h1 {
    font-size: 3.5rem !important;
    padding: 40px 0 !important;
}

/* Zelpultide Alfa Page */
body #Mechanism_Action {
	padding: 0 20px;
}
body #Mechanism_Action > .col {
	display: flex;
	gap: 20px;
}
body #Mechanism_Action > .col > div.vc_col-sm-4 h4 {
	text-align: center;
}
body #Mechanism_Action > .col > div.vc_col-sm-4 {
	background-color: var(--color-blue)!important;
	padding: 40px;
}
body #Mechanism_Action > .col > div.vc_col-sm-4 h4, body #Mechanism_Action > .col > div.vc_col-sm-4.color-light:not(:nth-child(2)) p {
	color: white!important;
}
body #Mechanism_Action > .col > div.vc_col-sm-4:nth-child(2) {
	background-color: var(--color-light-blue)!important;
}
body #Mechanism_Action > .col > div.vc_col-sm-4:nth-child(2) h4 {
	color: #923573;
}
body #Mechanism_Action > .col > div.vc_col-sm-4:last-child {
	background-color: var(--color-pink)!important;
}
body #Mechanism_Action > .col > div.vc_col-sm-4:last-child h4 {
	color: var(--color-light-blue);
}
body #Mechanism_Action > .col > div.vc_col-sm-4 > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
}
body #Mechanism_Action > .col > div.vc_col-sm-4 > .wpb_wrapper .wpb_single_image.mechanism-action-icon {
	max-width: 50%;
    margin-top: auto;
}
body #Mechanism_Action .mechanism-action-schematic {
	min-height: 432px;
	display: flex;
	align-items: center;
	background-color: white;
}
@media only screen and (max-width: 767px) {
	body #Mechanism_Action > .col {
		flex-direction: column;
		gap: unset;
	}
	body #Mechanism_Action > .col > div.vc_col-sm-4 {
		margin-bottom: unset;
	}
    body #Mechanism_Action .mechanism-action-schematic {
		min-height: unset;
	}
    body #Mechanism_Action .vc_col-sm-4 .wpb_text_column, body #Mechanism_Action .vc_col-sm-4 .width-100 {
	    width: 100%
    }
}
@media only screen and (max-width: 1199px) {
	body #Mechanism_Action .mechanism-action-schematic {
		min-height: 308px;
	}
}
@media only screen and (max-width: 959px) {
	body #Mechanism_Action .mechanism-action-schematic {
		min-height: 214px;
	}
}

/* Leadership Page */
body .leadership-container {
	display: flex;
}
body .leadership-container.leadership-container-marc {
	justify-content: space-between;
}
body .leadership-container .leadership-logo img {
	max-height: 120px;
}

body .leadership-container.leadership-container-alan {
	justify-content: flex-start;
		gap: 30px;
}
body.page-id-13 h2 {
	font-size: 2rem !important;
}
body.page-id-13 h3 {
	font-size: 1.25rem !important;
}

/* Board accordions */

#The_Boards {

    & #scientific-advisory-board .wpb_content_element {
        margin-bottom: 10px;
    }
     & #scientific-advisory-board .person-photo img {
        width: 200px;
        object-fit: cover;
        aspect-ratio: 1;
    }

     & #scientific-advisory-board img {
        width: 200px;
    }

     & #scientific-advisory-board .wpb_single_image {
        margin-bottom: 10px !important;
    }

     & #scientific-advisory-board h3 {
        font-size: 1.1rem !important;
        letter-spacing: -.4px;
            margin-bottom: 10px;
            border-bottom: 2px solid #dcf0fd;
        margin-inline: 15px;
    }

     & #scientific-advisory-board .wpb_text_column p {
    font-size: .95rem;
        letter-spacing: -.3px;
    }

     & .vc_tta-color-blue.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
        background-color: #ffffff;
        border-color: #ffffff;
        border-bottom: 4px solid #1374ba;
    }

     & span.vc_tta-title-text {
        font-size: 2rem !important;
        position: relative;
        display: inline-block;
        font-weight: 400;
        color: #1374ba;
    }

     & .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
        left: 15px !important;
            height: 15px !important;
            width: 15px !important;
    }

     & .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
        border-color: #923573 !important;
        border-width: 0 4px 4px 0 !important;
    }

     & .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
        background-color: transparent !important;
    }

     & .vc_tta.vc_tta-style-classic .vc_tta-panel-body, .vc_tta.vc_tta-style-classic .vc_tta-panel-heading {
        border-width: 0px !important;
    }

     & #board-of-directors h3 {
        font-size: 1.5rem !important;
        padding-bottom: 6px;
        border-bottom: 4px solid #dcf0fd;
        display: inline-block;
        margin-bottom: 10px;
    }
     & #scientific-advisory-board .univ-logo img {
        width: 175px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .vc_responsive .page-section #The_Boards.standard-section .span_12 {
        max-width: 560px;
    }
}




/* In the Media */
body .in_the_media_list_wrapper {
    border-bottom: 1px solid #dcf0fd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

body :is(.in_the_media_list_wrapper, .in_the_media_detail_wrapper) {
    & h2 {
        font-size: 1.5rem !important;
        text-transform: unset;
        margin-bottom: 10px !important;
        font-weight: 500;
        &:after {
                display:none;
                }
    }
    & h3 {
        font-size: .9rem !important;
        font-weight: 400;
        color: #222222;
        text-transform: uppercase;
    }
    & a.read-more-link {
        display: inline;
        margin-left: 10px;
    }
    & a.read-more-link i {
        transition: padding-left 0.3s ease-in-out;
    }
    & a.read-more-link:hover i {
        padding-left: 0.25rem;
    }
}
 
body .in_the_media_detail_wrapper {
    padding-top: 60px;
    & h2 {
        font-size: 2rem !important;
    }
}


/* Press Releases */
body .press_releases_list_wrapper, .pub_pres_list_wrapper {
    border-bottom: 1px solid #dcf0fd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

body :is(.press_releases_list_content, .press_releases_detail_wrapper, .pub_pres_list_content) {
    & h2 {
        font-size: 1.5rem !important;
        text-transform: unset;
        margin-bottom: 10px !important;
        font-weight: 500;
        &:after {
                display:none;
                }
    }
    & h3 {
        font-size: .9rem !important;
        font-weight: 400;
        color: #222222;
        text-transform: uppercase;
    }
    & a.read-more-link {
        display: inline;
        margin-left: 10px;
    }
    & a.read-more-link i {
        transition: padding-left 0.3s ease-in-out;
    }
    & a.read-more-link:hover i {
        padding-left: 0.25rem;
    }
}

body .press_releases_detail_wrapper {
    padding-top: 60px;
    & h2 {
        font-size: 2rem !important;
    }
}
/*********************/
/* CONTACT PAGE */
/*********************/
@media only screen and (max-width: 767px) {
    body .get-in-touch-col .vc_row {
        display: flex;
        flex-direction: row;
    }
}
@media only screen and (max-width: 520px) {
    body .get-in-touch-col .location-phonenumber-row {
        flex-direction: column;
    }
}
/*###############################################
FOOTER STYLES
###############################################*/

body footer {
    padding-top: 110px !important;
    background-image: url(/wp-content/uploads/2025/08/Footer-Border-v2.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 120% !important;
    background-position: top center !important;

	& p {
	    font-size: 16px;
	    line-height: 1.4em;
	}
	
	& .columns:first-child p{
		padding-right: 40px;
	}
	
	& .columns:last-child p{
		padding-left: 190px;
		margin-bottom: 8px;
	}
	
	& .one-third.columns {
	    flex-direction: column;
	    display: flex;
	    justify-content: flex-start;
	}

	& .container {
	    display: flex;
	}
    & #block-5 p {
        padding-left: 25px;
    }

    & p.footer-address:after {
        display: none;
    }

    & p.footer-address:before {
        content: '\f3c5';
        width: 23px;
        height: 23px;
        color: #efefef;
        background-color: var(--color-pink);
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: .7rem;
        font-family: "FontAwesome";
        aspect-ratio: 1 !important;
        margin-left: -28px;
        margin-top: -2px;
        position: absolute;
    }

    & p.footer-phone:before {
        content: '\f095';
        width: 23px;
        height: 23px;
        color: #efefef;
        background-color: var(--color-pink);
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: .7rem;
        font-family: "FontAwesome";
        aspect-ratio: 1 !important;
        margin-left: -28px;
        margin-top: -2px;
        position: absolute;
    }

    & p.footer-social:before {
        width: 23px;
        height: 23px;
        content: '\f08c';
        font-family: 'FontAwesome';
        color: #efefef;
        background-color: var(--color-pink);
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: .9rem;
        aspect-ratio: 1 !important;
        margin-left: -28px;
        margin-top: -2px;
        position: absolute; 
    }

    & .widget h3 {
        font-size: 1.3rem !important;
        font-weight: 600px;
        text-transform: Uppercase;
    }

    & ul li {
        border-bottom: 0px !important;
        padding: 2px 10px 2px 0px !important;
    }

	& .widget a {
	    transition: .3s all ease-in-out;
	    padding-bottom: 3px;
        line-height: 1.2em;

	    &:hover{
		    text-decoration: underline;
	    }
    }

    & #nav_menu-2 a:before {
        content: '\f054';
        font-family: 'FontAwesome';
        font-size: .7rem;
        margin-right: 5px;
        margin-top: -2px;
    }

    & .widget {
        margin-bottom: 0px !important;
    }

    & .widget ul li:after {
        display:none;
    }    
    
    & .one-third.columns:last-child {
        margin-top: 25px;
    }
}

body #copyright {

    background: #1374ba !important;

    & .copyright-col1 {
        float: unset;
        text-align: center;
    }
    & .copyright-text {
        font-size: .75em;
        color: #ffffff;
    }
    & .copyright-text a {
        color: #ffffff;
        text-decoration: underline;
    }
    & .copyright-text a :hover {
        color: #ffffff !important;
    }

}

body:not(.home):not(.page-id-30) p.footer-social {
  display: none;
}
/*###############################################
Popup Maker Styles
###############################################*/
body .pum-container button.pum-close.popmake-close:hover {
	background-color: var(--color-blue);
	color: white;
	background-image: unset!important;
}
/*###############################################
Gravity Forms STYLES
###############################################*/
body .gform_wrapper .gform-footer input[type="submit"].gform_button {
	background: var(--color-pink)!important;
	font-family: "Interstate", Poppins, sans-serif !important;
	font-size: 1.3rem !important;
	padding: 15px 45px!important;
	border-radius: 50px!important;
	text-transform: uppercase!important;
}
body .gform_wrapper .gform-footer input[type="submit"].gform_button:hover{
	background: var(--color-blue)!important;
}

/*********************/
/* RESPONSIVE STYLES */
/*********************/

body {
    & #mobile-navigation-btn {
         color: #1374ba;
    }
    & #mobile-navigation ul li a {
        font-family: "interstate", arial, san-serif !important;
        text-transform: uppercase;
        border-bottom-color: #9fdaf78c !important;
    }
    & #mobile-navigation ul li:hover {
        background: #9d387b; 
    }
        & #mobile-nav .sub-menu li.menu-item>a:hover {
        background: #882868;
    }
    & #mobile-navigation .sixteen.columns {
        margin-inline: 0px;
        width: 100vw;
    }
    & #mobile-nav li.menu-item>a {
        padding-inline: 20px !important;
    }
    & #mobile-nav li.menu-item>a:hover {
        background: var(--color-pink);
    }
    & #mobile-navigation .container ul {
        margin-block: 0px;
    }
    & #mobile-navigation .container ul li ul {
        margin: 0 30px 0 30px !important;
    }
}
@media screen and (max-width:1200px) {

}

@media screen and (min-width: 1076px) and (max-width:1161px) {
body {
        & #logo img {
            height: 50px;
        }
        & header#header #navigation > ul > li:not(.nav-button) > a {
            margin-left: 10px;
            font-size: 14px;
        }
    }
}

@media screen and (max-width: 1000px) {

}

@media only screen and (max-width: 965px) {
	#mobile-header {
		display: inherit;
	}
	#header, .site-wrapper > .sticky-wrapper {
		display: none;
	}
	#mobile-header .logo img {
		height: 50px;
		width: auto;
	}
}

@media screen and (min-width: 960px) and (max-width:1075px) {
body {
        & #logo img {
            height: 40px;
            margin-top: 4px;
        }
        & header#header #navigation > ul > li:not(.nav-button) > a {
            margin-left: 10px;
            font-size: 14px;
        }
    }
}
@media screen and (max-width: 959px) {
body {
        & .logo img {
            max-width: 650px;
            height: 50px;
        }
        & #fullimagecenter h1 {
            font-size: 2.45rem !important;
        }
    }
}
@media only screen and (max-width: 850px) {
    footer #media_image-2 img {
        padding: unset;
    }
}
@media screen and (min-width: 768px) {
	body {
		& .desktop-hide-me {
			display: none;
		}
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #mobile-header #mobile-logo img {
        width: auto;
    }
}
@media screen and (max-width: 767px) {
	body {
        & .mobile-hide-me {
			display: none!important;
		}

		& .logo img {
		    height: 50px;
		    width: auto;
		}
	
		& vc_responsive .page-section .standard-section .span_12 {
		    max-width: 100vw;
		}
	
		& .wpb_column.vc_column_container.vc_col-sm-1\/5 {
		    padding-left: 20px;
		    padding-right: 20px;
		}
		
		& .container{
			width: 100vw;
		
				& .one.column,
				.one.columns,
				.two.columns,
				.three.columns,
				.four.columns,
				.five.columns,
				.six.columns,
				.seven.columns,
				.eight.columns,
				.nine.columns,
				.ten.columns,
				.eleven.columns,
				.twelve.columns,
				.thirteen.columns,
				.fourteen.columns,
				.fifteen.columns,
				.sixteen.columns,
				.one-third.column,
				one-third.columns,
				.two-thirds.column,
				.two-thirds.columns {
					    width: 90vw;
					    margin: auto 5vw;
				}   
		}
        & .mobile-reverse > .col {
			display: flex;
			flex-direction: column-reverse;
		}
		& .mobile-reverse.leadership-item > .col > div:nth-child(2)  {
		margin-top: 40px;
		margin-bottom: unset;
		}
        & .leadership-container.leadership-container-alan {
            gap: unset;
        }
	}

    body footer div#media_image-2 img {
        width: 80%;
    }
    body #Mechanism_Action .vc_col-sm-4 {
        margin-bottom: 20px !important;
    }
    footer#footer > .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
}

@media screen and (max-width: 479px) {

    body.vc_responsive .page-section .standard-section .span_12 {
        max-width: unset !important;
    }

    body .vc_section:not(#Home_Hero)>.wpb_row {
        padding-top: 50px !important;
    }

    body h2,  body:not(.home) h2 {
        font-size: 2rem !important;
    }

    body .in_the_media_list_wrapper h2,
    body .in_the_media_detail_wrapper h2,
    body .press_releases_list_content h2,
    body .press_releases_detail_wrapper h2 {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }

    body #fullimagecenter h1 {
        font-size: 1.8rem !important;
        letter-spacing: 0px;
        padding: 20px 0 !important;
    }

    body #Home_Hero sr7-shp#SR7_5_1-9-1 {
        display: none !important;
    }
    body a.buttonPrimary {
        font-size: 1.1rem !important;
        padding-block: 10px;
        padding-inline: 19px;
    }
    body a.buttonPrimary>span:after {
        top: 20px;
        width: 14px;
        height: 14px;
    }
    body a.buttonPrimary:hover>span:after {
        right: -49px !important;
    }

    body footer .container {
        flex-direction: column;
        align-items: center;
    }

    body footer {
        padding-top: 90px !important;
        background-size: 300% !important;
    }

    body p.contact-page-icon:before {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    #Home_Platform a.buttonPrimary {
        min-width: unset;
        width: 200px;
    }

    body span.phone-hide {
        display: none;
    }

}

/*###############################################
Accessibility Styles
###############################################*/
/* keyboard navigation for mobile/desktop */
#navigation ul#nav {
    display: flex;
    flex-direction: row;
  }
  #navigation #nav li{
    display: flex;
    align-items: center;
  }
  #navigation li.menu-item-has-children {
    display: flex;
    align-items: center;
  }
  #navigation button.desktop-toggleBtn, #mobile-nav button.desktop-toggleBtn {
    background: none;
    border: none;
    margin: unset;
    padding: 0 24px 0 0px;
    margin-top: -3px;
  }
  #navigation button.desktop-toggleBtn:focus-visible, #mobile-nav button.desktop-toggleBtn:focus-visible {
    outline: 2px solid !important;
    outline-offset: 2px;
    color: white!important;
  }
  #navigation button.desktop-toggleBtn:hover, #mobile-nav button.desktop-toggleBtn:hover {
    background-color: unset !important;
    background-image: unset !important;
	
  }
  #navigation .no-after.sf-with-ul:after, #mobile-nav .no-after i{
    display:none;
  }
  /* Mobile menu styles */
  #mobile-nav li.menu-item-has-children {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  #mobile-nav li.menu-item-has-children a{
    width: 100%;
  }
  #mobile-nav li.menu-item-has-children a.no-after{
    width: calc(100% - 37.742px);
  }
	#mobile-nav li.menu-item-has-children a.no-after:focus-visible {
		width: calc(100% - 42px);
	}
  #mobile-nav button.desktop-toggleBtn {
    background: none;
    border: unset;
    border-radius: unset;
    margin: unset;
    padding-right: unset;
    padding-left: 24px;
    position: absolute;
    right: 30px;
    top: 17px;
  }
  #mobile-nav .sub-menu {
    width: 100%;
  }
#navigation > ul > li > a:hover + button.desktop-toggleBtn {
	color: var( --color-pink)!important;
}
#mobile-nav button.desktop-toggleBtn:focus-visible {
	color: white;
}
body {
	& #navigation #nav button.desktop-toggleBtn:hover, #navigation #nav button.desktop-toggleBtn:focus-visible {
		background-image: unset!important;
		color: var( --color-pink)!important;
	}
}
@media only screen and (min-width: 1076px) and (max-width: 1242px) {
    #navigation button.desktop-toggleBtn {
        padding: 0 8px 0 0px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1075px) {
    #navigation button.desktop-toggleBtn {
        padding: 0 0px 0 0px;
    }
}

/* -------------------
CookieYes Styles 
------------------- */
body button.cky-btn, body button.cky-accordion-btn, body button.cky-show-desc-btn {
	font-family: Poppins, Helvetica, sans-serif !important;
}
body button.cky-btn:not(.cky-btn-accept):hover, body button.cky-accordion-btn:hover, body button.cky-show-desc-btn:hover, body button.cky-btn-close:hover {
	background-image: unset!important;
	opacity: 1;
	text-decoration: underline!important;
}
body button.cky-btn.cky-btn-accept:hover {
	background-color: var(--color-blue)!important;
	background-image: unset!important;
	opacity: 1;
}
body button.cky-accordion-btn, body button.cky-show-desc-btn, body button.cky-btn:not(.cky-btn-accept) {
	color: var(--color-pink)!important;
}
body button.cky-btn-close {
	filter: invert(22%) sepia(45%) saturate(500%) hue-rotate(260deg) brightness(95%) contrast(90%);
	position: absolute;
	right: 25px;
	top: calc(50% - 15px);
}
body button.cky-btn-close > img {
	width: 30px!important;
	height: 30px!important;
}
body button.cky-btn-close:hover {
	filter: invert(30%) sepia(94%) saturate(1161%) hue-rotate(182deg) brightness(87%) contrast(92%);
}
body .cky-preference-header {
	position: relative;
}
body .cky-btn-revisit-wrapper {
	display: none;
}