@import url("https://use.typekit.net/khd1eox.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('/assets/gcc/nav-new.css');
@import url('/assets/fonts/caveat/style.css');
/* @import url("/assets/css/core/flaticon.css"); */
@import url("/gcc/slate/slate-embed.css");
@import url("/assets/fonts/marker/stylesheet.css");
@import url('/assets/gcc/mobile-nav.css');

body, p, ul, li, span {font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-weight:300;}

.container {
margin:auto;
position:relative;
width:100%;
max-width:1440px;
}

/* masthead */


#masthead img {
    z-index:0;
	width:100%;
}

#masthead a, #masthead a:visited {
	color:#00594b;
}

#masthead .gradient {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
    height:100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));
    z-index:2;
}

#masthead .widget-container {
    position:relative;
}

#masthead .widget-container aside {
    position:absolute;
    right:0;
    top:25px !important;
    z-index:1000;
}

.home #masthead .widget-container aside {
    top:80px !important;
}

.home #masthead .gccbutton {
    font-weight:700;
    border-width:2px;
    padding:20px 40px;
}

.home .site-branding h1.site-title {
    position:absolute;
    bottom:2em;
}

.home #masthead h1 {
    position:absolute;
    bottom:1em;
	left:0;
    font-family:'Source Serif 4', source-serif-4, serif;
    z-index:2;
    font-size:4em;
}

.home #masthead a {
    color:#fff;
}

.home #masthead a:hover {
    text-decoration:none;
}

#masthead {
    background:#f0f1ee url('/assets/imgs/honeycomb-vert-green.png') no-repeat top right;
background-size:20%;
    padding:4em;
	width:100%;
	position:relative;
}

.home #masthead {padding:0}

#masthead h2, #masthead div.site-title {
    font-weight:500;
    text-transform:uppercase;
    letter-spacing: 3.6px;
    font-size:18px !important;
	line-height:normal !important;
    margin:0;
}
#masthead h1.page-title {
    font-family:'Source Serif 4', source-serif-4, serif !important;
    font-weight:700;
    /* MIN: 2rem (~32px) for small phones */
    /* PREFERRED: 7vw (7% of viewport width) for smooth scaling */
    /* MAX: 6rem (~96px) to match your current desktop size */
    font-size: clamp(2rem, 7vw, 6rem);
    
    line-height: 1.1;
    overflow-wrap: anywhere; /* Superior to word-wrap for modern browsers */
    hyphens: auto;           /* Adds hyphens if a word is forced to break */
    margin:10px 0;
}

/* breadcrumbs */

nav.breadcrumbs {
    margin-top:1.5em;
    color:#4d7573;
    font-size:15px;
}

nav.breadcrumbs a {
    color:#4d7573;
    text-decoration:underline;
}

nav.breadcrumbs i {
    color:#2bb673;
    font-size:12px;
    margin:0 6px;
}

#content {
	margin-bottom:3.5em;
}

strong {font-weight:800 !important;}

a {color:royalblue;}

.entry-content {min-height:400px;}

.entry-content a, span.su-lightbox, .su-lightbox-content a {
    color:#00595b;
    text-decoration:underline;

}

.entry-content hr {
	margin-bottom:2em;
}

h2.site-description {display:none;}

/* Headings typography */
h1,
h2,
h3,
h4 {
  font-family: 'Source Serif 4', source-serif, serif !important;
}

h5,
h6 {
  font-family: 'Nunito Sans', 'nunito-sans', sans-serif !important;
  color: #00594b !important;
}

/* Heading sizes & styles */
h1 {
  font-size: 58px;
  line-height: 62px;
  font-weight: 700 !important;
  color: #00594b !important;
}

h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500 !important;
  color: #00594b !important;
	margin-bottom:1em;
}

h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 800 !important;
  color: #4D7573 !important;
}

h4 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500 !important;
  color: #00594b !important;
  margin-top: 1em !important;
}

h5 {
  font-size: 24px;
  line-height: 30px;
}

h6 {
  font-size: 20px;
  line-height: 30px;
}

/* Content-specific spacing */
.entry-content h2 {
  margin-top: 1em !important;
}
/* a[href$=".pdf"] {
  background: url("/assets/imgs/icons/pdf.png") no-repeat right center;
  padding-right: 20px;
}

.su-button-center a[href$=".pdf"] {
  background: none;
  padding-right:0;
}


a[href$=".doc"], a[href$=".docx"] {
  background: url("/assets/imgs/icons/word.png") no-repeat right center;
  padding-right: 20px;
}

a[href$=".xls"], a[href$=".xlsx"] {
  background: url("/assets/imgs/icons/excel.png") no-repeat right center;
  padding-right: 20px;
} */

label {font-weight:normal !important;}

.entry-content p, .entry-content ul, .entry-content ol {
    color:#4d4d4d;
    font-size:1.21em;
    line-height:27px;
}

.entry-content ul li ul {
    font-size:inherit;
}

.grouped h2 {margin:1em 0 0.5em 0; font-size:16px;}
.grouped .loc {display:block !important;}

/* banner */

.alert-banner {margin-bottom:0 !important; border-radius:0; padding:12px; font-size:1.1em;}
.alert-banner span, .alert-banner p {display:inline-block; margin-bottom:0px !important; padding:0 !important;}
.alert-banner span {font-size:1.4em; margin-top:3px; margin-right:10px; font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-weight:800;}
.alert-banner small {}
.alert-banner p {display:inline-block !important;} 
.alert-banner p:last-child {display:none !important;}


/* global footer */

#foot {
    padding: 0 1.5em;
}

footer.site-footer {
    background:#4d7573 url('/assets/imgs/trees-footer.png') repeat-x;
    padding:325px 0 20px 0;
	color:#fff;
    
}

footer.site-footer ul {margin:0; padding:0; list-style-type:none;}
.footer-nav li, .footer-nav a {
    min-height:24px;
}

footer.site-footer a {color:#fff !important;}
footer.site-footer strong {font-family:'Nunito Sans' !important; font-weight:800;}

.footer-nav li {line-height:normal !important; font-size:13px !important;}

.footer-nav .nav-head, .footer-nav .nav-head {font-family:'Nunito Sans' !important; font-weight:800; font-size:110% !important; display:block;}

.site-footer .footer-social {
    margin-top:16px;
}

.footer-social li {display: inline-block;
    margin-right:12px;
}

.footer-social i {font-size:20px; padding-top:8px;}

.site-footer .right {
	text-align:right !important;
}

.copyright {
    width:100%;
    text-align:center;
    font-size:14px;
}

.site-footer .col-md-6, .site-footer .col-md-3 {
    margin:0 !important; padding:0 !important;

}

.site-footer .cta a {
  display: inline-block;
  padding: 22px 30px;
  border: 1px solid white;
  background-color: transparent;
  color: #fff;
  text-decoration: none;
    font-size:18px;
  transition: background-color 0.3s, color 0.3s;
    text-align:center;
    width:100%;
}

.site-footer .cta a:hover {
  background-color: white;
  color:#4d7573 !important;
    border:1px solid #4d7573;
}

.site-footer .cta .col-md-4 {
    padding-left:10px;
}

.site-footer .cta {
    padding-bottom:4em;
}

.site-footer .start {
    font-family:'Source Serif 4', source-serif-4, serif;
    font-size:38px;
    font-weight:400;
	padding-left:16px !important;
}

.site-footer .start em {
    color:#ffd275;
    font-weight:900;
}

#colophon {
    border-top:1px solid #9dc5bb;
    padding-top:4em;
}

#primary {
	float:right;
	width:70%;
}


#secondary {
	float:left;
	width:25%;
}

#secondary aside {
	padding:10px;
}

