/*
Theme Name:    spc-2024
 Theme URI:    https://spectrumcf.com
 Description:  Blank Canvas Child Theme developed by Electric Bricks for CHoP: SPeCTRuM Cystic Fibrosis Study
 Author:       Keith Paul
 Author URI:   https://electricbricks.net
 Template:     eb-blank-canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         eb-blank-canvas, responsive-layout, electricbricks
 Text Domain:  spc-2024
*/


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Oxygen:wght@400;700&display=swap');

/*BODY*/
html {height:100%;}
body{background-color: #fff; color: #6F6F6F;font-family: 'Oxygen', sans-serif;;font-weight: 400;height:100%;overflow-x: hidden;}

/*FONTS*/
h1 {font-size:3rem;}
h1, h2, h3 {font-weight:700;color:#011D40;font-family: "Oswald", sans-serif;}
h1 span, h2 span, h3 span {font-weight:700;}
h2 {font-family: 'Oswald', sans-serif;font-weight: 600; font-size: 2.5rem;color: #21409A;text-transform:uppercase;}
h3 {font-size:1.5rem;text-transform:uppercase;;color: #21409A;}
h4 {font-weight:400;font-size:1.25rem;}
p {font-size:16px;}
ul, ol {font-size:18px;}

.single h1, .single h2 {text-transform:none;}
h2 a, h3 a {color:#2f2f2f;}
a {color: #21409a;text-decoration: none;}
a:hover {color:#ED1C24;}
h4.label {color:#00A79D;font-weight:700;position:relative;}

blockquote {background: #fafafa;padding: 4px;}
.phone i {color:#28487F;}
.social-icons i {color:#28487F;}
.topnav a {color:#58595B;font-size:1rem;}
.hero h1 span {font-weight:700;}
.hero-services i {color:#9FD356;}
.case-studies h4 a {color:#58595B;font-weight:700;}
.read-more {display:block;}
.contact-info i {color:#2699FB;}

/*table styles*/
.table-styles {border:none;}
.table-styles th {background:#38b54a;color:#fff;padding:10px;}
.table-styles td {padding:10px;border-color: #939393;border-width: 0 0 1px;}
.table-styles tr {border-bottom:1px solid #ececec;}


/* Page images */
.vc_box_rounded img, .featuredImage img {border-radius:16px!important;}

/* CASE STUDIES */
.case-studies h4 a {color:#58595B;font-weight:700;}
.case-studies img {border-radius:16px!important;}

/* NEWSLETTER  */
.newsletter legend, .newsletter label {color:#ffffff!important;}

/*Service cards*/
.blurb .vc_column-inner {
    background-color: #ffffff;
    border: 1px solid #21409A;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 0;
    display: flex;
}

.resources .vc_column-inner {
    border: 1px solid #ccc;
	background-color:white;
	padding-top:24px;
	border-radius:6px;
}

.resources .vc_column-inner h2 {background-color:#fbb040;text-transform:none;color:#000;border-radius:30px;padding: 10px 24px;font-weight:500;margin-top:-50px;font-size: 2rem;margin-bottom:24px}
.resources .vc_column-inner h3 {text-transform:none;color:#000;font-weight:500;}

/*JUMBOTRON*/
.jumbotron {margin-bottom:0;color:#fff;padding:48px 0;box-shadow: inset 0 0 0 1000px rgb(0 23 21 / 80%);min-height:400px;display: flex;align-items: center;}
.jumbotron .left .wpb_wrapper {max-width:660px;margin-left:auto;}
.jumbotron .right .wpb_wrapper {max-width:660px;margin-right:auto;}
.jumbotron .list-style li {color:#fff;}

/* Team members */
.team-member {margin-top:56px;}
.team-member .featuredImage {display:none;}
.team-member .entry-meta, .single-team-member .entry-title {display:none;}

/* Sponsors */
.sponsors .col {width:100%;justify-content: center;padding:16px;}
.sponsors  .clientLogo {text-align:center;}

/*CARDS*/
.staff .col {height:100%;}
.staff .row > div {margin-bottom:24px!important;}
.card {height:100%;border:none;margin-bottom: 40px!important;background-color: #4973eb;justify-content: center;align-items:center;padding-top:24px;border-radius: 200px 200px 16px 16px;}
.card p.label:after {content:none;}
.headShot {height: 250px;width: 250px;background-size:cover;background-repeat:no-repeat;background-position:top;position: relative;border-radius:300px}
.staff h3, .staff a, .staff strong {color:#fff;text-transform:none;}
.staff p, .staff ul {color:#fff;}
.staff a:hover {color:#ccc;}

/*UBERMENU*/
.ubermenu-responsive-toggle i {font-size:1.25rem;}
.topnavMobile a {font-size:1rem;}
.ubermenu-item {border:none!important;}

/* TESTIMONIALS */
.testimonial {margin-bottom:40px;padding:24px;box-shadow: 0 0 24px #e9e9e9;border-radius:8px;}

/*Forms*/
.quick-form .wpforms-container .wpforms-field-label {color:#ffffff;}

/*.error404 h1, .post h1, .blog h1, .author h1, .search h1, .category h1 {padding: 40px 0 24px;}*/
.search h1 span {color: #bcbcbc;}
#main_ul-topnav-menu .btn-outline a {border:1px solid #F21651;margin-left:16px;}
.readMore a {color:#b2b2b2;}
.readMore a i {color:#ED9B3C;padding-right:4px;}

/********** Widgets  **********/
.headerRightWidget a {color:#f6eee3;}
.mainnav .socialMediaWidget {padding:6px;text-align:center;}

.service {display:flex;align-items:center;}
.service img {margin-right:14px;}

.blog h2 {font-size:1.5rem;}
p.badge {color:#4075E3;font-size: 1rem;text-transform: uppercase;padding:0;margin:0;}

/**********Logo **********/
.logo img {padding-bottom:12px;max-width: 300px!important;}

.logoLink{width: 100%;display: block;text-align: center;}
.logos img{max-width: 225px !important;}

.entry-title {margin:40px 0 16px 0;}

/*Label above titles*/

.alignnone, .aligncenter, .alignleft, .alignright{max-width: 100%; height: auto;}
a.offScreen{position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden;}
a.offScreen:focus, a.offScreen:active, a.offScreen:hover{position: absolute; left: 0; top: 0; width: auto; height: auto; overflow: visible; background-color: #FF3; border: 1px dotted #000;}

header {width: 100%;background-color: #fff;/* box-shadow: 0 4px 14px #e4e4e4; */}
header.showImage, header.home{margin-bottom: 0;}
header .container {flex:1;}
header li {list-style: none;}
header li:before {content:none;}
header .socialIcons > li{display: inline; margin: 0 3px;}
header h3 {color:#ED9B3C;}

.headerRightWidget .textwidget {display:flex;justify-content: flex-end;flex-wrap:wrap;text-align: center;padding:0 16px;}
.headerRightWidget .textwidget p {/* padding:14px 0 0; */}
.headerRightWidget .textwidget a {margin-top:14px}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.home .headerRightWidget .textwidget h3 {display:none;}
.prenav a {color:#fff;}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.socialMediaWidget p {margin:0;}
.socialMediaWidget a {padding:0 8px;color:#fff;font-size:1.25rem;}
.social-icons i{/* min-width: 30px; *//* min-height: 30px; *//* border: 1px solid #f16281; */border-radius: 30px;/* padding: 12px; */margin:0 6px 0;font-size:1.25rem;}
.main-nav .branding {padding-bottom: 12px;align-items: center;}
.cta {text-align:center;}
header .logo {display:flex;justify-content: center;}

/*CONTACT*/
.contact i {color:#8D5BA5;padding-right:6px;}
.contact h4 {padding-bottom:16px;}
.contact .address span {display:block;padding-left:26px;}

/* Header Left mobile icon*/
.mobilePhoneIcon {width: auto;position: absolute; z-index: 999;left: 20px;top: 14px;font-size: 20px;color:#ED9B3C;}
.mobilePhoneIcon a {font-size:1.25rem;padding-right:14px;color:#ED9B3C;}

/*---- Interior hero image section----*/
.pageTitleImage {
    background-position: center;
    background-size: cover;
    min-height: 300px;
    display: flex;
    align-items: stretch;
	margin-bottom: 56px;
}
.pageTitleTint {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pageTitleTint img {width: 100px;}

.message {margin-bottom:0;color:#fff;padding:56px 0;box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);min-height:400px;display: flex;align-items: center;}

.pageTitleImage h1, .pageTitleImage h2 {color: #000000;flex-grow: 1;width: 100%;line-height: 3rem;margin-top:16px;text-align: center;}

/*---- Homepage Feature Box Classes ----*/
.featureBoxes{margin-top: 0;}

/*---- Image Classes ----*/
.twoCorners img{border-radius: 60px 0 60px 0;}

/*---- Form Display----*/
input[type="text"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"]
{padding:6px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
select {padding:4px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
button[type="submit"] {background-color:#011D40!important;color:#fff!important;border-radius:3px!important;font-weight:400!important;padding: 10px 20px!important; }
.select2-selection__arrow {top:6px!important;}
.woocommerce-page form .show-password-input {top:auto;}
.select2-selection {padding:4px 10px 0 0!important;height:38px!important;border:1px solid #ccc!important;border-radius:2px;}

div.wpforms-container-full .wpforms-confirmation-container-full {background:#f8f8f8;}

.page-template-page-no-image h1 {margin-top:32px;padding:32px 0;}

/* Newsletter signup */
.newsletter form {display:inherit;}
.newsletter form input {min-width: 290px!important;border-radius:0}
.newsletter button[type="submit"] {border-radius:0!important;width:100%;margin-top:20px}
.newsletter div.wpforms-container-full .wpforms-form .wpforms-submit-container {margin:0;}
.newsletter .wpforms-container .wpforms-field {padding:0;}

/*---- Mobile hamburger menu----*/
.symbol_menu {font-size: 56px;position: absolute;top: -6px;right: 10px;color:#333;}
.symbol_cross {font-size: 16px;position: absolute;right: 18px;color:#333;} 

/*---- Services----*/
#services .icon img {height:45px;width:auto;margin-bottom:16px;}
#services .card {box-shadow:0 0 29px #e4e4e4;padding:16px;margin:0;border:none;}

/********** Custom post types **********/
.blog .card .noImage {background:none;height:auto;}
.sponsors .row {align-items:center;margin-bottom:48px;}


/***** Top Margins page *****/
.search #content, .blog #content {margin-top:48px;}


/***** Event page *****/
.single-event #content {margin-top:40px;}
.single-event .module {border-bottom:4px solid #000;}

/*---- Content ----*/
.home #content  {padding-top:0;}
/*#content {padding-top:56px;flex-grow:1;}*/
#content .no-results {padding-bottom:42px;}

/*---- Counter----*/
.counter h3 {border:6px solid #BC042C;border-radius:50px;width:100px;height:100px;line-height:1.5;margin:0 auto 24px;}

/********** LI styles with font aeseom icon **********/
.list-style ul {list-style:none;}
.list-style li {margin-bottom: 10px;/* font-size:1.25rem; */}
.list-style li:before {
	font-family: 'Font Awesome 6 Pro';
    content: '\f058';
    margin: 0 8px 0 -27px;
    color: #38b54a;
    font-size: 20px;
	font-weight:400;
}

.wp-caption-text, .sd-title, .jp-relatedposts-headline{font-size:12px; color:#999; padding-top:10px;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxCurrent{font-size:12px;}

/********** begin button classes **********/
#content .btn {padding:0;}
a.btn, .btn button, .btn a, .button {
	background-color: #38b54a!important;
	padding: 12px 20px !important;
	color: #fff!important;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	transition: all 0.2s ease-in-out 0s;
	font-size:14px;
	text-transform: uppercase;
	border-radius:24px 0 24px 0!important;
	border-color: transparent;
	}
a.btn:hover, a.btn:active, .btn button:hover, .btn a:hover{
	background:#2f2f2f!important;
}

a.read-more, .read-more button, .read-more a, .button {
	background: none!important; 
	background-image:none!important;
	color: #2699FB!important; 
	font-weight: 700; 
	transition: all 0.2s ease-in-out 0s !important;
    text-transform: uppercase;
}

.cta .btn.outline {color: #6F6F6F!important;}

.outline a, a.outline {background:#fbb040!important;padding: 12px;border-radius:2px;}
a.outline:hover, .outline a:hover, .outline a:hover {background:#011D40!important;}
#content .cards .btn {padding: 12px 20px;}


/* First slider (homepage) arrows */
sr7-module[data-alias="homepage"] sr7-arrow.sr7-arrows.uranus:before,
sr7-module[data-alias="homepage"] sr7-arrow.sr7-arrows.uranus:after {
    color: #BCE0FD !important;
}

/* Second slider (partners) arrows */
sr7-module[data-alias="partners"] sr7-arrow.sr7-arrows.uranus:before,
sr7-module[data-alias="partners"] sr7-arrow.sr7-arrows.uranus:after {
    color: #7D7D7D !important;
}

/* Start of 3 Column CTA Styling - AR */

.info-box-row .vc_column-inner {
    background-color: #ffffff;
    border: 1px solid #00a88e45; 
    border-radius: 25px 0 25px 0;
    padding: 30px;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 0 20px;
/*    height: 80%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Hover effect */
.info-box-row .vc_column-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

/* Icon image */
.info-box-row .wpb_single_image img {
    max-width: 100px;
    margin-bottom: 0px;
}

/* Remove background and border from CTA */
.info-box-row .vc_cta3-container,
.info-box-row .vc_general.vc_cta3.vc_cta3-style-classic,
.info-box-row .vc_general.vc_cta3.vc_cta3-style-custom {
    background-color: transparent !important;
    border: none !important;
}

/* Headings */
.info-box-row h2, 
.info-box-row h3, 
.info-box-row .vc_custom_heading {
    color: #21409A;
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 700;
    
}

/* Paragraph text */
.info-box-row .vc_cta3-content p {
    color: #4C4C4C;
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 400;
}

/* Button / Link Styling */
.info-box-row .vc_general.vc_btn3, 
.info-box-row .vc_cta3-actions-bottom a, 
.info-box-row a.button, 
.info-box-row a {
    color: #d81b60;
    font-weight: 700;
    /*font-style: italic;*/
    font-size: 18px; 
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    transition: color 0.3s ease;
   
   
    
}

.info-box-row .vc_general.vc_btn3:hover, 
.info-box-row .vc_cta3-actions-bottom a:hover, 
.info-box-row a.button:hover, 
.info-box-row a:hover {
    color: #ad1457;
}

/* End of 3 Column CTA Styling - AR */


/* === Start of Section 3 Layout Styling - AR === */
.inclusive-research-section .vc_row { 
    position: relative;
}

/* === Paragraph Text in CTA  === */
.inclusive-research-section .vc_cta3-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    font-size: 18px;
    color: #4C4C4C;
}

/* === Button Styling  === */
.inclusive-research-section .vc_cta3-actions-bottom a,
.inclusive-research-section .vc_general.vc_btn3 {
    background-color: #38b54a !important; 
    color: #FFFFFF !important;           
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700;         
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px 0 25px 0 !important; 
    font-style: normal;          
}

.partner button {
	background-color: #38b54a !important; 
    color: #FFFFFF !important;           
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700;         
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 20px !important;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px 0 25px 0 !important; 
    font-style: normal;          
}

.inclusive-research-section .vc_cta3-actions-bottom a:hover,
.inclusive-research-section .vc_general.vc_btn3:hover {
    background-color: #333 !important; 
}

/* === Remove CTA Background and Border === */
.inclusive-research-section .vc_cta3-container,
.inclusive-research-section .vc_general.vc_cta3.vc_cta3-style-classic,
.inclusive-research-section .vc_general.vc_cta3.vc_cta3-style-custom {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* === Rounded Image Corners === */
.inclusive-research-section .wpb_single_image img {
    border-radius: 25px 0 25px 0;
}

/* === Connector Line === */
.inclusive-research-outer {
    position: relative;
}

/* === Connector Hexagon Overlay === */
.inclusive-research-section::before {
        display: none; 
}




/* === End of Section 3 Layout Styling - AR === */


/* CTA Button Styling */
/*
a.btn.btn-study, a.btn.btn-portal {height: 60px;
  min-width: 250px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  border-radius: 5px;
	font-size: 18px;
}
a.btn.btn-study i, a.btn.btn-portal i{font-size: 24px;}
*/

/* Sign up for mailing list button */
/*
a.btn.btn-study {
  background-color: #FFFFFF;
  color: #707070!important;
  border: 2px solid #707070;
}
*/

/* Sign up for Donate Today button */
/*
a.btn.btn-portal {
  background-color: #00A88E;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
	transition: all 0.2s ease-in-out 0s !important;
}
a.btn.btn-portal:hover {
	background: linear-gradient(270deg, #9d0000 0%, #e00000 100%);
}
*/


/***** Pre Nav Container *****/

.prenav-button-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
	
  flex-wrap: wrap; 
}

/***** Footer Container *****/
.footer-button-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
	
  flex-wrap: wrap; 
}



/********* Jumbotron ************/
#jumbotron {min-height:400px;align-items:center;display:flex;}

/*---- Blog pages ----*/
.blog .post, .category .post{display: flex;flex-wrap: wrap; padding: 16px; background: #ffffff;margin: 0 0 24px;justify-content: space-between;}
.blog .post > div{}
.blog .post:last-child, .category .post:last-child{border-bottom: none;}
.blog .post img {padding:0 16px 0 0;width:100%;height:auto;}
.blog h2 a {color:#333;}
.blog h2:after {content:none;}
.blog .more-link {display:block;padding-top:16px;}
.blog .post, .category .post {background-color: #fff; box-shadow: 0 0 24px #e9e9e9; padding: 24px; margin: 35px 0;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #8a979b; border-color: #8a979b;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #8a979b;}
.single .post, .single .case-study {padding:40px 0;}


/*---- Search pages ----*/
.search .post {margin-bottom:32px;}

#nav-above, #nav-below {display:none;}
.entry-meta {padding:0 0 16px}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
.single .post {padding:40px 0;}
.nav-previous{float: left; display: inline-block;}
.nav-next{float: right; display: inline-block;}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
/*.postRow > div {padding:16px}*/
.postThumbnailBkgd{height: 325px;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;text-align: center;transition: all 0.2s ease-in-out 0s;margin-bottom:16px;border-radius:4px;}
.postRow {margin-left:auto;}
.entry-utility {display:none;}
/*---- Author pages ----*/
.author .stories p {padding:0;margin:0;}
.author .stories li {padding:0 0 16px}
.author .stories a {line-height:1.5rem;}
/*.blog .entry-meta, .single .entry-meta, .single .featuredImage {display:none;}*/

/*---- Footer ----*/
footer {background-color: #21409A;padding:0;position: sticky;top: 100vh;color:#fff;}
footer .social-icons {margin-top:16px;}
#footerTop {color: #888; font-size: .9em; text-align: center;}
footer, footer .container {/* margin-top: 0; */}
footer .row {align-items:center;}
.legal p {font-size:0.875rem;margin:0;}
#footer .widget-area {/* margin: 10px 0; */padding: 40px 0;/* text-align: center; */}
footer h2 {font-size: 1rem;color: #ffffff;}
footer a {color: #9FE8E3;font-size: .875rem;/* padding:0 16px; */}
footer a:hover {color: #fff;}
footer .social li{display: inline; font-size: 20px; padding: 0 5px;}
ul.widget-area {list-style: none; padding: 0; margin: 0;}
footer ul {padding:0;margin:0;/* text-align:center; */}
footer li {line-height:1.5rem;padding:0;margin:0;list-style: none;}
footer li:before, #subFooter li:before {content:none;}
#footerTopWidget .widget-area {/* text-align:center; */}
#footerWidget .widget-area img {width: auto;height:auto;}
.footerWidget {display:flex;justify-content:center;flex-direction:column;}
.footerWidget li {width:100%;margin: 0;}
.foot-nav {padding:20px 0 0;}
.foot-nav .logo {width:200px;margin-bottom:16px;}
.footerWidget .widget {padding: 24px;}
.footerWidget #media_image-3 img{max-width: 138px!important;}
.copyright {text-align:center;}
footer .btn {margin-bottom:16px;}

#subFooter {background-color: #0a2982 ;bottom: 0;width: 100%;color:#ccc;padding:20px;font-size:12px;font-weight:300;}
#subFooter .eb{opacity:0.5; transition: all 0.2s ease-in-out 0s;}
#subFooter .eb:hover{opacity:1;}
#subFooter a{color:#ccc; font-size:.875rem;}
#subFooter p{color:#ccc;font-size:.875rem;margin: 0;}
#footerLeftWidget img {width:auto;max-height:160px;padding: 0 0 24px;}
#subFooter .widget-area {padding:0;}
footer .legal {padding:16px 0;}

/*
Legal compliance links
.menu.legalCompliance{display: flex; justify-content: center;flex-direction:column;}
.menu.legalCompliance li{display: inline-block; margin:0 0 0 5px;}
.menu.legalCompliance li::after {content:none;}
.menu.legalCompliance li:last-child::after{content: none;}
*/

/*Legal compliance links*/
footer #subFooter #menu-legal-compliance.menu{display: flex; justify-content: center;}
footer #subFooter #menu-legal-compliance.menu li{display: inline-block; margin:0 0 0 5px; border: none;}
footer #subFooter #menu-legal-compliance.menu li::after {content:" | ";}
footer #subFooter #menu-legal-compliance.menu li:last-child::after{content: none;}

/*Social icon menu*/
#footer .socialIcons > li{display: inline; margin: 0 3px;}
.socialIcons > li a{font-size: 1.25rem; border: 1px solid #73b6d5; padding: 5px; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px;  transition: all 0.2s ease-in-out 0s;}
.socialIcons > li a:hover{background-color: rgba(0,0,0,0.25);}
.socialIcons a:hover{color: #fff !important; text-decoration: none;}
header .socialIcons > li a {border:none;padding:0;height:auto;}
header .socialIcons > li a:hover{background-color:rgba(0,0,0,0.0);color:#cccccc;}

#subFooter a:hover{text-decoration: underline;}
#ebFooterLogo{margin-top:5px;}

@media only screen and (max-width: 767px) {
	.phone {/* flex:100%; *//* text-align:center; */}
	.headerRightWidget a {margin:8px;}
	footer {text-align:center;}

}

@media only screen and (min-width: 768px) {
p {font-size:18px;}
.featureBoxes{margin-top: -50px; z-index: 100; position: relative;}
.error404 input[type="search"] {height:46px;min-width:400px;}
.sponsors .col {width:25%;justify-content: center;padding:16px;}
.sponsors  .clientLogo {text-align:center;}
.copyright {text-align:right;}
.menu.legalCompliance{justify-content:flex-start;}
.logo img {padding-bottom:0;max-width: 100%;}
.main-nav {padding-top:20px;padding-bottom:16px;}
.cta {text-align:right;}
.mainnav .socialMediaWidget {padding:0;text-align:left;}
.logoLink {text-align: left;}
.mainnav .btn{display:none;}
.socialMediaWidget {margin-left:32px!important}
header .inner {max-width: 1320px;margin:0 auto;display:flex;align-items:center;}
.topnav {align-items: center;}
#menu-cta-menu li {padding: 0 12px;}

/*---- Verticals ----*/
#services .card {width:45%;}
#preHeaderLeft .textwidget {display:flex;padding-left:32px;}
#preHeaderRight {text-align: right;}
#preHeaderLeft .textwidget span {margin-right:12px;}
#preHeaderLeft .textwidget p {padding:0 12px 0 ;margin:0;color:#fff;}
.prenav i {color: #b0e665;margin-right:6px;}
header .prenav .email {display:block;}
.socialIcons {display:block;margin:0}
.postThumbnailBkgd {margin-bottom:0;}
#services .card {margin:8px;}
.menu.legalCompliance{flex-direction:row;}
.menu.legalCompliance li::after{content: '|'; margin-left: 5px;}
#logo {padding: 12px;height: 170px;max-width:100%;position:absolute;z-index:5;top:20px;}
.logoLink {padding: 12px 24px 12px 0;}
.headerRightWidget .textwidget {/* justify-content: space-between; *//* align-items:center; */}
header .logo {display:block;}
header .prenav {background: #21409A;padding: 18px 24px;}
header .prenav p {margin:0;}

.headerRightWidget .textwidget a {margin:0 12px;}
.home .headerRightWidget .textwidget h3 {display:block;}
#menu-cta-menu{text-align: right;width: 100%;color:#fff;/* display:flex; */justify-content: flex-end;padding:12px 0;flex-direction: row;}
	
.footerWidget {flex-direction:row;}
.footerWidget li {flex: 1 0 0%;}

.process-label {
  font-family: 'Oswald', sans-serif;
  font-weight: 600 !important;
  text-align: center;
  line-height: 1;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 2px;
}

.stats-label {
  font-family: 'Oswald', sans-serif;
  font-weight: 600 !important;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  letter-spacing: 2px;
}

}
    
/*
.inclusive-research-section::before {
        display: none; 
}
*/

/*
@media only screen and (max-width: 992px) and (min-width: 768px) {
.logo img {max-width: 100%;}

}
*/

@media only screen and (min-width: 992px) {
.newsletter form {display:flex;}
.newsletter button[type="submit"] {border-radius:0!important;width:auto;margin-top:0}

/*---- Services----*/
#hero {position:relative;}
.featuredSection {position:absolute;bottom: -334px;z-index:999;}
#intro {margin-top:400px!important;}
}

@media (min-width: 1200px) {
    .inclusive-research-outer::before {
    content: '';
    position: absolute;
    display: block;
    top: 25%;             
    left: 30%;             
    width: 40%;           
    aspect-ratio: 469 / 406;
    background: url('/wp-content/themes/spc-2024/images/connector-shape.svg') no-repeat center center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
    transform: rotate(30deg); 
    transform-origin: center center;
    opacity: 0.3;
}
}