/*!
Theme Name: S-cubedbio
Author: D2 Creative
Description: S-CubedBio Theme
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: S-cubedbio
*/
hr { box-sizing: content-box; overflow: visible; background-color: #ccc; border-top: 1px !important; height: 1px; margin: 0 0 1em;}
/* Add the correct font weight in Chrome, Edge, and Safari. */
b,strong {font-weight: bolder;}
/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Remove the border on images inside links in IE 10. */
img {border-style: none;}
/* Add the correct display in all browsers. */
summary {display: list-item;}
/* Add the correct display in IE 10. */
[hidden] {display: none;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {max-width: 100%;}
table {	margin: 0 0 1.5em;	width: 100%;}
.site-main .posts-navigation, .site-main .post-navigation {margin: 0;}
.posts-navigation .nav-links,.post-navigation .nav-links {display: flex;}
.posts-navigation .nav-previous,.post-navigation .nav-previous {flex: 1 0 50%;text-align: right;}
.posts-navigation .nav-next,.post-navigation .nav-next {flex: 1 0 50%;}
.sticky {display: block;}
.updated:not(.published) {display: none;}
.page-links {clear: both;margin: 0 0 1.5em;}
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}


.fw-normal {font-weight: 400;}
.fw-medium {font-weight: 500;}
.fw-semi-bold {font-weight: 600;}
.fw-bold {font-weight: 700;}
.tt-uc {text-transform: uppercase;}
.tt-lc {text-transform: lowercase}
.ta-c {text-align: center;}
.td-n, .td-n > a {text-decoration: none;}
.m-0 {margin: 0;}
.mt-0 {margin-top: 0;}
.mr-0 {margin-right: 0;}
.mb-0 {margin-bottom: 0;}
.ml-0 {margin-left: 0;}
.mlr-a {margin-left:auto;margin-right:auto;}
.p-0 {padding: 0;} 
.pt-0 {padding-top: 0;}
.pr-0 {padding-right: 0;}
.pb-0 {padding-bottom: 0;}
.pl-0 {padding-left: 0;}
.ptb-0 {padding-top: 0;padding-bottom: 0;}
.plr-0 {padding-left: 0;padding-right: 0;}
.gap-0 {gap: 0}
.gap-10 {gap: 10px}
.gap-50 {gap: 50px}
.gap-80 {gap: 80px}
.gap-110 {gap: 110px}

.br-30 {border-radius: 30px}
.br-50 {border-radius: 50px}
.br-tr-0 {border-top-right-radius: 0 !important}
.br-tl-0 {border-top-left-radius: 0 !important}
.br-br-0 {border-bottom-right-radius: 0 !important}
.br-bl-0 {border-bottom-left-radius: 0 !important}

.bg-green-dark {background: #183A39}
.bg-green-light {background: #6FB967}
.bg-grey-dark {background: #3e3e3e}
.bg-grey-light {background: #f5f5f5}
.bg-white {background: #fff}

.txt-green-dark {color: #183A39}
.txt-green-light {color: #6FB967 !important}
.txt-grey-dark {color: #3e3e3e}

.ls-sm {letter-spacing: 0.02em}
.ls-med {letter-spacing: 0.04em}
.ls-lrg {letter-spacing: 0.06em}

.fs-sm {font-size: 20px !important}
.fs-md {font-size: 40px !important}
.fs-lg {font-size: 60px !important}


.flex {display:flex;height: 100%;}
.flex-col {flex-direction: column;}
.flex-jc-space-between, .flex-space-between {justify-content: space-between;}
.flex-jc-start {justify-content: flex-start;}
.flex-jc-center {justify-content: center;}
.flex-jc-end {justify-content: flex-end;}
.flex-ai-start {align-items: flex-start;}
.flex-ai-center {align-items: center;}
.flex-ai-end {align-items: flex-end;}
.flex-grow {flex-grow:1;}
.wp-block-group.flex {display: block;height: 100%;}
.wp-block-group.flex .wp-block-group__inner-container {display:flex;height: 100%;}
.wp-block-group.flex-col .wp-block-group__inner-container {flex-direction: column;}
.wp-block-group.flex-jc-space-between .wp-block-group__inner-container, 
.wp-block-group.flex-space-between .wp-block-group__inner-container {justify-content: space-between;}
.wp-block-group.flex-jc-start .wp-block-group__inner-container {justify-content: flex-start;}
.wp-block-group.flex-jc-center .wp-block-group__inner-container {justify-content: center;}
.wp-block-group.flex-jc-end .wp-block-group__inner-container {justify-content: flex-end;}
.wp-block-group.flex-ai-start .wp-block-group__inner-container {align-items: flex-start;}
.wp-block-group.flex-ai-center .wp-block-group__inner-container {align-items: center;}
.wp-block-group.flex-ai-end .wp-block-group__inner-container {align-items: flex-end;}
.wp-block-group.flex-grow .wp-block-group__inner-container {flex-grow:1;}

/* panel-pda does top and bottom, left/right handled by contentinner classes */
.panel-pad-xs {padding-top:40px;padding-bottom:40px;}
.panel-pad-sm {padding-top:65px;padding-bottom:65px;}
.panel-pad-md {padding-top:120px;padding-bottom:120px;}
.panel-pad-lg {padding-top:180px;padding-bottom:180px;}

/* make image within element behave like a cover image */
.with-cover-image, .with-cover-image .wp-block-group__inner-container > * {position: relative;}
.with-cover-image .wp-block-image.the-cover-image,
.with-cover-image .wp-block-image.the-cover-image picture {position: absolute;width: 100%;  height: 100%;  overflow: hidden;}
.with-cover-image .wp-block-image.the-cover-image img {object-fit: cover;  object-position: center;width: 100%;  height: 100%; }

/* General */
.loadeffect {opacity: 0;position: relative;translate: 0 13vh;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectactive {opacity: 1;position: relative;translate: 0 0;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectgroup > div {opacity: 0;position: relative;translate: 0 13vh;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectgroupactive > div {opacity: 1;position: relative;translate: 0 0;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}

/* ================================================================================================================
   ______           __                  ________________
  / ____/_  _______/ /_____  ____ ___  / ____/ ___/ ___/
 / /   / / / / ___/ __/ __ \/ __ `__ \/ /    \__ \\__ \ 
/ /___/ /_/ (__  ) /_/ /_/ / / / / / / /___ ___/ /__/ / 
\____/\__,_/____/\__/\____/_/ /_/ /_/\____//____/____/  
                                                                                                        
-------------------------------------------------------------------------------------------------------------------
	
    --brand-color-green-dark:  #183A39
    --brand-color-green-light: #6FB967
    --brand-color-grey-dark:   #3e3e3e
    --brand-color-grey-light:  #f5f5f5

================================================================================================================ */


/*
Theme specific CSS Components (also add to blocks.css)
Https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ 
    Text sizes, colors, and weights
    Border colors, widths, and positions
    Background colors
    Flexbox utilities
    Padding and margin helpers

.fs-30 {font-size:3.0rem;line-height:1.2;}
.fs-20 {font-size:2.0rem;line-height:3.5rem;}

.lh-30 {line-height:3.0rem;}

.ls-20 {letter-spacing: 0.020em;}
.ls-100 {letter-spacing: 0.100em;}
.ls-200 {letter-spacing: 0.200em;}


.c-gold{color:var(--brand-color-gold);}
.c-green {color:var(--brand-color-green);}

.bg-brand-gold {background-color:var(--brand-color-gold);color:#fff;}
.bg-brand-green {background-color:var(--brand-color-green);color:#fff;}  
.bg-light-gray {background-color:#F8F4ED;color:#000;}

.mw-825 {width:825px;max-width: 100%;margin-left:auto;margin-right:auto;}

.custom-ratio-home-letterbox img {aspect-ratio:379/123!important;object-fit:cover;}

*/

html {background: #f5f5f5}
#page {background: #FFF}

.hero-home-inner {padding: 0 12%}
.hero-home h1 {font-size: 74px; line-height: 1; color: #183A39; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em}
.hero-home h1 span {color: #6FB967}

.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {background-size: 1880px 560px; background-position: 50% 0% !important}

.hero-services {padding: 5.8% 20% 0 14.7%}
.hero-services h1 {font-size: 75px; font-weight: 500; line-height: 1.2; margin: 0 0 30px; text-transform: uppercase; letter-spacing: 0.05em}
.hero-services h1 span {color: #6FB967}
.hero-services p {font-size: 16.5px; line-height: 1.6; margin: 0 45% 20px 0}
p.hero-services-sub {padding: 0 20% 5% 14%; margin: 0}

.hero-sub-dark {background: #183A39; padding: 2.5% 15%; color: #FFF; text-transform: uppercase; text-align: center}
.hero-sub-light {background: #FFF; padding: 2.5% 15%; color: #183A39; text-transform: uppercase; text-align: center}
.hero-sub-dark p, .hero-sub-light p {font-size: 20px; line-height: 1.6; font-weight: 500; letter-spacing: 0.05em}
.hero-sub-dark p:last-child, .hero-sub-light p:last-child {margin: 0}
.hero-sub-dark a, .hero-sub-light a {color: #6FB967; text-decoration: none}

.home-sub {padding: 8% 0 5%}
.home-sub .wp-block-columns {gap: 60px; background: url('/wp-content/uploads/2026/02/white-px.png') repeat-y left 48% top; margin-bottom: 4%}
.home-sub h2 {color: #6FB967; text-transform: uppercase; font-size: 55px; letter-spacing: 0.06em; font-weight: 550; margin: 0}
.home-sub p {color: #FFF; margin: 0}

.services-container {background: #183A39; padding: 0 5%; margin:0; z-index: 2; position: relative;}
.services-x5 {margin-top: -70px !important}
.services-x5-col {border-radius: 30px; color: #FFF; background: #183A39;transition: background-color 0.3s ease}
.services-x5-col:hover {background: #6FB967} 
.services-x5 .wp-block-columns {gap: 20px} 
.services-x5 h2 {font-size: 18px; line-height: 1.2; letter-spacing: 0.05em; margin: 0 0 2%; text-transform: uppercase; font-weight: normal; padding: 30px; background: url('/wp-content/uploads/2026/02/arrow-white.svg') no-repeat right 30px top 30px}
.services-x5 p {font-size: 14.5px; line-height: 1.4; margin: 0 20px 5% 0; padding: 0 30px; min-height: 100px}
.services-x5 a {color: #FFF; text-decoration: none}

.services-x5-img {overflow: hidden; border-radius: 30px;line-height: 0;}
.services-x5-img img {border-radius: 30px; display: block; filter: grayscale(100%); /* start monotone */ transition:  transform 0.3s ease, filter 0.3s ease;}
.services-x5-col:hover .services-x5-img img,
.services-x5-img img:hover {transform: scale(1.08); filter: grayscale(0%); mix-blend-mode: inherit}
.services-x5-icon {width: 35px; height: 35px; margin: 0 0 20px 30px}
.services-x5-icon {display: none}
.services-x5 h2 {padding-bottom: 15px}

.col-2 {padding: 4% 0 2%}
.col-2 > .wp-block-group__inner-container > .wp-block-columns {width: 1420px;max-width:100%; margin: 0 auto;padding-left:20px;padding-right:20px}
.col-2 .is-style-rounded img {border-radius: 30px}
.col-2 h2 {font-size: 30px; margin: 5% 0 3%; font-weight: 500}
.col-2 a {color: #6FB967; text-decoration: none; border-bottom: 1px solid #6FB967}
.col-2-narrow {padding-right: 25%}
.col-2-narrow-left {padding-left: 25%}
.bg-green-dark .col-2 h2, .bg-green-dark .col-2 p {color: #FFF}

.col-2-wide-dark, .col-2-wide-light {padding: 4% 0 2%}
.col-2-wide-dark > .wp-block-group__inner-container > .wp-block-columns,
.col-2-wide-light > .wp-block-group__inner-container > .wp-block-columns {background: #3e3e3e; max-width: 1780px; margin: 0 auto; border-radius: 50px; padding: 40px 40px 100px}
.col-2-wide-light > .wp-block-group__inner-container > .wp-block-columns {background: #FFF}
.col-2-wide-dark > .wp-block-group__inner-container > .wp-block-group {width: 1780px; margin: 0 auto;}
.col-2-wide-dark > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container > * {padding-left:20px;padding-right:20px}
.col-2-wide-dark .is-style-rounded img, .col-2-wide-light .is-style-rounded img {border-radius: 30px} 
.col-2-wide-dark h2 {color: #FFF; font-size: 30px; margin: 5% 0 3%}
.col-2-wide-light h2 {color: #183A39; font-size: 30px; margin: 5% 0 3%}
.col-2-wide-dark p {color: #FFF}
.col-2-wide-light p {color: #183A39}
.col-2-wide-dark a, .col-2-wide-light a, .contact a {color: #6FB967; text-decoration: none; border-bottom: 1px solid #6FB967}

.wwad {padding: 7% 0 5%}
.wwad .bg-grey-dark {background: rgba(62, 62, 62, 0.8)}
.wwad .bg-green-light {background: rgba(111, 185, 103, 0.85)}
.wwad .bg-green-dark {background: rgba(24, 58, 57, 0.8)}
.wwad h2 {font-size: 24px; margin: 0 0 2%; padding-left: 10%}
.wwad h3 {font-size: 18px; color: #FFF; font-weight: 500}
.wwad p {color: #FFF}
.wwad-inner {padding: 2% 2% 5%; border-radius: 20px}

h2.subhead-1 {font-size: 36px; font-weight: normal; letter-spacing: 0.05em; text-transform: uppercase; margin: 5% 0; padding: 0}
h2.subhead-1 span {color: #6FB967}

.wwcsy h2 {font-size: 30px; margin: 0 0 5%}
.wwcsy h3 {font-size: 24px; margin: 0 0 20px}
.wwcsy p {margin: 0 0 20px}
.wwcsy-inner {padding: 5% 10%}
	
.news-list ul {gap: 0}
.news-list li {border-left: 1px solid #333; border-right: 1px solid #333; padding: 0 50px; margin-bottom: 40px}
.news-list li:nth-child(even) {border-left: none}
.home .news-list li:nth-child(3) {border-left: none}
.news-list li img {border-radius: 30px}
.news-list h2 {font-size: 20px; line-height: 1.2; margin: 20px 0 5px; text-transform: uppercase}
.news-list .wp-block-post-excerpt__excerpt {margin-bottom: 10%}
.news-list-inner {padding: 15px 30px}
.news-head h1, .news-head h2, .contact h1 {font-size: 70px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em}
.news-head.contentinnerlarge {padding: 0}
.news-list-l h2, .news-list-l h3 {font-size: 30px; font-weight: 500; letter-spacing: 0.02em; margin: 0 0 5%}
.news-list-l ul {padding: 0; list-style: none}
.news-list-l li {background: url('') no-repeat right center; margin: 0 0 6%; line-height: 1.2; font-size: 16px}
.news-list-l li a {color: #183A39; text-decoration: none; font-weight: 500}
.news-list-l li a::after {content: url('/wp-content/uploads/2026/02/arrow-right-green-sm.svg'); display: inline-block; width: 10px; vertical-align: middle; margin-left: 10px;}
.news-list-l li.current-post a {color: #6FB967}
.news-list-sub {font-size: 18px; margin-bottom: 50px}

.news-detail {gap: 200px}
.news-detail-r img {border-radius: 30px}
.news-detail-r h1 {font-size: 36px; margin: 0 0 20px; font-weight: 500}
.news-detail-r h2 {font-size: 30px; margin: 20px 0 10px; font-weight: 500}
.news-detail-r h3 {font-size: 24px; margin: 20px 0 10px; font-weight: 500}
.news-detail-r a {color: #6FB967; text-decoration: none; border-bottom: 1px solid #6FB967}
.news-detail-r .entry-meta {margin: 3% 0 2%}
.news-detail-r figure.wp-block-image {margin: 3% 0}
.news-detail-r figure.wp-block-pullquote {margin: 2.5em 0; padding: 1em 0; border-top: 1px solid #6fb967; border-bottom: 1px solid #6fb967}
.news-detail-r figure.wp-block-pullquote cite {font-size: 18px}
.news-detail-r figure.wp-block-pullquote p {margin-bottom: 1em}
.news-detail-r article {padding-bottom: 15%}

.contact form label span.label {display: none}
.contact form input, .contact form textarea {width: 100%; padding: 2%; background: #f4f4f4; border: none}
.contact form input.wpcf7-not-valid, .contact form textarea.wpcf7-not-valid {border: 2px solid #6fb967}
.contact form input[type=submit] {width: 120px; margin: 2% 0; border-radius: 30px; text-transform: uppercase; letter-spacing: 0.03em; font-size: 18px; font-weight: 500; background: #6FB967; color: #FFF !important}
.contact form p {margin-bottom: 2%}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {border: 3px solid #6fb967; text-align: center; padding: 2%; color: #6fb967; font-weight: 600}

.publications h1 {font-size: 70px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0; color: #183A39}
.publications p {font-size: 18px; color: #183A39; margin-bottom: 3%}
.publications p a {color: #183A39}
.publications ul {margin: 5% 0 20%; padding: 0}
.publications li {background: #FFF; margin-bottom: 10px; list-style: none; padding: 15px 30px; line-height: 1.4; font-weight: 500; border-radius: 10px}
.publications li a {color: #6fb967}

.cta-contact-us {background: #183A39; border-bottom: 1px solid #fff;}
.cta-contact-us h2 {font-size: 50px; margin: 0 0 2%; color: #6fb967; font-weight: normal; letter-spacing: 0.05em}
.cta-contact-us ul {margin: 0; padding: 0}
.cta-contact-us li {color: #FFF; margin: 0 0 20px; font-size: 18px; line-height: 1.2; padding: 0; font-weight: 600; list-style: none}

.basic h1 {font-size: 60px; margin: 0 0 20px; line-height: 1.2; letter-spacing: 0.02em; text-transform: uppercase; font-weight: 500}
.basic h2 {font-size: 26px; margin: 20px 0 10px; font-weight: 500}
.basic h3 {font-size: 20px; margin: 20px 0 10px; font-weight: 500}

.mtt p, .mtt h3, .mtt h2 {color: #FFF}
.mtt p a {color: #6fb967; border-bottom: 1px solid #6fb967; text-decoration: none}
.mtt h2 {font-size: 28px}
.mtt h3 {display: block; padding: 5%; font-weight: 400;margin: 0}
.mtt img {filter: grayscale(100%)}
.teambiocols > .wp-block-column {position: relative;}
.teambio { background: #5C5C5C; height:128px;position: absolute;z-index: 2; overflow: hidden; transition: height 0.5s ease; }
.teambio:hover,
.teambio:has(a:focus),
.teambio.show {height:calc((100% * (537 / 563)) + 2em); background: #6FB967}
.teambio + figure {margin-top:128px;position: relative;z-index: 1;aspect-ratio: 537/563;}
.teambio  h3 {height: 128px;}
.teambio p, .teambio figure {padding: 0 15% 0 5%;}
.teambioarrow {position: absolute;bottom:60px; right: 20px;transition:transform 0.5s ease;transform: rotate(0);padding: 0!important;}
.teambio:hover .teambioarrow,
.teambio:has(a:focus) .teambioarrow,
.teambio.show .teambioarrow {transform: rotate(180deg)}


/* Footer */
.site-footer {display: flex; flex-direction: column; justify-content: space-between; padding: 3% 6%; background: #183A39}
.site-footer p {color: #FFF; font-size: 14px}
.site-footer p.logo {margin-bottom: 30px}
.site-footer a {color: #FFF; text-decoration: none}
.footer-cols {display: flex; align-items: end;   justify-content: space-between}

@media only screen and (max-width:1680px) {
	.col-2-wide-dark, .col-2-wide-light {padding: 4% 20px 5%}
}

@media only screen and (max-width:1400px) {
	.services-x5-col {border-radius: 20px}
    .services-x5 h2 {font-size: 16px; padding: 15px; background: url('/wp-content/uploads/2026/02/arrow-white.svg') no-repeat right 15px top 25px}
	.services-x5-icon {margin: 0 0 10px 15px}
	.services-x5 p {margin: 0 0 20px; padding: 0 15px; min-height: 120px}
	
	.home-sub h2 {font-size: 45px; letter-spacing: 0.04em}
	.home-sub .logo img {width: 120px !important}
	.home-sub .wp-block-columns {gap: 40px}
	
	.news-list li {padding: 0 20px}
	.news-list-inner {padding: 15px 5px}
	.news-head.contentinnerlarge {padding: 0 20px}	
	.hero-services {padding-left: 5%; min-height: 380px !important}
	.hero-services h1 {font-size: 65px}
	.hero-services p {font-size: 16px; line-height: 1.4}
	.hero-sub-dark p, .hero-sub-light p {font-size: 16px}
	.col-2-narrow {padding-right: 15%}
	.col-2-wide-dark > .wp-block-group__inner-container > .wp-block-columns, .col-2-wide-light > .wp-block-group__inner-container > .wp-block-columns {padding: 40px}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {letter-spacing: 1px}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 26px}
	
	.news-landing h1, .news-detail .news-list-l h2, .contact h1 {font-size: 65px}
	.news-detail {gap: 80px}
	
	.publications h1 {font-size: 65px}
	
	.wwad p {line-height: 1.4}
	
	.gap-110 {gap: 50px}
	   
	.sp-50 {height: 20px!important}
    .sp-80 {height: 30px!important}
    .sp-100 {height:30px!important}

}

@media only screen and (max-width:1280px) { /* sm laptop */
	.hero-home h1 {font-size: 6vw}
	.services-x5 p {min-height: 165px; line-height: 1.4}
	.services-x5 h2 {background: none; letter-spacing: 0}
	.services-x5 .wp-block-columns {gap: 10px}
}

@media only screen and (max-width:834px) { /* tablet portrait (and below) */
	.site-branding {padding: 6px 20px}
	.news-landing h1, .news-detail .news-list-l h2, .contact h1, .publications h1 {font-size: 45px}
	.services-container {padding: 0 2%}
	.hero-home-inner {padding: 0 5%}
	.home .staticheader .wp-block-cover {min-height: 540px !important}
	.home-sub .wp-block-columns {gap: 20px}
	.home-sub h2 {font-size: 34px; letter-spacing: 0.02em}
	.home-sub p {font-size: 14px; line-height: 1.4}
	.news-list li {padding: 0 10px}
	.news-list-l h2, .news-list-l h3 {font-size: 22px}
	.news-list-l li {font-size: 13px}
	.news-list h2 {font-size: 18px; margin: 10px 0 5px}
	.news-head h1, .news-head h2, .contact h1 {font-size: 50px}
	.news-list-sub {margin-bottom: 30px}
	.news-detail {gap: 20px}
	.columns-3 {gap: 0}
	.hero-services h1 {font-size: 50px; line-height: 1}
	.hero-services p {font-size: 16.5px; line-height: 1.5; margin: 0 0 20px 0}
	.hero-sub-dark {padding: 2.5% 5%}
	.hero-sub-dark p, .hero-sub-light p {font-size: 16px}
	.col-2 h2, .col-2-wide-dark h2 {font-size: 20px}
	.col-2-narrow {padding-right: 0}
	.col-2-wide-dark > .wp-block-group__inner-container > .wp-block-columns, .col-2-wide-light > .wp-block-group__inner-container > .wp-block-columns {padding: 20px; border-radius: 30px}
	.br-50 {border-radius: 30px}
	.col-2-wide-dark .is-style-rounded img, .col-2-wide-light .is-style-rounded img {border-radius: 20px}
	.col-2-wide-dark .col-2-narrow .sp-50 {display: none}
	.sp-50 {height: 10px!important}
	.gap-80 {gap: 20px}
	.fs-md {font-size: 26px !important}
	.fs-sm {font-size: 16px !important}
	a.btn, p.btn a, .btn p a, .wp-block-button .wp-block-button__link {padding: 10px 40px}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 14px; letter-spacing: 0.5px; background-size: 20px}
	.publications p {font-size: 16px}
	.news-list-sub {font-size: 16px; line-height: 1.2}
	.news-detail-r h1 {font-size: 26px}
	.news-detail-r figure.wp-block-pullquote {margin: 1.5em 0; padding: 0.5em 0}
	.news-detail-r figure.wp-block-pullquote p {font-size: 18px; line-height: 1.4; margin-bottom: 0.5em}
	.news-detail-r figure.wp-block-pullquote cite {font-size: 15px}
}

@media only screen and (max-width:500px) { /* phone */
	.site-header {height: 58px}
	.staticheader {position: fixed !important;top: 58px;}
	.site-branding {padding: 5px 0 5px 20px; width: 160px}
	
	.panel-pad-sm {padding-top: 35px; padding-bottom: 35px}
	
	.fs-sm {font-size: 14px !important}
	.fs-md {font-size: 20px !important}
	.fs-lg {font-size: 30px !important}
	
	.br-30 img {border-radius: 20px}
	.br-50 img {border-radius: 30px}
		
	.services-x5-icon {display: none}
	.services-x5 h2 {padding-bottom: 5px; font-size: 20px}
	.services-x5 p {min-height: inherit}
	.services-x5-img {border-radius: 20px; padding: 0 30px; width: 80%; margin: 0 auto}
	.services-x5-img img {border-radius: 20px}
	
	.page-services .hero-services {padding-top: 50px}
	
	.news-landing {/*flex-direction: column-reverse*/}
	.news-list-inner {padding: 5% 0}
	.news-list li {border: none; padding: 0}
	.news-list li:nth-last-child(1) {border-right: none}
	.news-list h2 {font-size: 18px; margin: 10px 0 5px}
	.news-list li img {border-radius: 20px}
	.news-list .wp-block-post-excerpt__excerpt {margin-bottom: 5%}
	.wp-block-post-date {font-size: 12px}
	
	.site-footer {min-height: inherit; padding: 20px}
	.site-footer p.logo img {width: 140px; margin-bottom: 20px}
	.site-footer p {font-size: 12.5px}
	.footer-cols {display: block}
	#menu-footer {padding: 0; font-size: 12.5px}
	
	.hero-home-inner {padding: 0}
	.home .staticheader .wp-block-cover {min-height: 340px !important}
	.hero-home h1 {font-size: 30px; letter-spacing: .3px}
	.hero-home p {font-size: 14px; line-height: 1.4}
	.hero-services {padding: 20px; min-height: 350px !important}
	.hero-services h1 {font-size: 35px; letter-spacing: 0.02em}
	.hero-services p {font-size: 14.5px; line-height: 1.4; margin: 0}
   p.hero-services-sub {padding: 0}
	.hero-sub-light {padding: 5% 15%}
	
	.home-sub h2 {font-size: 35px; letter-spacing: 0.03em; line-height: 1}
	.hero-sub-dark {padding: 5% 2.5%}
	.hero-sub-dark p, .hero-sub-light p {font-size: 15px; line-height: 1.4; letter-spacing: 0.02em; text-transform: initial}
	.home-sub .logo img {width: 100px !important}
	.home-sub .wp-block-columns {gap: 20px; background: none; margin-bottom: 6%}
	
	.col-2 h2 {font-size: 20px}
	.col-2 .is-style-rounded img {border-radius: 20px}
	.col-2-wide-dark > .wp-block-group__inner-container > .wp-block-columns, .col-2-wide-light > .wp-block-group__inner-container > .wp-block-columns {border-radius: 20px; padding: 15px}
	.col-2-wide-dark .is-style-rounded img, .col-2-wide-light .is-style-rounded img {border-radius: 10px}
	.col-2-wide-dark h2 {font-size: 20px}
	.col-2-wide-light h2 {font-size: 20px; margin: 3% 0 2%}
	.col-2-narrow {padding-right: 0}
	.col-2-narrow-left {padding-left: 0}
	.br-50 {border-radius: 20px}
	
	.teambio + figure {margin-top: 100px}
	.teambio {height: 100px}
	.teambio  h3 {height: 100px}
	.teambioarrow {bottom: 40px}

	.news-head h1, .news-head h2, .contact h1 {font-size: 30px; margin-bottom: 0%}
	.news-landing {gap: 0}
	.news-list-l {order:2}
	.news-list-r {order:1}
	.news-list-sub {font-size: 16px; margin-bottom: 10%}
	.news-list-l li {margin: 0 0 2%; font-size: 14px}
	.news-list-r .contentinnersmall {padding: 0}
	.news-detail {gap: 20px}
	.news-detail-r .sp-80 {display: none}
	.news-detail-r h1 {font-size: 24px; margin: 0 0 10px}
	.news-detail-r h2 {font-size: 22px}
	.news-detail-r h3 {font-size: 18px}
	.news-list-l h2, .news-list-l h3 {font-size: 22px; padding-top: 30px}
	
	.publications h1 {font-size: 40px; letter-spacing: 0.02em}
	.publications p {font-size: 14px; margin-top: 10px}
	.publications ul {padding: 0}
	.publications li {margin-bottom: 5px; padding: 10px; line-height: 1.4; font-weight: 400}
	
	.wwad-inner {padding: 5%}
	.wwad h2 {margin: 0 0 5%; padding-left: 0; text-align: center}
	
	.wwcsy h2 {font-size: 24px; margin: 0 0 2%}
	.wwcsy h3 {font-size: 20px; margin: 0 0 10px}
	.wwcsy-inner {padding: 5%}
	
	.contact {padding: 0}
	
	.cta-contact-us h2 {font-size: 30px; letter-spacing: 0.01em; margin-bottom: 20px}
	.cta-contact-us li {font-size: 16px}
	.cta-contact-us p.has-text-align-right.btn-green {text-align: left !important; margin-bottom: 0}
	
	h2.subhead-1 {font-size: 30px}
	
	.gap-110, .gap-80 {gap: 20px}
	
    .sp-80 {height: 30px!important}
    .sp-100 {height: 40px!important}
    .sp-250 {height: 50px!important}
}