#secondary p a  {
    color:#00495b;
    text-decoration:underline;
}

/* directory listings */



/***********/

.lead {
padding:20px;
background:#f9f9f9;
border-left:5px solid #28b573;
}

.lead strong {
font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-weight:900;
}

.lead a {color:#00584b}

.news-widget ul {list-style-type:none; margin:0; padding:0;}
.news-widget ul li {font-size:0.9em; line-height:1.2em; padding:0.5em 0; border-bottom:1px dotted #c2c2c2;}

#disclaimer .modal-body p {color:#333; text-align:left;}
#disclaimer .modal-body a {color:royalblue;}

.addthis-smartlayers, .addthis-smartlayers-desktop {display:none !important;}


#secondary .other {display:none}

.gallery-columns-3 .gallery-item {float:left; margin-top:10px; text-align:center; width:33%}

h2.comments-title {font-size:24px; margin-bottom:16px}
.comment-content p {font-size:0.9em}
.comment-content br {display:block; margin-bottom:8px;}
.reply {margin-top:-10px; margin-bottom:20px;}
.reply a {display:inline-block; background:royalblue; padding:6px 12px; border-radius:5px; color:#fff;}
.reply a:visited {color:#fff;}


h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b {font-weight:normal !important;}
.ewd-ufaq-faq-categories {display:none !important;}

/* search results */

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color:#4169e1}

.gsc-result-info .gsc-result {font-family:'Nunito Sans' !important;}

.gsc-result .gsc-title {font-family: 'Nunito Sans' !important; font-weight:800;}

.page-footer {
margin-top:2%;
background:#f5f7f6;
border-top:1px solid #e1e1e1;
padding:1.5% 0 3% 0;
margin:0;
}


.page-footer .SWBOC_Widget {
font-size:0.90em;
line-height:1.3em;
}

.page-footer .SWBOC_Widget p {
margin-bottom:0;
}

.page-footer .widget h1.widget-title {
font-size:1.6em;
margin:0 0 0.5em 0;
}

/* sidebar contact block */

#contactinfo {
margin-top:16px;
}

#contactinfo .SWBOC_Widget {
margin:0;
padding:0;
}

#contactinfo .SWBOC_Widget h1.widget-title {
margin-top:-2% !important;
}

#contactinfo h1.widget-title {
margin:0 0 5% 0;
font-size:1.3em;
text-align:center;

font-weight:bold;
}

#contactinfo .widget {
padding-bottom:0;
}

#contactinfo .widget p, #contactinfo .widget ul{
font-size:0.90em;
}

#contactinfo h2 {

font-size:1.3em;
margin-bottom:2%;
text-transform:uppercase;
}

/* entry content styling

.page article .entry-content p, .page article .entry-content ul, .page article .entry-content ol{
font-size:1.075em;
margin-bottom:1.5em !important;
}

.page article .entry-content ul, .page article .entry-content ol {
margin-bottom:1.5em !important;
}

.page article .entry-content ul li ul, .page article .entry-content ol li ol {
margin-bottom:0 !important;
}  */

/* tabs */

.su-tabs {
    margin-top:2em !important;
	background:#fff !important;
}

.su-tabs-nav span {
   font-family:'Source Serif 4', source-serif-4, serif;
font-weight:500;
    color:#00594b !important;
	font-size:20px !important;
	padding:15px 30px;
}

