/**Digital Annual Impact Report 2025 - 081825**/

/**COLOR PALETTES
#D4E09B, #F6F4D2, #CBDFBD, #F19C79, #A44A3F, #FF99C8, #FCF6BD, #D0F4DE, #A9DEF9, #E4C1F9 */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Diplomata&family=Gasoek+One&family=Monoton&family=Notable&family=Press+Start+2P&display=swap');

html {font-size:17px;scroll-behavior: smooth;}
body {font-weight:400;} 
#centercontent p, #centercontent ul li { font-size: 1rem; }
#SiteName_Tabs, #fixed-tab { display:none; }
#layoutcontainer img {width:100%;}
.auto {height:auto !important;}

#divE, #divF, #divG, #divH { scroll-margin-top: 4rem; }
#divC, #divD, #divI { scroll-margin-top: 12rem; }

.container-large, #centercontent ul {max-width: 80%;margin-left: auto !important;margin-right: auto !important; margin-top:60px; margin-bottom:40px;}
.container-medium {max-width: 60%;margin-left: auto !important;margin-right: auto !important;margin-top:60px; margin-bottom:40px;}
.container-small {max-width: 40%;margin-left: auto !important;margin-right: auto !important;margin-top:60px; margin-bottom:40px;}

.carousel {
  --gap: 1rem; --radius: 16px; --shadow: 0 10px 24px rgba(0,0,0,.12);
  position: relative; margin: 0 auto; 
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.carousel__viewport {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-auto-flow: column; grid-auto-columns: 100%;
  gap: var(--gap);
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.carousel__slide {
  position: relative; scroll-snap-align: start; user-select: none;
  overflow: hidden;
  aspect-ratio: 16/4; place-items: center;
  color: #fff;
  background-color: #0f3f8c !important;
	    display: flex;
     flex-direction: column;
    font-size: 1.4rem !important;
    justify-content: center;
    text-align: center;
    padding: 4rem !important; 
}
.carousel__slide img {
	    max-width: 120px;
    margin: 0 0 1rem;
}
.nav {
  position: absolute; top: 50%; translate: 0 -50%;
  width: 44px; height: 44px; border-radius: 999px; display: grid; place-items: center;
  background: rgba(0,0,0,.35); color: #fff; text-decoration: none; font-size: 28px;
}
.nav:hover { background: rgba(0,0,0,.5); }
.nav.prev { left: .5rem; }
.nav.next { right: .5rem; }

/*.carousel__dots {
  position: absolute; left: 50%; bottom: .6rem; translate: -50% 0;
  display: flex; gap: .5rem;
}
.dot {
  width: 10px; height: 10px; border-radius: 999px;
  background: #d0d0d0; display: inline-block; text-decoration: none;
}
.dot:hover { background: #999; }

@supports(selector(:has(*))) {
  .carousel:has(#s1:target) .dot[data-dot="1"],
  .carousel:has(#s2:target) .dot[data-dot="2"],
  .carousel:has(#s3:target) .dot[data-dot="3"] { background: #333; }
} 
.carousel__slide:focus { outline: 2px solid #333; outline-offset: 2px; }*/


/**Fonts**/
h1 span, h2, body #centercontent .sub-banner .title .page-title { 
  /*font-family: "Notable", sans-serif; 
  font-family: "Press Start 2P", system-ui !important; */
	font-family: "Manrope", sans-serif !important;
	font-weight: 900 !important;
}
html, body, h1 .subscript, h3, h4, h5, h6, h7, .h1, .h2, .h3, .h4, .h5, .h6, .h7, p, li, div, label, a, p, #divFooter a, #divFooter p, #divFooter .accessibility a, .table-responsive th, .table-responsive td, #search-button, body #centercontent .title .page-title { 
	font-family: "Manrope", sans-serif !important;
}

#centercontent p {margin-bottom: 2rem;line-height:1.4;}
#centercontent p:last-child {margin-bottom:0;}
#centercontent .disclaimer {font-size:0.9rem;}
ul, ol {margin-bottom:0;}

/*.text-02 {background-color: yellow;}
.text-03 {background-color: red;}*/
.text-center {text-align: center; }

.bg-clear {background-color:transparent!important;}

hr { 
    color: #00244e;
    background-color: #00244e; 
}
.sub-banner { background-color:#4d9ecf; }

#MainContent #divC a:hover, #MainContent #divD a:hover { background-color:inherit!important;
}
#MainContent li a, #MainContent li a:link, #MainContent ul li a, #MainContent ul li a span, #MainContent ul li span a  {font-weight:600 !important; color:#fff;}

/**Sections**/
#layoutcontainer #divA {background: #f2f2f2 /*url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/3P8A7877.png) no-repeat;background-size: contain;background-position: center; */}
#layoutcontainer #divA_content, .total-numbers, .anim-block {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-pattern.png);background-size: 30px;} 
.pattern-01 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-5.png);background-size: 60px;} 
.pattern-02 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-3.png);background-size: 70px;} 
.pattern-03 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-4.png);background-size: 120px;} 
.pattern-04 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-6.png);background-size: 60px;} 
.pattern-05 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-1.png);background-size: 70px;} 
.pattern-06 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/forward-2.png);background-size: 120px;} 
.pattern-q1 {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/quote-pattern.png);background-size: 100px;} 