.su-tabs-nav span.su-tabs-current {
    border:1px solid #2bb673;
    border-bottom-color:#fff;
    font-weight:900;
}
.su-tabs-panes {margin-top:-1px;}
.su-tabs-pane {border-top:1px solid #2bb673; margin-top:0px; padding-top:30px !important; font-size:14px !important;}
.su-tabs-pane-open {}
/* .su-tabs-pane p, .su-tabs-pane ul, .su-tabs-pane ol {font-size:1.2em} */
.su-tabs-pane ul li ul, .su-tabs-pane ol li ol {font-size:1em !important;} 


/* spoilers */

.su-accordion {margin-top:2.5em;}

.su-accordion.gcc .su-spoiler .su-spoiler-title {
    font-weight:400;
    color:#00594b;
    font-family:'Source Serif 4', source-serif-4, serif;  
    font-size:24px;
}

.su-accordion.gcc .su-spoiler {
    border-top:1px solid #2bb673;
    margin:0; 
    padding:1em 0;
}

.su-accordion.gcc .su-spoiler .su-spoiler-icon {
 color:transparent;
}

.su-spoiler-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spoiler-toggle-icon {
  margin-left: 0.5em;
  font-size: 1.1em;
    color:#2bb673;
}

.su-accordion.gcc .su-spoiler-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spoiler-toggle-icon {
  margin-left: 0.5em;
  font-size: 1.1em;
    color:#2bb673;
}

.su-spoiler-content h2 {
    margin-top:0 !important;
    font-size:26px;
    font-weight:800 !important;
    color:#4d7573 !important;
}


.su-accordion.gcc .su-spoiler-content {
    margin-bottom:30px;
}

.su-accordion.gcc .su-spoiler-closed .su-spoiler-content {
    margin-bottom:0;
}

.su-accordion.gcc-alt .su-spoiler .su-spoiler-title {
    font-weight:400;
    color:#00594b;
    font-family:'Source Serif 4', source-serif-4, serif;  
    font-size:18px;
	line-height:24px;
}

.su-accordion.gcc-alt .su-spoiler {
    border-top:1px solid #2bb673;
    margin:0; 
    padding:1em 0;
}

.su-accordion.gcc-alt .su-spoiler .su-spoiler-icon {
 color:transparent;
}

.su-accordion.gcc-alt .su-spoiler-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* alerts */

.alert {border:none !important; border-radius:0; padding:24px}
.alert-warning {color:#8a6d3b !important;}
.alert-info a.alert-link {font-family:'nunito-sans', 'Nunito Sans', sans-serif; text-decoration:underline; font-weight:700;}


th {font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-size:110%; font-weight:800;}

/* slate stuff */

.form_label span {font-size:14px !important;
color:#333; font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-style:normal !important;}

.form_label span em, .form_label span i {font-style:normal !important;}

.form_action {text-align:left;}

/* buttons */

button {box-shadow:none !important;}

/* shadow */

.shadow {border-radius: 8px;
	box-shadow: 0 15px 30px 0 rgba(0,0,0, 0.1);
	background-color: #fff;
	padding: 1.5rem;
	margin: 0 2%;
} 


/* workflow tabs */

.su-tabs.workflow {margin-bottom:-10px;}

.workflow .su-tabs-panes {border:2px solid white !important;}
.workflow .su-tabs-pane {border:2px solid white !important;}

.workflow .su-tabs-nav span {
    
    color: white !important;
  text-decoration: none; 
  padding: 40px 0 40px 60px;
  background: #085631; /* fallback color */
  /* background: hsla(34,85%,35%,1); */
  position: relative; 
  display: inline-block;
    border-radius:0 !important;

}

.workflow .su-tabs-nav span:after {
    
      content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 50px solid #085631;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}

.workflow .su-tabs-nav span:before {
  
    content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}

.workflow .su-tabs-nav span:first-child {
  padding-left: 20px;
	background:#085631 !important;

}

.workflow .su-tabs-nav span:nth-child(2)       { background:#0b7140; }
.workflow .su-tabs-nav span:nth-child(2):after  { border-left-color:#0b7140; }
.workflow .su-tabs-nav span:nth-child(3)       { background:#0b7743; }
.workflow .su-tabs-nav span:nth-child(3):after  { border-left-color:#0b7743; }
.workflow .su-tabs-nav span:nth-child(4)       { background:#0c8148; }
.workflow .su-tabs-nav span:nth-child(4):after { border-left-color:#0c8148; }
.workflow .su-tabs-nav span:nth-child(5)       { background:#0c8148; }
.workflow .su-tabs-nav span:nth-child(5):after{ border-left-color:#0c8148; }
/*.workflow .su-tabs-nav span:last-child  {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
} */

.workflow .su-tabs-current {border:none !important;}


.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }

/* employees */

.faculty-default .single {margin-bottom:3%;}

.faculty-default img {
width:100%;
padding:2px;
border:1px solid #cecece;
}

.page article .entry-content .faculty-default p {margin:0 !important; font-size:14.5px !important;}
.page article .entry-content .faculty-default p.person {font-size: 15px !important;}
.page article .entry-content .faculty-default p.dept, .page article .entry-content .faculty-default  p.degrees, .page article .entry-content .faculty-default  p.contact {margin-bottom:10px !important;}

.faculty-default p {margin:0 !important; font-size:14.5px !important;}
.faculty-default p.person {font-size: 15px !important;}
.faculty-default p.dept, .faculty-default  p.degrees, .faculty-default  p.contact {margin-bottom:10px !important;}

/* calendar */

.em.em-list {
	grid-gap:0px !important;
}

.grouped h2 {color:#333; margin:1em 0 0.5em 0;}
.grouped .loc {display:block !important;}

.entry-content .event {}

.event .thumb {
width:25%;
float:left;
margin-bottom:2%;
border:1px solid #cecece;
padding:0.5%;
}

.event .thumb img {
width:100%;
}

.entry-content .event .info {
width:73% !important; float:right;
}

.entry-content .event .desc {display:block;
margin-top:10px;}

.entry-content .event {margin-bottom:15px; color:#333;}

.event .other {font-size:0.85em; line-height: normal;
margin-top:0.5em; color:#444;}

.entry-content .event .event-name {font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-size:120%; font-weight:800;
margin:0 !important;}

.entry-content .event .meta {font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-weight:700;}


#secondary .event .loc, #secondary .event .desc {
display:none;
}

#secondary .event .info {width:73% !important; float:right;}
#secondary .event p {margin:0 !important;}
#secondary .event .time {font-size:14px;}
#secondary .event .event-name {font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-weight:700;}
#secondary .grform {display:none;}

/* breadcrumbs */

.widget_lym_ib_widget .ib-trail ul {
list-style-type:none;
padding:5px;
background:#f9f9f9;
border:1px solid #f1f1f1;
margin:20px 0 -20px 0 !important; }

.widget_lym_ib_widget .ib-trail ul li {
display:inline-block;
list-style-type:none;
padding:0 5px 0 5px;
margin:0;
}

.ib-trail li.current-menu-item {font-family:'nunito-sans', 'Nunito Sans', sans-serif; font-size:1em; font-weight:800;}


/* .event p.event-name {
margin-bottom:0.2em;
font-size:0.95em;
line-height:1.1em;
}


.event .wide {
	width:100%;
	float:none;
margin-bottom:10px;
} 

.event .time {
margin:0;
font-size:0.85em;
color:#777;
}

*/

/* website alerts */

/* #sc-smartboard-container {background:#cd444a; padding:20px; color:#fff;}
#sc-smartboard-container div {display:inline}
#sc-smartboard-container div.sc-smartboard-subject {display:none;}
.sc-smartboard-datetime {font-weight:bold; margin-right:10px;}
.sc-smartboard-datetime:before {content:'GCC EMERGENCY ALERT — '} */

.psa {color:#fff; font-size:15.5px;}
.psa .sc-smartboard-subject {display:inline !important; font-family:'nunito-sans', 'Nunito Sans', sans-serif; text-transform:uppercase; font-weight:900;}
#sc-smartboard-container {padding:30px !important; color:#fff;}
.sc-smartboard-message {padding-left:10px;}

#sc-smartboard-container div {display:inline;}
#sc-smartboard-container a {color:#fff; text-decoration:underline;}

#wa .sc-smartboard-datetime {display:none;}

#wa .sc-smartboard-subject:before {content:'Weather Alert — ';}
#wa #sc-smartboard-container {background:#1282c2; padding:20px;}

#sa .sc-smartboard-subject:before {content:'Emergency Alert — '}
#sa .sc-smartboard-subject:after {content:' — '}
#sa #sc-smartboard-container div.sc-smartboard-subject {display:none;}
#sa #sc-smartboard-container {background:#cd444a; padding:20px;}

.shared-rooms, .shared-setup {
    font-size:100%;
    border:1px solid #333;
    border-collapse:no-collapse;
}

.shared-rooms td, .shared-rooms th, .shared-setup td {
    border:1px solid #333;
    padding:10px;
}

.sb_instagram_header {display:none !important;}

.wp-caption img[class*="wp-image-"] {
	display: block;
	/* margin: 1.2% auto 0;
	max-width: 98%; */
}
.wp-caption-text {
	text-align: center;
font-size:12px !important;
line-height:14px;
padding:0 10px 10px;
color:#111;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

/* calendar stuff */

.em.pixelbones.em-events-list h2 {
    font-family: nunito-sans, 'Nunito Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size:20px !important;
    margin-bottom:0 !important;
    margin-top:1.5em !important;
}

.em.pixelbones.em-events-list.em-events-list-grouped h2 {
    margin-bottom:1em !important;
}

.em.pixelbones.em-events-list.em-events-list-grouped .event-item {
    margin-bottom:1em;
}
.em-events-list-grouped .event-item p {
    margin:0 !important;
    font-size:16px !important;
}

.em-events-list-grouped .event-item a {
    color:#00594b !important;
}

.em.pixelbones h2, .em.pixelbones h3 {
	letter-spacing: normal !important;
}

.footer-cal .em.em-list {display:flex;}

.flex, .flex div {
    display:flex;
    align-items: center;
}

.su-column.right {
	text-align: right;
}

.footer-cal {
	padding:4em 0;
}

/* .home .footer-cal {
    padding:2em 0 3em;
} */

.footer-cal h3 {
    font-size:38px;
	padding-bottom:1em;
}

.footer-cal a {
	text-decoration: none;
}

.footer-cal .em.pixelbones .event-item p {margin:0 !important;}
.footer-cal .em.pixelbones .event-item p.event-name {
        margin-bottom:10px !important;
    line-height:22px !important;
}

/* .footer-cal p.times, .footer-cal p.date {
    margin-bottom:6px !important;
} */

.footer-cal .event-name a {
    font-size:20px;
    margin:0 !important;
    font-weight:700;
    color:#00594b !important;
}

.footer-cal .calendar {
	padding-bottom:1em;
}


.calendar p.event-name {
    padding-top:1em;
    border-top:1px solid #9DC5BB;
}

.footer-cal .right a {
    color:#00594b;
    font-size:20px;
    margin-top:16px;
}

.footer-cal .right a i {
    color:#2bb673;
}

.container .footer-cal, .stretch {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
    background:#eff1ee;
}

.home .container .footer-cal {
	background:#fff;
}


.footer-cal .su-row {
    max-width:1440px;
	width:100%;
    margin:auto;
}

    .sidebar-cal .em.em-list {
    display:block;
}

.sidebar-cal .su-row .em-list .su-column-size-1-4 {
    width:100%;
    display:block !important;
    margin:0;
    padding-bottom:1.5em
}

.sidebar-cal .calendar div {
   display:block !important;
    width:100% !important;
}
	

.sidebar-cal .em.em-list {display:flex;}

.su-column.right {
	text-align: right;
}


#secondary .sidebar-cal h3 {
    font-size:32px !important;
}

#secondary .sidebar-cal a {
	text-decoration: none;
}

.sidebar-cal .em.pixelbones .event-item p {margin:0 !important;}
.sidebar-cal .em.pixelbones .event-item p.event-name {
        margin-bottom:10px !important;
    line-height:22px !important;
}


.sidebar-cal .event-name a {
    font-size:20px;
    margin:0 !important;
    font-weight:700;
    color:#00594b !important;
}

.sidebar-cal .calendar {
	padding-bottom:1em;
}


.sidebar p.event-name {
    padding-top:1em;
    border-top:1px solid #9DC5BB;
}

/* 1. Neutralize the parent container flexbox */
.entry-content .content_block .em-events-list {
    display: block !important;
    flex-direction: column !important; /* Fallback if display:block is overridden */
}

/* 2. Reset the individual items */
.entry-content .content_block .event-item {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; /* Prevents flex-shrinking or growing */
    box-sizing: border-box !important;
    clear: both !important;
    padding-bottom:1.5em;
}

.entry-content .content_block .event-item p {
    margin: 0 !important;
}

.entry-content .content_block p.event-name {
    padding-top: 1em;
    border-top: 1px solid #9DC5BB;
    margin-bottom: 10px !important;
    line-height: 22px !important;
}

.entry-content .content_block .event-name a {
        font-size: 20px;
    margin: 0 !important;
    font-weight: 700;
    color: #00594b !important;
    text-decoration:none;
}


img.lede {
    width:100%;
	margin-bottom:2em;
}

div.lede {
    border-left:4px solid #2bb673;
    margin:2.5em 0;
    padding-left:30px;
}

.lede p {
    font-family:'Source Serif 4', source-serif, serif;
    font-size:1.7em !important; line-height:1.5;
    color:#00594b;
}

/* .page-child .lede {
    border:none;
    padding:0;
    margin:0 0 2em;
}

.page-child .lede p {
        font-size:38px !important;
    line-height:46px;
    font-weight:400;
} */

.boxed {
    padding:20px 20px 10px 20px;
    font-size:17px;
    background:#eff1ee;
    margin:1.5em;
}

.boxed a {color:#00594b; text-decoration:underline;}

.boxed ul {
    margin-left:1.5em;
}

.entry-content .boxed p {
    font-size:1em;
    line-height:22px;
}

.home .lede {
    padding:0; border:0;
}

.home .lede h2 {
    font-weight:400;
    font-size:44px !important;
    margin:0 0 10px 0!important;
}

.home .lede p {
    font-family: nunito-sans, 'Nunito Sans', sans-serif;
    color:#4d4d4d;
    font-size:20px !important;
}



/* contact block */

#contactblock h3 {
    font-size:38px;
    line-height:46px;
    font-weight:700;
    margin-bottom:1em;
}

#contactblock ul {
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:16px;
    color:#4d4d4d !important;
    line-height:26px;
}

#contactblock ul a {
    color:#00594b;
}

#contactblock i {
    color:#2bb673;
}

#contactblock .gccbutton i {
	color:#fff;
}

#contactblock .gccbutton:hover i {
	color:#4d7573;
}

#contactblock i.fa-white {
    color:#fff;
}

#contactblock p {
    color:#4d4d4d;
    font-size:16px;
    margin-top:1.5em;
}

#contactblock .hours ul:nth-child(2), #contactblock .location p {
    margin-left:1.5em;
}

#contactblock p a {
    color:#00594b;
    font-weight:600;
}

/* info block */

.info-block {
    border-top:1px solid #9DC5BB;
}

.info-block i {
    color:#2bb673;
    font-weight:300;
}

.info-block h4 {
    font-weight:400;
    margin-top:1.5em;
}

.info-block p, .info-block ul {
    font-size:15.5px;
    line-height:22px;
}

/* link/doc block */

.link-block {
  width: 100%;
  max-width: 1440px;
  margin: 2em auto;
  padding: 2em 3.5em;
  background: #eff1ee;
}

.home .link-block .clearfix {
    margin-bottom:2em;
}

.link-block .clearfix {
    margin-bottom:1em;
}

/* Headings */
.link-block h3 {
  font-family: 'Nunito Sans', nunito-sans, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 3.6px;
}

.home .link-block h3 {
  font-family: 'Source Serif 4', source-serif-4, serif;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: normal;
  text-transform: none;
}

/* List styling */
.link-block ul {
  list-style-type: none;
  margin: 0 0 2em 0;
  font-size: 18px;
  line-height: 30px;
}

.link-block #split-list ul {
  float: left;
  width: 50%;
}

/* Link styling */
.link-block a {
  font-weight: 400;
  text-decoration:none;
  color:#00594b;
}

/* Remove extra padding or background from .pdf items */


/* =============================================
   GRAVITY FORMS — CUSTOM STYLES
   ============================================= */

table#gravityflow-inbox {
    border-top:3px solid #2bb673 !important;
    margin-top:30px
}

.gravityflow_workflow_wrap #post-body table {
    margin-top:2em
}

/* Hide the 'Other' text input by default */
.gfield_radio .gchoice_other_control {
    display: none !important;
}

/* Show the 'Other' text input only when the radio button before it is checked */
.gfield_radio input[value="gf_other_choice"]:checked ~ .gchoice_other_control {
    display: inline-block !important;
}

.gfield_checkbox label {
    font-weight:300 !important;
}

/* --- Progress Bar --- */
.gform-theme--framework .gf_progressbar .percentbar_blue {
    background-color: #2bb673 !important;
}

.gf_progressbar_wrapper {
    /* margin-bottom: -4em !important; */
}

/* --- Form Wrapper --- */
.gform_wrapper {
   /* margin-top: 2em; */
}

/* --- Section Titles --- */
.gform-body h3.gsection_title {
    color: #00594b;
    font-family: 'Source Serif 4', source-serif-4, serif !important;
    font-weight: 500;
}

.gsection_title {
    border-left: 6px solid #2bb673;
    padding: 10px 0 10px 20px;
}

.gform-body .gsection .gsection_description {
    padding-bottom: 1em;
}

/* --- Labels & Descriptions --- */
.gform-body legend,
.gform-body label {
    font-size: 16px !important;
}

.gform-body .gfield_description,
.gform-body .gsection_description {
    font-size: 15px !important;
    color: #4d4d4d !important;
    font-weight: 300 !important;
}

.gform-body .gfield_radio label {
    font-size: 15px !important;
    color: #4d4d4d !important;
    font-weight: 300 !important;
}

/* --- Text / Tel / Email Inputs --- */
.gform-body input[type="text"],
.gform-body input[type="tel"],
.gform-body input[type="email"] {
    font-family: 'Source Serif 4', source-serif-4, serif !important;
    font-size: 16px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-radius: 0 !important;
    border: 1px solid #c1c1c1 !important;
}

.gform-body input[type="tel"] {
    border: 1px solid #ccc !important;
}

.gform-body input:focus {
    border-color: #2bb673 !important;
}

/* --- Select --- */
.gform-body select {
    font-family: 'Source Serif 4', source-serif-4, serif !important;
    font-size: 16px;
}

/* --- Radio Buttons --- */
.gform-body input[type=radio]::before {
    background-color: #2bb673 !important;
}

/* --- List Field: Add/Remove Row Buttons --- */
.add_list_item {
    background-color: #2bb673 !important;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 14px;
}

.add_list_item:hover {
    background-color: #239e62 !important;
}

/* --- Submit & Next Buttons --- */
.gform_footer input[type="submit"],
.gform_page_footer input[type="submit"],
.gform_page_footer input[type="button"].gform_next_button {
    text-shadow: none !important;
    border-radius: 0 !important;
    background: #4d7573 !important;
    font-family: nunito-sans, 'Nunito Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    padding: 16px 20px !important;
    border: 1px solid #4d7573 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
}

.gform_footer input[type="submit"]:hover,
.gform_page_footer input[type="submit"]:hover,
.gform_page_footer input[type="button"].gform_next_button:hover {
    color: #4d7573 !important;
    background: #fff !important;
}

/* --- Previous Button --- */
.gform_page_footer input[type="button"].gform_previous_button {
    text-shadow: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-family: nunito-sans, 'Nunito Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    padding: 16px 20px !important;
    border: 1px solid #4d7573 !important;
    box-shadow: none !important;
    color: #4d7573 !important;
    cursor: pointer;
}

.gform_page_footer input[type="button"].gform_previous_button:hover {
    background: #4d7573 !important;
    color: #fff !important;
}

/* --- File Upload --- */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
    color: #2bb673 !important;
}

/* --- Control Buttons (e.g. date picker) --- */
.gform-theme.gform-theme--framework.gform_wrapper .button.gform-theme-button--control,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button.gform-theme-button--control,
.gform-theme.gform-theme--framework.gform_wrapper button.button.gform-theme-button--control {
    background: #2bb673 !important;
}

/* --- Terms of Service --- */
.gptos_the_terms {
    padding: 12px !important;
}

.gptos_the_terms p {
    font-size: 15px;
    line-height: 22px;
}

/* --- Confirmation Message --- */

.gform_confirmation_wrapper {
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.2) !important;
    margin-top:2.5em;
    font-size:17px !important;
    padding:2em;
}

.gform_confirmation_wrapper p,
.gform_confirmation_wrapper ul {
    font-size:17px !important;
}

.gform_confirmation_wrapper ul {
    margin-top:1.5em;
}

.gform_confirmation_wrapper ul br {
    display:none;
}

.gform_wrapper.gform_confirmation_wrapper h2 {
    font-family: 'Source Serif 4', source-serif-4, serif !important;
    margin: 0 !important;
}

/* --- Popup Form Title --- */
.gp-popups-iframe h2.gform_title {
    font-family: 'Source Serif 4', source-serif-4, serif !important;
}

h2.gform_submission_error {
    margin:0 !important;
    color:#991b1b !important;
    font-size:17px !important;
    font-family:'Source Serif 4', source-serif-4, serif !important;
    font-style:italic;
}