#layoutcontainer #divC_content {background-color: #00244e;} 
#layoutcontainer #divD_content {background-color: #f9f9f9;} 
#layoutcontainer #divE_content {background-color: #e2e2e2;} 
#layoutcontainer #divF_content {background-color: #f9f9f9;}  
#layoutcontainer #divG_content {background-color: #c9e3fd;} 
#layoutcontainer #divH_content {background-color: #00244e;} 
#layoutcontainer #divI_content {background-color: #f9f9f9;}

#layoutcontainer #divC h2, #layoutcontainer #divC h3, #layoutcontainer #divC h4, #layoutcontainer #divC p,  
#layoutcontainer #divH h2, #layoutcontainer #divH h3, #layoutcontainer #divH h4, #layoutcontainer #divH p,   
.text-white
{color:#fff;}
#layoutcontainer #divC a,  #layoutcontainer #divH a, #layoutcontainer .letter p a {color:#fec732;}

#MainContent .floats a {color:#0f3f8c !important;}

#MainContent > .container #layoutcontainer ul > li:before, .anchor, 
body #centercontent h1, #centercontent h2, 
#layoutcontainer #divD h2, #layoutcontainer #divD h3, #layoutcontainer #divD p, 
#layoutcontainer #divE h2, #layoutcontainer #divE h3, #layoutcontainer #divE p, 
#layoutcontainer #divF h2, #layoutcontainer #divF h3, #layoutcontainer #divF p, 
#layoutcontainer #divG h2, #layoutcontainer #divG h3, #layoutcontainer #divG p,  
#layoutcontainer #divI h2, #layoutcontainer #divI h3, #layoutcontainer #divI p, 

.text-black
{color:#111;}

@keyframes move-background {
    from {
        background-position: 0 0; /* 시작 위치 (x, y) */
    }
    to {
        background-position: 200px -200px; /* 최종 위치 (x, y) */
    }
}
.bg-animation, #divA_content { animation: move-background 10s linear infinite;
}

.floats {
	background-color:rgba(255,121,0,1);
	padding:4rem;
	    margin-top: -15rem;
    margin-bottom: 4rem;
}
.floats h2, .floats p {color:#000 !important;}

/*#layoutcontainer #divC {background: linear-gradient(to bottom, #FFDAB9, #FFC0CB, #E6E6FA);}*/

/*#layoutcontainer #divD {background: linear-gradient(to bottom, #E6E6FA, #D8BFD8, #ADD8E6);}
#layoutcontainer #divE {background: linear-gradient(to right, #4682B4, #5F9EA0);}
#layoutcontainer #divF {background: linear-gradient(to top, #48D1CC, #2F4F4F);}
#layoutcontainer #divG {background: linear-gradient(to right, #B0E0E6, #008080);}
#layoutcontainer #divH {background: linear-gradient(to left, #20B2AA, #5B7A87);}
#layoutcontainer #divI {background: linear-gradient(to top, #5D7A94, #2A4F6E);}*/

#layoutcontainer ul li {background-color:#00244e; color:#fff;}
.bg-blue, #layoutcontainer ul.blue li {background-color:#0f3f8c !important; color:#fff;}
.bg-navy, #layoutcontainer ul.navy li {background-color:#00244e !important; color:#fff;}
.bg-purple, #layoutcontainer ul.purple li {background-color:#582975 !important; color:#fff;}
.bg-green, #layoutcontainer ul.green li {background-color:#2c6630 !important; color:#fff;}
.bg-brown, #layoutcontainer ul.brown li {background-color:#71614f !important; color:#fff;}

#layoutcontainer #divC ul li, #layoutcontainer #divH ul li {background-color:#00244e;border:1px solid #fff /*linear-gradient(to bottom, #FFDAB9, #FFC0CB, #E6E6FA)*/;}	
#layoutcontainer #divC ul li, #layoutcontainer #divC ul li a,
#layoutcontainer #divH ul li, #layoutcontainer #divH ul li a {color:#fff;}

.flex {display:flex;}
.flex-split {display:flex; flex-direction:row;gap:1rem;}
.row-wrap {display:flex; justify-content: center;}
.row-wrap img {
    max-width: 90px !important;
    height: 90px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.pie-chart {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-weight: bold;
	    margin: 0 auto 1rem;
}
.pie-85 { background: conic-gradient( #7db0ed 0% 85%, #f2f2f2 85% 100% /* The Color of the rest */ ); }
.pie-71 { background: conic-gradient( #efb079 0% 71%, #f2f2f2 71% 100% /* The Color of the rest */ ); }
.pie-62 { background: conic-gradient( #c892cb 0% 62%, #f2f2f2 62% 100% /* The Color of the rest */ ); }
.pie-83 { background: conic-gradient( #c0c099 0% 83%, #f2f2f2 83% 100% /* The Color of the rest */ ); }
.pie-71b { background: conic-gradient( #30e4e6 0% 71%, #f2f2f2 71% 100% /* The Color of the rest */ ); }

.pie-chart-text { 
  background-color: white;
  border-radius: 50%;  
  padding: 20px; 
  font-size: 2.5em;  
  display: flex;  
  justify-content: center;
  align-items: center;
  line-height: 1;  
  width: 80%;
  aspect-ratio: 1 / 1;
}
.pie-chart+p {text-align: center;}

.rotate-180 {
  transform: rotate(180deg);
}
.bar-chart {
  display: flex;
  align-items: flex-end; /* 막대가 아래에서 위로 올라오게 */
  height: 200px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-left: 10px;
  gap: 10px;
}

.bar {
  width: 25px;
  background-color: #3498db;
  transition: height 0.5s ease-in-out;
}

/**NUMBER**/
span.numbers {font-size: 2rem; font-weight:800;display:block;}
.numbers.large {font-size:6rem;}
.numbers.medium {font-size:3rem;}
.numbers.small {font-size:2.5rem;}
.numbers.xsmall {font-size:2rem;}
.numbers.xxsmall {font-size:1.5rem;}

.max100p {max-width:100% !important;}
.max300 {max-width:300px;}
.max400 {max-width:400px;}
#centercontent .max600 {max-width:600px;}

.ml-none {margin-left:unset !important;}
.h100 {height:100% !important;}
.h100-group img  {height:100px !important;}
.h200-group img  {height:200px !important;}
.h300-group img  {height:300px !important;}
.h350-group img  {height:350px !important;}
.h400-group img  {height:400px !important;}

.font-xxlarge, .font-xxlarge a, .font-xxlarge li {font-size:2rem !important;}
.font-xlarge, .font-xlarge a, .font-xlarge li {font-size:1.5rem !important;}
.font-large, .font-large a, .font-large li {font-size:1.1rem !important;}
.font-medium, .font-medium a, .font-medium li {font-size:1rem !important;}
.font-small, .font-small a, .font-small li {font-size:0.9rem !important;line-height:1.4;}
.font-xsmall, .font-xsmall a, .font-xsmall li {font-size:0.8rem !important;line-height:1.3 !important;}


span.material-symbols-outlined {
    display: block;
    font-size: 4rem; 
    color: #e17000;
    font-weight: 400;
}
.carousel__slide span.material-symbols-outlined {font-size: 5rem;}
.total-numbers {  
    display: flex;
    align-items: center;
    padding: 2rem;
    text-align: center;
    gap: 2rem;
    justify-content: center;
	    font-weight: 800 !important;
    font-size: 1.2rem !important;
}
div[id^="section-"] {position: relative; }
.rellax {
      position: absolute;
	z-index: 10;
      max-width: 800px !important; 
    }
.anim-block {wdith;100%;height:600px;margin-bottom: -36rem;}
.letter {
	 background-color: #0f3f8c;
    padding: 5rem 5rem 0;
    margin-bottom: -6rem;
    position: relative;
}
.letter h3, .letter p {color:#fff !important;}
.letter img {border:0 !important; object-fit: contain !important;}

/*SITE STRUCTURE & Spacing*/
.wrap { max-width: 80% !important; margin:auto; }
#divB_content, #divC_content, #divD_content, #divE_content, #divF_content, #divG_content, #divH_content, #divI_content, .grid-wrap { 	
	max-width:none;
	padding: 6rem 6rem 12rem;!important;
}
#divJ_content {max-width:100%;}
#divJ_content img {margin-top:-16rem;}

#divB > #divB_content { padding-top: 0; padding-bottom: 0; } 

#divA_content {padding: 12rem 0 10rem;}

[id^="section-"] {padding: 20px 0;}

/*Header Size and Spacing*/
h1 {margin:auto;}
h1 .text-01, h1 .text-02, h1 .text-03, h1 .text-04 {
    font-size: 6rem !important;
	font-weight:700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.1 !important; 
	margin:auto;
	text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15);
	display: inline-block;
}
h1 .subscript {padding: 10px; font-weight:800 !important;text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#centercontent h2 {font-size:3rem;line-height:1.1;font-weight:700!important;letter-spacing:-0.03em;margin-top:0;margin-bottom:3rem;
}
#centercontent h3 {font-size:1.6rem;font-weight:500;letter-spacing:-0.02em;margin-top:4.2rem;margin-bottom:2.6rem;
}
#centercontent h4, #centercontent h4 a {font-size:1.8rem;margin-top:3rem;margin-bottom:1rem;letter-spacing:-0.01em;
}
#centercontent h5 {font-size:1.2rem;}
#centercontent h6 {font-size:1.1rem;}

#MainContent > .container #layoutcontainer ul > li:before {display:none;}
#layoutcontainer ul {display:flex; flex-direction: row; flex-wrap: wrap; gap:2rem; padding: 0; 
    align-items: end; margin: 1rem 0 1rem;
}

#layoutcontainer ul li {
	list-style:none !important; 
	width: calc((100% - 6rem) / 4); 
	border:0px solid #aaa; 
	border-radius: 0px; 
	padding:2rem 1rem !important; 
	/*box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);*/
	text-align: center;
}
#layoutcontainer ul.col5 li,  #layoutcontainer #section-04 .list-06 li {width: calc((100% - 8rem) / 5); }
#layoutcontainer ul.flex-1row  { width: calc((100% - 0rem) / 1); }
#layoutcontainer ul.list-logos li { width: calc((100% - 6rem) / 7); padding:1rem 0.5rem !important;}

#layoutcontainer ul li, #layoutcontainer ul li a, #MainContent > .container #layoutcontainer ul > li {text-indent: 0;}
#layoutcontainer ul ul {display:block; margin: 1rem 0 1rem;}
#layoutcontainer ul ul li {width:100%; border:1px solid;}

#layoutcontainer ul li img {
  	 width:100%;
	 max-width: 100px; 
    border-radius: 50%;
    height: auto;
    object-fit: cover;
    border: 1px solid #ccc;
    padding: 5px;
	 display: block;
    margin: 0 auto 20px;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#layoutcontainer .img-noborder-square img {
    height: 100px;
    border: 0;
    border-radius: 0;
    object-fit: contain;
}

#layoutcontainer ul.list-activity li {padding:0 0 1rem !important;}
#layoutcontainer ul.list-activity li img {
  	 border-radius: 0;
	max-width:none; 
	    height: 160px;
	border: 0 solid;
	    padding: 0;
	margin:0;
	margin-bottom:1rem;
}
#layoutcontainer .list-map li, #layoutcontainer .list-logos li {background-color:transparent;}
#layoutcontainer .list-map li {padding:1rem 1rem 0 !important;}
#layoutcontainer .list-map li img {object-fit:contain; border: 0px solid;}
#layoutcontainer .list-map li, #layoutcontainer .list-logos li, #layoutcontainer .list-logos a {color:#111 !important;}
#layoutcontainer ul.list-logos {align-content: center; align-items: start !important;}
#layoutcontainer ul.list-logos img {
    border-radius: 0;
    height: 100px;
    border: 0px solid; 
	object-fit: contain;
}
#layoutcontainer .list-programs h5 {font-size:1.1rem;}
#layoutcontainer .list-programs p {font-size:0.88rem;}


/**FLEX Layout**/
.padding2 {padding:2rem !important;}
.paddings {padding:4rem !important;}

.flex-2col, .flex-3col, .flex-4col  {display:flex;gap:2rem; align-content: center;}
.flex-2col.reverse, .flex-3col.reverse  {flex-direction:row-reverse;}
.flex-2col.nogap  {display:flex;gap:0; } 

.flex-2col .flex-box.solid {background-color:#00244e;}
.flex-2col .flex-box.solid h3, .flex-2col .flex-box.solid p {color:#fff !important;}

.flex-2col .flex-box, .flex-2col .flex-box {width: calc((100% - 2rem) / 2);}
.flex-2col.nogap .flex-box {width:50%; border-top:1px solid #00244e; border-bottom:1px solid #00244e; padding: 3rem;margin-top:3rem;margin-bottom:3rem;}

.flex-2col.nogap.noborder .flex-box {width:50%; border-top:0px solid; border-bottom:0px solid; padding: 0rem;margin-top:0rem;margin-bottom:0rem;}

.flex-2col .flex-box {width: calc((100% - 2rem) / 2);}
.flex-2col .flex-box img {height:200px;object-fit:cover;max-width: 100%;
	border: 8px solid #e17000;
   border-radius: 20px; /*margin-bottom:1rem !important;*/}
.floats .flex-2col .flex-box img, .flex-2col.nogap .flex-box img {border: 0; border-radius: 0;}

.flex-3col .flex-box {width: calc((100% - 4rem) / 3);}
.flex-3col .flex-box img {height:200px;object-fit:cover;/*margin-bottom:1rem !important;*/}

.flex-4col .flex-box {width: calc((100% - 6rem) / 4);}
.flex-4col .flex-box img {height:200px;object-fit:cover;/*margin-bottom:1rem !important;*/}

.flex-1col { flex-direction: column}
.flex-1col li {width:100% !important;}
 
.fb75 {flex-basis: 75%;}
.fb50 {flex-basis: 50%;}
.fb25 {flex-basis: 25%;}

.gap1 {gap:1rem !important;}
.gap2 {gap:2rem !important;}
.gap3 {gap:3rem !important;}
.gap4 {gap:4rem !important;} 
.gap5 {gap:5rem !important;}
.gap6 {gap:6rem !important;}

.order1 {order:1;}
.order2 {order:2;}
.order3 {order:3;}
.order4 {order:4;}
.order5 {order:5;}
.order6 {order:6;}

hr.hr1 {margin-top:1rem;margin-bottom:1rem;}
hr.hr5 {margin-top:5rem;margin-bottom:5rem;}
hr.hr10 {margin-top:10rem;margin-bottom:10rem;}

.vcenter, .vcenter li {align-items: center !important;}
.stretch {align-items:stretch !important;}
.normal, #section-01 ul {align-items:normal !important;}
.flex-vcenter {display:flex;flex-direction:column;justify-content: center;}

.margin1 {margin:1rem;}
.margin2 {margin:2rem;}
.margin3 {margin:3rem;}
.margin4 {margin:4rem;}
.margin5 {margin:5rem;}
.margin10 {margin:10rem;}

.rotate {transition: transform 0.4s ease-in-out;}
.rotate:hover {transform: rotate(90deg);}

/*Anchor Hover Icon*/
#MainContent a::after {
	content: '';	background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/icon-touch-wht.svg) no-repeat;
	width: 16px;
    height: 16px;
    top: 0px;
	display: inline-block;
    margin: 0px 1px;
	position: relative;xw
    top: 2px;
	transform: rotate(45deg);
}
#MainContent .floats a::after, 
#MainContent #section-02 a::after,
#MainContent #section-03 a::after,
#MainContent #section-04 a::after, 
#MainContent #section-05 a::after,
#MainContent #section-07 a::after {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/icon-touch-blue.svg) no-repeat;}

#MainContent ul li a::after {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/icon-touch-wht.svg) no-repeat !important;}

#MainContent .list-logos li a::after {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/icon-touch-blue.svg) no-repeat !important;}

#MainContent .letter a::after {background:url(https://ueestatic.fullerton.edu/static/DAIR/2025/img/icon-touch-wht.svg) no-repeat !important;}

#MainContent li a::after {width:15px;height:15px;}
#MainContent .gutter-outter-wrap:hover a::after, #MainContent #section-33 .gutter-wrap a::after {background:url(https://ueestatic.fullerton.edu/static/assets/icons/icon-touch.svg) no-repeat;
}
#MainContent a.hide-link::after, #MainContent .hide-link li a::after { display:none; }

/*#MainContent #divD_content a::after {background:url(https://ueestatic.fullerton.edu/static/assets/icons/icon-touch-blue.svg) no-repeat;
}*/
#MainContent #skipnavigation::after, #MainContent a.hamburger::after, #MainContent .partner-logos a::after, #MainContent .scroll-logos a::after, #MainContent #section-25 a::after, #MainContent #section-26 a::after, #MainContent #section-28 a::after, #navbar a::after {display:none; background:inherit;
}

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

.ue-logo {max-width:400px !important; margin-top:2rem; margin-bottom:4rem;}
.hero-img {max-width:600px !important; margin-bottom:3rem;}
.hamburger, .hamburger-close {
  border: none;
  cursor: pointer;
  /* position absolute position the icons relative to the body because they have no position relative parents*/
  position: fixed;
  top: 20px;
  left: 20px;
  width: 36px;
  height: 36px;
}
#MainContent .hamburger { color: #111;
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 0);
}
#MainContent a.hamburger-close {color:#fff; } 
.navbar {
  margin-left:0!important;margin-top:0!important;padding-left:0!important;
  position: fixed; 
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden; 
  list-style: none; 
  background-color: #111;
  /*background-image: linear-gradient(135deg, #00244E 0%, #0F3F8C 100%);*/
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: center; 
  transform: translateY(-100%);
  transition: transform 0.2s ease;
} 
.navbar:target {transform: translateY(0);}

#MainContent .navbar ul {margin-left:0;padding-left:0;margin-top:0;margin-bottom:1rem; align-items: normal;}
#MainContent .navbar li {
	width: calc((100% - 2rem) / 2);
   background-color: #111; 
	    align-items: center; 
    display: flex;
	text-align: left;
	padding: 1rem !important;
	/*border: 1px solid #fff !important; border-radius: 12px !important;*/
	    border: 8px solid #e17000; border-radius: 20px !important;
}
#MainContent .navbar li a {
	display: block; 
	text-decoration: none; /*border-bottom: 1px solid black;*/ 
	padding-bottom: 0.5rem;
	color:#fff;    
	font-size: 1.4rem; font-weight: 700; 
    line-height: 1.3; 
    text-indent: 0rem;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
	
	
}
#MainContent > .container #layoutcontainer .navbar li:before {display:none;}
/*.navbar li a:hover, .navbar li a:focus { border-bottom: 1px solid white; }*/
.navbar li {padding:2rem !important;}
.navbar li a {padding:0rem; margin-bottom:0 !important;}

.material-symbols-outlined {font-size:5rem; margin-bottom: 0.5rem;}
.smooth-scroll:after {display: none !important;}

/*#centercontent .ml-10p {margin-left: -10% !important;}
#centercontent .mr-10p {margin-right: -10% !important;}*/

/*SECTION List Flex & Grid*/
#section-01 .list-04 li, 
#section-02 .list-03 li,
#section-04 .list-01 li, #section-04 .list-04 li,
#section-06 .list-04 li 
{width: calc((100% - 8rem) / 5);}

#section-01 .list-05 li, #section-01 .list-06 li, 
#section-02 .list-01 li, #section-02 .list-04 li,
#section-04 .list-02 li, #section-04 .list-03 li, #section-04 .list-03b li, #section-04 .list-08 li,
#section-06 .list-03 li 
{width: calc((100% - 4rem) / 3);}

#section-06 .list-01 li 
{width: calc((100% - 2rem) / 2);}

.section-next-step h2, .section-next-step > p {
    text-align: left;
}

/*ACCORDION**/
.accordion-single { border-bottom: 0px dotted #888; }
.accordion-single .btn { margin: 2rem auto 0 !important;
    display: flex;
    border: 0px solid #888;
    padding: 8px 20px;
    color: #fff;
    background-color:#00244e;
}
.accordion-single .btn:hover {text-decoration: none}

/*Symbol*/
.material-symbols-rounded {font-size:2.8rem !important;text-shadow: 0px 5px 0px rgba(255, 255, 255, 0.6);}

/*COMMON*/
blockquote {
    position: absolute;
    background: #222;
    padding: 15px;
    top: 200px;
	left:-40px;
    width: 480px;
	 border-left: 0px solid #eee !important;
	 border:0px solid #eee;
    border-radius: 12px;
	 text-indent: 0px;
	 z-index: 1;
	 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.col-md-3:last-child blockquote {right:0; left:auto;}
blockquote p { color:#fff; line-height: 1.3; font-size:0.825rem !important; font-weight:500 !important; }
.row img { width: unset; }
	
.click-appear { display:none; }
.click { 
	 display:block; 
    text-align: center;
    padding: 0 20px;
    font-size: 4rem;
	color:#FF7900;
	/*-webkit-animation:colorchange 2s infinite;*/
}
.click:hover+.click-appear,.click-appear:hover { display:block !important; }

/* Cursor 
div.cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  background: yellow;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}*/

/**Flags**/
.wrap-flag {    
	    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
	    flex-wrap: wrap;
    font-size: 0.9rem;
}
.wrap-flag div { 
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wrap-flag img {
       width: 60px;
    margin: 2px 0px 3px 2px;
    display: block;
}


.gutter-wrap, .gutter-outter-wrap { 
	/*-webkit-animation:colorchange 2s infinite; 
	color:#fff; */
	background-color:rgba(255,255,255,0.6);
}
.gutter-wrap, .icon-box, .general-img, .gutter-outter-wrap {border:1px solid #888;border-radius: 14px;}
.gutter-wrap { 
	display: flex;
   flex-direction: column;
   justify-content: center;
}
.gutter-wrap h3 { font-size:1.18rem; }
.gutter-wrap p {margin-bottom:0;}
#centercontent .gutter-wrap ul {margin-left:0;margin-top: 0;}

.col-md-3 .gutter-wrap {padding: 1.5rem;min-height: 220px; }
#section-15 .col-md-3 .gutter-wrap {min-height: 286px;}
.col-md-4 .gutter-wrap {padding: 1.5rem;min-height: 280px;margin-bottom: 2rem;}
.col-md-6 .gutter-wrap {padding: 1.5rem;min-height: 170px;}
.col-md-12 .gutter-wrap, .col-xs-12 .gutter-wrap {padding: 1.5rem;}
.gutter-inner-wrap {padding: 1.5rem;display: flex;align-items: center;justify-content: center; width:50%;}
#MainContent #centercontent .col-md-4 .gutter-wrap li {font-size:1rem;}

.gutter-wrap.bubble-right:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 15px solid #00bfb6;
    border-right: 15px solid transparent;
    border-top: 15px solid #00bfb6;
    border-bottom: 15px solid transparent;
    right: -5%;
    top: 45%;
}
.gutter-wrap.bubble-left:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #00bfb6;
    border-top: 10px solid #00bfb6;
    border-bottom: 10px solid transparent;
    left: -5%;
    top: 45%;
}
.gutter-wrap.highlight {
	 max-width: 60%;
    margin: auto;
	    text-align: center;
	    flex-direction: row;
    align-items: center;
    gap: 30px;
	    margin-top: -5rem;
    margin-bottom: 4rem;
    border: none;
    background: none;
} 
.gutter-wrap.highlight .material-symbols-rounded {
    font-size: 9rem;
}
.gutter-wrap.highlight .desc {
    font-size: 1.3rem;
    max-width: 120px;
    font-weight: 800;
    text-transform: capitalize;
}
.gutter-outter-wrap { 
	display: flex;
    flex-direction: row;
    padding: 0;
    overflow: hidden;
}
.gutter-outter-wrap img { 
	width: 50%;
    object-fit: cover;
    object-position: center center; 
}
.gutter-outter-wrap p {margin:0;}
.gutter-outter-wrap {transition: 0.2s ease;margin-bottom: 2rem;}
.gutter-outter-wrap:hover {
	 box-shadow: 10px 10px 0px;
    position: relative;
    top: -2px;
    left: -2px;
	background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
	border-color:#444;
} 
 
/**partners**/
.partner-logos{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
    border: 0px solid #aaa;
    border-radius: 12px;
    padding: 3.5rem 2rem;
    margin-top: 5rem;
    /*background: #fff;*/
}
.partner-logos img { 
    width: 160px;
    height: 60px;
    object-fit: contain;
}

/**Scroll-Content**/
.scroll-container {
  display: flex;
  align-items: center;
  height: 15rem;
  /*overflow: hidden;*/
}
.scroll { white-space: nowrap; }
.scroll div { display: flex; gap: 4em; }
.scroll p {
  font-size: 5em;
  color: white;
  font-weight: bold; 
}
.RightToLeft {animation: RightToLeft 10s infinite linear;}

@keyframes  RightToLeft {
  from { transform: translateX(0%); }
  to {  transform: translateX(-50%); }
}
.scroll-logos img { 
    width: 290px;
    height: 80px;
    object-fit: contain;
    max-width: none !important;
}

/*SUB BANNER*/
.sub-banner .title {
    text-align: center; 
	max-width:none;
}

/**IMAGES**/
.photos, .general-img {
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4);
}
div p .photos {
	width: 300px; 
	height: 300px;
	object-fit:cover;
	border-radius:10px;
	display:inline-block; 
}
div p [id^="headshot-"] {
	width: 170px; 
	height: 170px;
	    max-width: none !important;
    object-fit: cover;
    object-position: 0px 5%;
    border-radius: 50%;
	    position: relative;
    top: 15px;
}
.photodesc-wrap {display:flex;}
.photodesc-wrap:nth-child(2) {flex-direction:row-reverse;}
.photodesc-wrap p {text-align: left; margin-left:2rem;}
.photodesc-wrap:nth-child(2) p {text-align: right;}
.photodesc-wrap p+p {max-width:300px;display:flex;align-items:end;}

/*Animation*/

.photos, .general-img, #img-041 {animation: rotateImg 5s ease-in-out infinite alternate;}
@keyframes rotateImg {
    0% { transform: rotate(10deg) translateX(-10px);  }
    25% { transform: rotate(0deg) translateX(0px);   }
    50% { transform: rotate(-10deg) translateX(10px); }
    75% {  transform: rotate(0deg) translateX(0px); }
    100% {  transform: rotate(10deg) translateX(-10px);  }
}
 
.photos:first-child, #img-042 {animation: swingAndShadow 5s ease-in-out infinite alternate;}
@keyframes swingAndShadow {
    0% { transform: rotate(-10deg) translateX(-10px);  }
    25% { transform: rotate(0deg) translateX(0px);  }
    50% { transform: rotate(10deg) translateX(10px);  }
    75% { transform: rotate(0deg) translateX(0px);  }
    100% { transform: rotate(-10deg) translateX(-10px);  }
}

#headshot-kathleen:hover,#headshot-raymond:hover,#headshot-debbie:hover {
	animation: flipCircle 3s ease-in-out infinite;
   transform-style: preserve-3d; 
}
@keyframes flipCircle {
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(180deg);}
    100% {transform: rotateY(360deg);}
}