.gfield_error,
.validation_error {
    background:#FDF8F7 !important;
    padding:20px !important;
}

.gplc-validation-message {
    font-weight:600;
    color:#fff;
    background:#991b1b;
    padding:10px;
}


/* feature cards/grid */

.feature-grid {
  width: 100%;
  border-collapse: collapse; /* Optional: improves table rendering */
}

.feature-grid td {
  vertical-align: top;
  width: 33.33%;
  padding: 10px;
}

.feature-grid img {
  width: 100%;
  height: auto;
  display: block; /* Ensures no inline gap below image */
}

.feature-grid .link {
  border-top: 4px solid #2bb673;
  background:#fff;
}

/* .feature-grid .link .link-body {
  display: none;
} */

.feature-grid h3 a {
  display: block;
  position: relative;
  background: url('/assets/gcc/icons/arrow-right-green.png') no-repeat center right;
  color: #00594b;
  font-size: 24px !important;
  font-weight: 600;
  text-decoration: none;
    background-size:contain;
}

/* =========================================
   FEATURE GRID: DESKTOP & GLOBAL
   ========================================= */
.feature-grid h3 a {
    display: block;
    position: relative;
    color: #00594b;
    text-decoration: none;
    font-weight: 600;
    
    /* Desktop Font Size */
    font-size: 24px !important; 
    line-height: 1.2;

    /* Desktop Arrow: Restored to 'contain' to prevent blurriness */
    background: url('/assets/gcc/icons/arrow-right-green.png') no-repeat;
    background-size: contain; 
    background-position: calc(100% - 15px) center;
    padding: 10px 45px 10px 0;

    /* Nudge transition applies to all resolutions */
    transition: background-position 0.3s ease, color 0.2s ease;
}

/* The Nudge Hover: Works on all screen sizes */
.feature-grid h3 a:hover {
    background-position: calc(100% - 5px) center;
    color: #2bb673;
}

/* for ux */

.item {
  position: relative;
  overflow: hidden;
}

.item img {
  display: block;
  width: 100%;
}

.link {
  position: absolute;
  left: 0;
  width: 100%;
  background: white;
  transition: transform 0.3s ease;
  z-index: 2;
}

.link h3 {
  margin: 0;
    padding:15px 10px;
  background: white;
}

.link-body {
   padding:0 10px 20px 10px;
  background: white;
	margin-top:-20px !important;
}

/* site landing page headlines */

/*#headlines .container-fluid {
  width: 100%;
}

#headlines {
  display: flex;
  align-items: center;    
    background:#EFF1EE url('/assets/gcc/icons/info-green.svg') no-repeat 20px 50%;
    border:1px solid #DCE5DA;
    padding:26px 26px 26px 90px;
  margin:2em 0;
}

#headlines .owl-wrapper {
    padding-bottom:3px !important;
}

#headlines h2 {
    font-size:26px;
    font-weight:600;
    margin:0 0 4px 0 !important;
}

.entry-content #headlines p {
        color:#4d4d4d;
    font-size:16px !important;
    line-height:normal !important;
    margin:0 !important;
}

#headlines p a, #headlines ul li a {
    color:#00594b !important;
    text-decoration:underline;
}

.owl-controls {display:none !important;}

.headline {position:relative;
margin-bottom:2px;}

#headlines .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

#headlines .row .col-md-3 {
    text-align:right;
}


#headlines .button a {
    padding:16px;
    color:#00594b;
    border:1px solid #00594b;
    font-size:16px;
    font-weight:600;
  text-decoration:none;
}

#headlines .button a:hover {
    padding:16px;
    background:#00594b;
    border:1px solid #00594b;
    font-size:16px;
    color:#fff;
    text-decoration:none;
}

#headlines .col-md-4 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#headlines .col-md-4 ul li {
  display: contents; 
}

#headlines .col-md-4 ul li a.gccbutton {
  display: inline-block;
}

.headline .row {
  display: flex;
  align-items: stretch; 
}

.headline .col-md-4 {
  display: flex;
  align-items: center; 
}

#headlines ul li a {
    color:#fff !important;
}

#headlines ul li a.ghost {
    color:#4d7573 !important;
}

#headlines ul li a:hover {
    color:#4d7573 !important;
}

#headlines ul li a.ghost:hover {
    color:#fff !important;
}

#headlines .row {
    display: flex !important;
    align-items: center; 
    justify-content: space-between;
}

#headlines .col-md-4 {
    display: flex;
    justify-content: flex-end; 

#headlines ul {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}.owl-controls {
    display:block !important;
}


#headlines {
    position: relative; 
    overflow: visible !important; 
}

/* 2. Base Styling for the Buttons
.owl-buttons div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* The secret to vertical centering 
    background: transparent !important;
    color: #4d7573 !important; /* GCC Teal 
    font-size: 30px !important;
    margin: 0 !important;
    padding: 10px !important;
    transition: color 0.3s ease;
    cursor: pointer;
}

.owl-buttons div:hover {
    color: #2E9469 !important; /* Hover Green */
}

/* 3. Position the arrows outside the left/right edges 
.owl-prev {
    left: -60px; /* Adjust this value based on your page margins 
}

.owl-next {
    right: -60px; /* Adjust this value based on your page margins 
}

/* 4. Hide the pagination dots (optional, based on your previous style) 
.owl-pagination {
    display: none !important;
}

/* 5. Mobile Adjustment: Bring them back inside or hide them 
@media (max-width: 1200px) {
    .owl-prev { left: -30px; }
    .owl-next { right: -30px; }
}

@media (max-width: 992px) {
    #headlines { overflow: hidden !important; } /* Clip them or bring them inside 
    .owl-buttons div {
        position: static;
        transform: none;
        display: inline-block;
    }
    .owl-controls {
        text-align: center;
        margin-top: 10px;
    }
}

/* 1. MAIN CONTAINER (Restored Icon) */
#headlines {
    position: relative;
    display: block;
    /* Restored Background Image + Color */
    background-color: #EFF1EE;
    background-image: url('/assets/gcc/icons/info-green.svg');
    background-repeat: no-repeat;
    background-position: 20px center; /* Positions icon 20px from left, centered vertically */
    background-size: 50px auto; /* Adjust size if the icon looks too large/small */
    
    border: 1px solid #DCE5DA;
    padding: 26px 26px 26px 90px;
    margin: 2em 0;
    overflow: visible !important; 
}

#headlines {
   background-color: #EFF1EE;
    background-image: url('/assets/gcc/icons/info-green.svg');
    background-repeat: no-repeat;
    background-position: 20px center; /* Positions icon 20px from left, centered vertically */
    background-size: 50px auto; /* Adjust size if the icon looks too large/small */
    padding:30px 0 10px;
}

#headlines h2,
.entry-content #headlines p {
    margin-left:60px !important;
}

#headlines h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 4px 60px !important;
    line-height: 1.2;
}

.entry-content #headlines p {
    color: #4d4d4d;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
}

/* 2. FLEX ROW & ALIGNMENT */
#headlines .row {
    display: flex !important;
    align-items: center; 
    justify-content: space-between;
    margin: 0;
}

#headlines .col-md-4, 
#headlines .col-md-3 {
    display: flex;
    justify-content: flex-end; 
    align-items: center;
}

/* 3. TYPOGRAPHY */



/* 4. BUTTONS & LISTS */
#headlines ul {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

 
#headlines .gccbutton {
    display: inline-block;
    padding: 12px 24px;
    background-color: #4d7573;
    border: 2px solid #4d7573;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.3s ease;
}

#headlines .gccbutton.ghost {
    background-color: transparent;
    color: #4d7573 !important;
}

#headlines.gccbutton:hover {
    background-color: #2E9469;
    border-color: #2E9469;
    color: #fff !important;
}

/* 5. OWL CONTROLS (OUTSIDE & CENTERED) */
.owl-buttons div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    color: #4d7573 !important;
    font-size: 30px !important;
    margin: 0 !important;
    padding: 10px !important;
    cursor: pointer;
}

.owl-prev { left: -60px; }
.owl-next { right: -60px; }

/* 6. RESPONSIVE (Icon management) */
@media (max-width: 992px) {
    #headlines { 
        padding-left: 26px; /* Remove large padding on mobile */
        background-image: none; /* Usually best to hide the icon on mobile to save space */
        overflow: hidden !important; 
    }
    
    #headlines .row {
        flex-direction: column;
        text-align: center;
    }

    #headlines .col-md-4 {
        justify-content: center;
        margin-top: 15px;
    }

    .owl-buttons div {
        position: static;
        transform: none;
        display: inline-block;
    }
}
/* icon blocks */

.icon-grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto;
}

.icon-grid .icon {
  flex: 1 0 33.33%;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  display: flex;              /* Make each cell a flex container */
  flex-direction: column;     /* Stack content vertically */
  justify-content: flex-end;  /* Push content to the bottom */
}

/* Optional: Equal height with flex and alignment */
.icon-grid {
  align-items: stretch;
}

.icon-grid .icon a {
    display:block;
    width:100%;
    margin-bottom:.5em;
  text-decoration:none !important;
  color:#00594b !important;
}

.icon-grid .icon {
    font-size:20px;
    color:#00594b;
    font-weight:700;
    line-height:30px;
}

.icon img {
  width: 30%;
  transition: transform 0.4s ease;
  transform-origin: center center;
}

.icon img:hover {
  transform: scale(1.25);
}

.icon-box {
    padding:5% 0 3% 0;
}

.icon-box .headline {
    font-family:'Source Serif 4', source-serif-4, serif;
    color:#4d7573;
    font-size: 38px;
    line-height:46px;
    font-weight:700;
    margin-bottom: 0.5em;
}

.icon-box .body p {
    font-size:20px;
}

/* image blocks */

.container .feature-block {
  background:#fff;
}

.container .feature-block.fw {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
    background:#eff1ee;
    padding: 3em 0
}

.feature-block.fw .info {
    background:#fff;
    padding:5%;
    border-top:6px solid #FFD275;
}

.feature-block.fw {
padding:12% 0 !important;
}

.feature-block.fw .headline {
    color:#00594b;
    font-family:'Source Serif 4', source-serif, serif;
    font-weight:400;
    font-size:44px;
    line-height:52px;
    margin-bottom:20px;
}

.feature-block.fw .headline em {
    text-transform:uppercase;
    font-weight:900;
    color:#4d7573;
}

.feature-block.fw .body p {
    font-size:20px !important;
    line-height:32px;
}

.feature-block.boxed .container {
    background:#00594b;
}

.feature-block a {
  text-decoration:none;
}

.boxed .link {
    position: relative;
    background:inherit;
}

.boxed .row, .boxed .col-md-6 {
    padding:0;
}

.container-fluid.feature-block .row.container {
  display: flex;
  align-items: center; /* vertically centers child columns */
}

.boxed .info {
    padding: 5%;
}

.boxed .headline {
    font-family:'Source Serif 4', source-serif-4, serif;
    color:#fff;
        font-size:28px;
    font-weight:600;
    line-height:34px;
}

.boxed h2 {
    margin:0 0 0.5em 0;
    font-size:28px
}

.boxed .body p {
    font-size:18px;
    color:#fff;
    font-weight:400;
    line-height:27px;
    margin-top:20px;
}

.boxed .link a {
    color:#fff;
    font-size:20px;
    font-weight:600;
}

.boxed .link i {
    color:#FFD275;
    font-size:20px;
    font-weight:600;
}

.boxed .link a:hover {
    text-decoration:none;
    border-bottom:2px solid #FFD275;
}

/* question blocks */

.question-block {
    background:#00594b;
    color:#fff;
    padding:2.5%;
}

.question-block .row {
  display: flex;
  align-items: center; /* Vertical centering */
}

.question-block p {
    color:#fff;
    font-size:28px !important;
    font-family:'Source Serif 4', source-serif-4, serif;
    line-height:34px;
    font-weight:600;
}

.question-block .buttons {
    text-align:right;
}

.question-block .gccbutton {
    width:35%;
    text-align:center;
    margin-right:20px;
}

.question-block .col-md-3 .gccbutton {
    width:85%;
}

/* video gallery */

.yotu-videos .yotu-video h3 {
    color:#00594b;
    font-size:18px;
}

.yotu-wrapper-player, .yotu-player {
    width:100% !important;
}

.yotu-mode-grid {
    margin-top:20px;
}


.yotu-videos.yotu-mode-grid .yotu-video-description {
    display:none;
}


.yotu-mode-grid li {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    padding:10px !important;
    border-radius:4px;
}

/* lightbox */

.su-lightbox-content p, .su-lightbox-content li {
	    color:#4d4d4d;
    font-size:16px;
    line-height:25px;
	text-align:left;
} 



ul.checkbox-list,
ul.checkbox-list ul {
  list-style: none;
  padding-left: 0;
    margin-left:10px;
}

ul.checkbox-list li {
  position: relative;
 padding-left: 1.75rem;
  margin-bottom: 0.5rem;
}

ul.checkbox-list li::before {
  content: "☐";
  position: absolute;
  left: -12px;
  top: -7px;
  font-size: 3.1rem;
  line-height: 1.2;
}