#headshot-raymond:hover,#headshot-mandy:hover,#headshot-donovan:hover {
	animation: flipCircle 2.5s ease-in-out infinite;
   transform-style: preserve-3d; 
}
@keyframes flipCircle {
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(180deg);}
    100% {transform: rotateY(360deg);}
}
.mobile { display:none;}

/**RESPONSIVE**/

@media screen and (min-width: 1400px) {
	html {font-size:18px;}
	.wrap { max-width: 1000px !important; }
}

@media screen and (max-width: 1200px) {
	html {font-size:16px;}
}

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

/**MOBILE**/
@media screen and (max-width: 768px) {

.order1-mobile {order:-1;}
	
#divB_content, #divC_content, #divD_content, #divE_content, #divF_content, #divG_content, #divH_content, #divI_content, .grid-wrap { padding: 3rem 2rem 12rem;}
	
.flex, .flex-2col, .flex-3col, .flex-4col, .flex-2col.nogap {flex-wrap: wrap;}
.flex, .flex-2col.nogap {flex-direction: column;}
.flex-2col.nogap .flex-box, .flex-2col.nogap.noborder .flex-box {width: 100%;}
	
.container-large, #centercontent ul { max-width: 94%; }
.container-medium, .container-small { max-width: 94%; }
	
	#layoutcontainer ul li, #section-01 .list-04 li, #section-02 .list-03 li, #section-04 .list-01 li, #section-04 .list-04 li, #section-06 .list-04 li, #section-01 .list-05 li, #section-01 .list-06 li, #section-02 .list-01 li, #section-02 .list-04 li, #section-04 .list-02 li, #section-04 .list-03 li, #section-04 .list-03b li, #section-04 .list-08 li, #section-06 .list-03 li, .flex-4col .flex-box, #layoutcontainer ul.col5 li, #layoutcontainer #section-04 .list-06 li, .flex-3col .flex-box, #layoutcontainer ul.list-logos li { width: calc((100% - 2rem) / 2);	}
	
	#MainContent > .container #layoutcontainer ul > li { text-align: center; }
	
	.carousel__slide { aspect-ratio: auto; }
	
	#layoutcontainer ul { align-items: normal}
	
	#divA_content { padding: 12rem 0 10rem !important; }
	h1 .text-01, h1 .text-02, h1 .text-03, h1 .text-04 { font-size: 5rem !important;}
	
	.floats { margin-top: -12rem; }
	
#centercontent .mobile {display:block;}
#centercontent .desktop {display:none;}
[id^="section-"] {padding: 10px 0;}	
.gutter-wrap.highlight,#section-17 .photodesc-wrap, #section-14b .photodesc-wrap {flex-direction:column;gap: 0px;}
.photodesc-wrap p { margin-left: 0rem;} 
.gutter-wrap.highlight .material-symbols-rounded {font-size: 6rem;margin-top: 2rem;margin-bottom: -1rem;}
.gutter-outter-wrap { flex-direction: column;}
.gutter-outter-wrap img { width: 100%; min-height: 200px;}
#centercontent h5, #centercontent .gutter-number-oi-wrap .gutter-inner-wrap p {margin:10px auto;}	
#section-01, #section-02, #section-03, #section-04, #section-05, #section-06, #section-07, #section-08, #section-09, #section-10, #section-11, #section-12, #section-13, #section-14, #section-15, #section-16, #section-17, #section-18, #section-19, #section-20, #section-21, #section-22, #section-23, #section-24, #section-25, #section-26, #section-27, #section-28, #section-29, #section-30, #section-31, #section-32, #section-33, #section-34, #section-35, #section-36, #section-37, #section-38, #section-39, #section-40, #section-40b, #section-41, #section-42 {
    max-width: 100%; 
}
.mobile-left, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { text-align: left;}
	
.divA img, .divB img, .divC img, .divD img, .divE img, .divF img, .divG img, .divH img, .divI img, .divJ img, .divK img, .divL img, .divM img, .divN img, .divO img, .divP img, .divQ img, .divR img, .divS img, .divT img, .divU img, .divV img, .divW img, .divX img, .divY img, .divZ img {
	margin-bottom: unset;
	margin-top: unset; 
}		
.click:hover+.click-appear, .click-appear:hover {
    display: block !important;
    /* position: static; */
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}	
	
/**text**/

#centercontent div h2 {
	 height: auto;
    line-height: 1;
    margin-bottom: 2rem;
    overflow: visible;
    word-wrap: break-word;
    font-size: 2.8rem;
}

#centercontent h3 { font-size:1.9rem;text-align: left;margin-top:2rem !important; } 
#centercontent h4 { font-size:1.6rem; }	
	
.col-md-4 .gutter-wrap {min-height:auto}	
.gutter-inner-wrap { width:100%;}
	
/**NAV**/
#MainContent .navbar li a {font-size: 2rem;line-height: 1.3;margin-bottom:0}
	
/**hero**/
#divA_content { position: relative; }
.sub-banner::after {
	 content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #000, #000);
    opacity: 0.2;
}
	
#centercontent .list-wrap .col-md-6:nth-child(1) ul{margin-bottom:0;}
#centercontent .list-wrap .col-md-6:nth-child(2) {margin-top:0;}	
#centercontent .list-wrap .col-md-6:nth-child(2) ul{margin-top:0;}	
#MainContent #centercontent .list-wrap li:last-child {
    margin-bottom: 10px;}
	