/* Indent nested lists */
ul.checkbox-list ul {
  margin-left: 1.5rem;
}

.footnote p {
    font-size:16px;
    line-height:20px;
}

/* =====================================================
   BASE STYLES (GLOBAL)
   ===================================================== */
.edit-content-block-link {
  display: block;
  width: auto !important;
  background: #f3fefe;
  padding: 20px 0 80px 20px;
  margin-bottom: -60px !important;
}

.su-accordion .su-spoiler-title {
  line-height: 30px !important;
}

#section-footer h1.widget-title {
  display: none;
}

/* =====================================================
   500PX AND BELOW (MOBILE)
   ===================================================== */
@media (max-width: 500px) {
  #headlines h2 {
    line-height: 30px;
  }

  #headlines .button {
    padding-bottom: 10px !important;
  }

  .feature-grid h3 a {
    font-size: clamp(1.625rem, 6vw + 0.5rem, 2rem) !important;
    background-size: 16px;
    background-position: calc(100% - 10px) center;
    padding-right: 35px;
  }

  .feature-grid h3 a:hover {
    background-position: 100% center;
  }

  .feature-grid .link-body p {
    font-size: 18px !important;
    line-height: 1.4;
  }
}

/* =====================================================
   530PX AND BELOW
   ===================================================== */
@media screen and (max-width: 530px) {
  .icon-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .icon {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .icon img {
    max-width: 80px;
    margin: 0 auto 10px;
    display: block;
  }

  .container-fluid.icon-box .col-md-4,
  .container-fluid.icon-box .col-md-8 {
    width: 100%;
    text-align: center;
    padding: 0 15px;
  }
	
	.lede p {
        font-size:22px !important;
        line-height:28px;
    }
}

/* =====================================================
   800PX AND BELOW
   ===================================================== */
@media (max-width: 800px) {
  /* Headlines */
  #headlines {
    background-image: none !important;
    padding: 0 20px 40px !important;
    display: block !important;
    height: auto !important;
  }

  #headlines .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #headlines .col-md-9,
  #headlines .col-md-3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    float: none !important;
  }

  #headlines .row .col-md-3 {
    margin-bottom: 10px !important;
    text-align: center;
    padding-top: 30px !important;
  }

  /* Question Block */
  .question-block,
  .question-block .row {
    height: auto !important;
    min-height: fit-content;
    display: block;
    padding: 0;
  }

  .question-block .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    float: none;
    padding: 15px 0;
    text-align: center;
  }

  .question-block p {
    margin: 0 1em -1em;
    margin-top: -0.75em;
  }

  .question-block .buttons {
    text-align: center !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    padding-left: 30px;
  }

  .question-block .buttons a {
    display: inline-block;
    width: auto;
    min-width: 200px;
  }

  /* Footer CTA */
  .site-footer .cta .col-md-4 a {
    margin-top: 1.5em;
    font-size: 24px;
  }

  /* Footer Calendar */
  .footer-cal .em.em-list {
    display: block;
  }
	
	.footer-cal p {
    font-size:16px !important;
}

  .footer-cal .su-row .em-list .su-column-size-1-4 {
    width: 100%;
    display: block !important;
    margin: 0;
    padding-bottom: 1.5em;
  }

  .footer-cal .right {
    padding-bottom: 2em;
    margin-top: -2em !important;
  }
}

/* =====================================================
   801PX TO 1000PX
   ===================================================== */
@media (min-width: 801px) and (max-width: 1000px) {
  /* Headlines grid fix */
  #headlines .col-md-9 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  #headlines .col-md-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  /* Question block adjustments */
  .question-block .col-md-6 {
    flex: 0 0 45% !important;
    max-width: 45% !important;
    padding-right: 0 !important;
  }

  .question-block .col-md-5 {
    flex: 0 0 45% !important;
    max-width: 45% !important;
    padding-left: 0 !important;
  }

  .question-block .col-md-1 {
    flex: 0 0 10% !important;
    max-width: 10% !important;
  }

  .question-block .col-md-6 p {
    font-size: 26px !important;
  }

  .question-block .col-md-5 a.gccbutton {
    font-size: 16px;
    padding: 12px 8px !important;
  }

  .feature-block.fw {
    padding: 0 6% !important;
  }

  .site-footer .cta .col-md-4 a {
    margin-top: 1.5em;
    font-size: 24px;
  }
}

/* =====================================================
   769PX TO 800PX (FIXED)
   ===================================================== */
@media (min-width: 769px) and (max-width: 800px) {
  .footer-cal .su-row:first-child {
    margin: -150px 0 -30px !important;
  }

  .footer-cal .su-column-size-3-4 {
    width: 50% !important;
  }

  .footer-cal .su-column-size-1-4.right {
    width: 46% !important;
    padding-top: 30px !important;
  }
}

/* =====================================================
   900PX AND BELOW
   ===================================================== */
@media screen and (max-width: 900px) {
  footer.site-footer .right {
    width: 100% !important;
    text-align: left !important;
  }

  footer.site-footer .right ul {
    margin-top: 20px;
  }
}

/* =====================================================
   1023PX AND BELOW
   ===================================================== */
@media screen and (max-width: 1023px) {
  #secondary {
    width: 100%;
    text-align: center;
  }

  #secondary .gccbutton {
    max-width: 90%;
  }

  .link-block #split-list ul {
    display: block;
    width: auto;
    float: none;
    margin: 0;
  }

  .feature-grid table,
  .feature-grid tbody,
  .feature-grid tr,
  .feature-grid td {
    display: block;
    width: 100%;
  }

  .feature-grid td {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .feature-grid .item img {
    width: 100%;
    height: auto;
  }

  /* Masthead */
  .home #masthead {
    position: relative;
    height: 300px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .home #masthead > img,
  .home #masthead .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home #masthead .gradient {
    z-index: 1;
  }

  .home #masthead #header,
  .home #masthead #header .container,
  .home #masthead .site-branding,
  .home #masthead .site-title {
    position: relative;
    z-index: 2;
    width: 100% !important;
    text-align: center !important;
  }

  .home .site-title a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
  }

  .home #masthead .widget-container {
    display: none !important;
  }

  .home .site-branding h1.site-title {
    bottom: -40px !important;
  }

  #primary {
    width: 100%;
    float: none;
  }

  #masthead {
    background-size: 40%;
  }

  .footer-cal {
    padding: 4em 2em;
  }

  .footer-cal .su-column {
    display: block;
  }

  .entry-content img:first-of-type,
  .entry-content figure:first-of-type {
    margin-top: 2.5em !important;
  }
}

/* =====================================================
   1024PX TO 1200PX
   ===================================================== */
@media (min-width: 1024px) and (max-width: 1200px) {
  .feature-grid table,
  .feature-grid tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .feature-grid tr {
    display: contents;
  }

  .feature-grid td {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 5px;
  }

  #headlines {
    padding: 0 0 20px 90px;
  }

  .question-block {
    padding: 20px;
  }

  .question-block .buttons .gccbutton {
    padding: 10px 11px;
    font-size: 14px;
  }

  .feature-block.boxed img {
    margin-left: 12px;
  }

  .container {
    width: 96%;
  }

  #headlines h2 {
    padding-top: 0.5em !important;
  }

  .footer-cal .su-row {
    width: 92% !important;
  }

  .boxed .col-md-6 {
    padding-top: 0 !important;
  }

  .boxed .headline {
    margin-top: 1em;
  }

  .boxed .body p {
    font-size: 16px !important;
    font-weight: 300;
  }

  .site-footer .cta a {
    font-size: 16px;
    padding: 16px 20px;
  }
}