.gutter-wrap, .gutter-outter-wrap { margin-bottom: 2rem;text-align: center;}
#centercontent .gutter-inner-wrap h4 {margin:0 auto 1rem;margin-top:0;}
.testimonial-wrap .row .col-md-12 {display: block;}
#mobile_header { display:none; }
.sub-banner { 
	display: block;    
	line-height: normal; 
	height: auto !important;
    min-height:480px;
	position: relative;
	padding-top: 5%;
    padding-bottom: 5%;
}
.sub-banner .title { 
	left: 0%; 
	width: 100%;
	   top: unset;
    bottom: 6%;
    position: absolute;
	z-index:2;
}
body #centercontent .sub-banner .title .page-title {font-size: 4rem !important; text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);}
	
.partner-logos, .wrap-flag {
    column-count: 2; 
    display: block;
	margin: 0;
        padding-bottom: 0;
}
.partner-logos img, .wrap-flag > div { margin-bottom:2rem;height:80px;}	
.wrap-flag img {margin-bottom:0.3rem;width:100px;}	
	
#divI_content {padding-left:0px;padding-right:0px;}	
.gutter-wrap.highlight .desc { max-width:none;}
	
.testimonial-wrap img.img-left, .testimonial-wrap img.img-right {margin-bottom:3rem !important;}
	