/* =====================================================
   1024PX TO 1080PX
   ===================================================== */
@media screen and (min-width: 1024px) and (max-width: 1080px) {
  #secondary .gccbutton {
    font-size: 16px;
  }
}

/* =====================================================
   1200PX TO 1439PX
   ===================================================== */
@media (min-width: 1200px) and (max-width: 1439px) {
  .container,
  .footer-cal .su-row {
    max-width: 95% !important;
  }
}

/* =====================================================
   EXACT WIDTH 1024PX
   ===================================================== */
@media (width: 1024px) {
  .container-fluid.feature-block img {
    padding-left: 20px;
  }
}

@media (min-width:1439px) and (max-width:1442px) {
	.container {
		max-width:95%;
	}
}

/* Prevent mobile menu from flashing on desktop screens */
@media screen and (min-width: 1025px) {
    #menu-mobile {
        display: none !important;
    }
}

@media (max-width: 800px) {
  /* 1. Ensure the row is a flex container and stacks vertically */
  .feature-block.boxed .row {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Forces children to stretch to the full width/height */
  }

  /* 2. Make columns take 100% width and grow to fill height */
  .feature-block.boxed .col-md-6 {
    flex: 1 0 auto; /* Allows columns to grow and fill available vertical space */
    max-width: 100%;
    width: 100%;
    
    /* 3. Make the column itself a flexbox so internal content fills the height */
    display: flex;
    flex-direction: column;
  }

  /* Ensures the info box content stretches to the bottom */
  .feature-block.boxed .col-md-6.info {
    height: 100%; 
    justify-content: center; /* Optional: centers the text vertically in the stretched box */
  }

  .feature-block.boxed .col-md-6:first-child {
    margin-bottom: 0; /* Removed margin to allow seamless stretching if needed */
  }

  .feature-block.boxed .col-md-6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
      margin-top:0px !important; /* Ensures the image fills the area without distorting */
  }
}

.page-notice {
    background:#dce5da;
    padding:26px 26px 16px 26px;
    margin:20px 0;
}

.page-notice p {
    font-weight:400;
}

#la {
    margin:30px -14px;
    font-style:italic;
}

/* Ensure utility nav links meet the 44px minimum target size */
.nav-utility a, 
.nav-utility button {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;    /* Keeps text centered vertically */
    justify-content: center; /* Keeps text centered horizontally */
    padding: 0;      /* Adjust padding as needed to reach 44px */
    text-decoration: none;
    box-sizing: border-box; /* Ensures padding is included in the 44px */
}

/* 1. BASE CALLOUT STYLE (The "Green" Default) */
.callout {
    display: flex;
    align-items: center;
    background-color: #f4f6f4;
    border-left: 5px solid #4d7573;
    padding: 20px 25px;
    margin: 25px 0;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    line-height: 1.5;
}

.callout i {
    font-size: 28px;
    margin-right: 20px;
    color: #4d7573;
    flex-shrink: 0;
    line-height: 1;
}

/* 2. WARNING STYLE (Subtle Orange/Yellow) */
.entry-content .callout.warning {
    background-color: #fff9f0;
    border-left-color: #d97706;
}

.entry-content .callout.warning i,
.callout.warning .callout-title {
    color: #854d0e;
}

/* 3. DANGER STYLE (Red Theme) */
.entry-content .callout.danger {
    background-color: #fef2f2; /* Subtle red background */
    border-left-color: #dc2626; /* Strong red border */
}

.entry-content .callout.danger i,
.callout.danger .callout-title {
    color: #991b1b; /* Darker red text/icon */
}

/* 4. TYPOGRAPHY & RESPONSIVE */
.callout-content { flex: 1; }
.callout-title {
    font-size: 1.1em;
    font-weight: 700;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.callout p { font-size: 1.75rem; }
.entry-content .callout p:last-child { margin-bottom: 0 !important; }

@media (max-width: 768px) {
    .entry-content .callout { padding: 15px; font-size: 15px; }
    .entry-content .callout i { font-size: 22px; margin-right: 15px; }
    .callout p { font-size: 1.25rem; }
}

/* Danger Variant Container */
.gcc-contact-box.danger {
    border-top: 5px solid #ff3131; /* Bright Pop Red */
    background-color: #fff; /* Keeping white for readability, or adjust for dark theme */
}

/* Red Icon Tab - Flush Right */
.gcc-contact-box.danger .contact-icon-tab {
    background-color: #ff3131;
    color: #fff;
    border-radius: 0 0 0 6px; /* Flush top/right, rounded bottom-left */
    top: 0;
    right: 0;
    padding: 10px 15px;
}

/* Title Styling for Danger */
.gcc-contact-box.danger .contact-box-header h3 {
    color: #b71c1c; /* A slightly deeper red for text readability */
}

/* Link Styling within Danger box */
.gcc-contact-box.danger .contact-box-content a {
    color: #ff3131;
    text-decoration: underline;
    font-weight: 700;
}

.gcc-contact-box.danger .contact-box-content a:hover {
    color: #b71c1c;
}

/* Container Box */
.gcc-contact-box {
    position: relative;
    border: 1px solid #e0e0e0;
    border-top: 5px solid #2bb673;
    border-radius: 4px;
    padding: 20px; /* Reduced from 30px */
    margin: 25px 0;
    background: #fff;
    max-width: 450px;
    overflow: hidden; /* Ensures the box handles the tab cleanly */
}

/* Header Logic */
.contact-box-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px; /* Reduced spacing */
}

.contact-box-header h3 {
    margin: 0;
    font-size: 20px; /* Slightly smaller to match reduced padding */
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.2;
    padding-right: 50px; /* Leave room for the flush icon */
}

/* The Flush Green Icon Tab */
.contact-icon-tab {
    position: absolute;
    top: 0; /* Align perfectly with the top edge */
    right: 0; /* Flush to the right edge */
    background-color: #2bb673;
    color: #fff;
    padding: 10px 15px; /* Slightly tighter padding */
    border-radius: 0 0 0 6px; /* Rounded only on the bottom-left corner */
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content Styling */
.contact-box-content {
    font-size: 15px;
    line-height: 1.5;
    color: #333;
}

.contact-box-content p {
    margin-bottom: 10px; /* Tighter paragraph spacing */
}

.contact-box-content a {
    color: #2bb673;
    text-decoration: none;
    font-weight: 600;
}

/* lwa styling */

.lwa-wrapper {
    width:50%;
    margin:auto;
}
.lwa-wrapper label,
.lwa-wrapper input[type="submit"]
{
        font-family:'Nunito Sans', nunito-sans !important;
}
#lwa-1 .lwa-links a.lwa-links-remember {
  font-family: 'Nunito Sans', nunito-sans !important;
  color: #00594b !important;
}
#lwa-1 .lwa-links a.lwa-links-remember:hover {
  color: #003d33 !important;
}
#lwa-1 .lwa-submit-button input[type="submit"].button-primary,
#lwa-1 .lwa-submit-button input[type="submit"].button-primary:visited,
#lwa-1 .lwa-submit-button input[type="submit"].button-primary:focus {
  background: #4d7573 !important;
  background-color: #4d7573 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  padding: 16px 32px 52px 32px !important;
  cursor: pointer !important;
  text-transform: none !important;
  font-size: 20px !important;
  font-weight:300 !important;
  transition: background-color 0.2s ease !important;
}
#lwa-1 .lwa-submit-button input[type="submit"].button-primary:hover {
  background: #2c4a49 !important;
  background-color: #2c4a49 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none !important;
}
#lwa-1 .lwa-submit-button input[type="submit"].button-primary:active {
  background: #1e3534 !important;
  background-color: #1e3534 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
  outline: none !important;
  position: static !important;
  top: auto !important;
}