#centercontent .gutter-outter-wrap .gutter-inner-wrap, #centercontent .gutter-wrap { min-height:auto !important;}	
}
.desktop-hide {display:none;}
.mobile-hide {display:block;}

@media screen and (max-width: 576px) {
.mobile-hide {display:none;}
.desktop-hide {display:block;}
#divB_content, #divC_content, #divD_content, #divE_content, #divF_content, #divG_content, #divH_content, #divI_content, .grid-wrap { padding: 3rem 1rem 12rem;}
	
	.paddings { padding: 3rem 2rem !important;}
	    #divA_content { padding: 6rem 0 12rem !important;}
	
	#layoutcontainer ul li, #section-01 .list-04 li, #section-02 .list-03 li, #section-04 .list-01 li, #section-04 .list-04 li, #section-06 .list-04 li, #section-01 .list-05 li, #section-01 .list-06 li, #section-02 .list-01 li, #section-02 .list-04 li, #section-04 .list-02 li, #section-04 .list-03 li, #section-04 .list-03b li, #section-04 .list-08 li, #section-06 .list-03 li, .flex-4col .flex-box, #layoutcontainer ul.col5 li, #layoutcontainer #section-04 .list-06 li, .flex-3col .flex-box, #layoutcontainer ul.list-logos li, #section-06 .list-01 li, .flex-2col .flex-box, #MainContent .navbar li { width: 100%; }
	
	#MainContent .navbar ul { gap:0; }
	#MainContent .navbar ul li { 
		padding: 0.8rem !important;
		text-align: left !important;
	}
	#MainContent .navbar li a { font-size: 1.4rem; padding: 0rem 0rem;}
	.letter { padding: 2rem 2rem 0; margin-bottom: -2rem; }
	.letter .img-karen img {margin-top:-2rem;}
	.img-border img:first-child {border-bottom:1px solid;}	
	
	#divJ_content {padding-left:0; padding-right:0;}
	#divJ_content img { margin-top: -11rem;}
}