:root{
	--yellow:#F1D896;
	--teal:#b9f5d8;
	--black:#1b1c20;
	--gray:#4A5759;
	--margTopBtmLarge:120px;
	--margTopBtmSmall:80px;
}
*{box-sizing: border-box}
html{scroll-behavior: smooth;}
body{margin: 0;font-size:62.5%;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6, .btn, .form-btn, nav, footer p, .fnav{font-family: 'Kanit', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight: 800;}
p, .content li, .js-to_expand, label, legend{font-family: 'Besley', serif;font-size: 1.75em;}
h2 + p{margin-top:0;}
h3 + p{margin-top:0;}
a, .btn::before{text-decoration: none;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
a *{-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
::selection {background-color:#b9f5d8;}
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}

header{display: flex;justify-content: space-between;padding:20px 3%;}
header .logo{flex-basis: 20%;padding-top: 5px;padding-bottom: 5px;margin:0 50px;}
header .logo img{width: 150px;height: auto;}
header .logo img:hover{opacity:.7;}

.navWrap{display: flex;width:100%;}

.handle{display:none;}

nav.mainNav{width:100%;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 999;}
nav.mainNav  ul{
    display: flex;
    width: 100%;
    padding-left: 0;
    list-style-type: none;
	gap:8%;
}
nav.mainNav  .mainNavWrap > ul{justify-content:flex-end;}

nav.mainNav .mainNavWrap > ul > li{
    text-align: center;
    font-size: 1em;
    padding-left: 45px;
}
nav.mainNav ul li:first-of-type{padding-left: 0;}

nav.mainNav  ul li > span{cursor: pointer;}
nav.mainNav  ul li > a, nav.mainNav  ul li > span{
    font-size: 1.85em;
    font-weight: 800;
    color:#000;
    margin-bottom: 8px;
    position: relative;
}

nav.mainNav ul li:hover > a, nav.mainNav  ul li:hover > span{color:#FFF;}
nav.mainNav ul li.active > a, nav.mainNav  ul li.active > span{}

nav.mainNav .mainNavWrap > ul > li:hover > a::before, nav.mainNav .mainNavWrap > ul > li:hover > span::before, nav.mainNav .mainNavWrapR > ul > li:hover > a::before, nav.mainNav .mainNavWrapR > ul > li:hover > span::before{
    display: block;
    border-top: 30px solid #000;
    border-left: 10px solid #000;
    border-bottom: 25px solid #000;
    border-right: 10px solid #000;
    background-color: #000;
    content: "";
    transform: rotate(340deg) skewY(18deg) translate(-50%, 0);
    position: absolute;
    top: -14px;
    width: 120%;
    z-index: -1;
    left: 55%;
    -webkit-backface-visibility: hidden;
}

nav.mainNav ul li.hasSub .subWrap{display: none;}

nav.mainNav ul li .subWrap{position: absolute;z-index: 999;}
nav.mainNav ul li .subWrap .sub{margin-top:25px;padding:40px;background-color:#37b277;text-align: left;width: auto;display: flex;position: relative;transform: rotate(359deg) skewY(359deg);}
nav.mainNav ul li .subWrap .sub .subGroup:last-of-type{margin-right: 0;}
nav.mainNav ul li .subWrap .sub .subGroup span{display: block; color:#FFF;;font-size: 1.65em;padding-bottom: 10px;font-weight: bold;}
nav.mainNav ul li .subWrap .sub .subGroup ul{display: block;width: auto;}
nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: left;padding-bottom: 12px;}
nav.mainNav ul li .subWrap .sub .subGroup ul li a{font-size: 1.45em;font-weight: 400;color:#FFF;}
nav.mainNav ul li .subWrap .sub .subGroup ul li a:hover{color:#000;border-bottom: 2px solid #000;}
nav.mainNav ul li .subWrap .sub .subGroup{transform:rotate(-359deg) skewY(-359deg);}

.visuallyhidden{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


.btn{
    display: inline-block;
    margin: 10px 0;
    padding: 15px 30px 10px;
    background-color: #000;
    color: #FFF !important;
    margin-left: 20px;
	margin-bottom:30px;
    margin-right: 40px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 2px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}

.btn::before{
    display: block;
    border-top: 30px solid #000;
    border-left: 10px solid #000;
    border-bottom: 45px solid #000;
    border-right: 10px solid #000;
    background-color: #000;
    content: "";
    transform: rotate(340deg) skewY(18deg);
    position: absolute;
    top: -12px;
    width: 105%;
    z-index: -1;
    left: -2px;
    -webkit-backface-visibility: hidden;
}

.btn::after{content:"\f324";color:#FFF;font-family:"Font Awesome 5 Pro";font-size: 1em;font-weight:900;padding-left: 10px;vertical-align: middle}
.btn:hover::after{color:#000;}
.btn:hover{background-color: #b9f5d8;color:#000 !important;}
.btn:hover::before{border-color:#b9f5d8;background-color: #b9f5d8;}
.btn.white:hover, .banner .btn:hover{background-color: #efefef;color:#000 !important;}
.btn.white:hover::before, .banner .btn:hover::before{border-color:#efefef;background-color: #efefef;}

p .btn{font-size:initial;font-weight:600;font-size:.85em;}


.hero{
    display: flex;
    height:720px;
}
.heroImage{flex:1;}


    .heroImages{position: relative;}
    
    .heroImage .heroImages img{margin-left: -200px;max-width: 130%;position: absolute;}
    
    .heroBckOne{z-index: 1;}
    .heroBckTwo{z-index: 2;}
    .heroFront{z-index: 3;}


.heroText{flex-basis:50%;background-image: url(/_resources/themes/moarch/images/pattern.svg);background-repeat: no-repeat;background-position: bottom;}

.heroText{margin:120px auto 0;padding:0 4%;text-align: center;}
.heroText h2{color:#000;font-size: 5vw;margin:0 0 5px;line-height: 115%}
.heroText p{color:#000;font-size: 2em;}
.heroText a{font-size: 1.75em;}

.homeFlex{display: flex;justify-content: space-between;align-items: center;margin: 120px 4%;}
.homeFlex .homeFlexLeft{margin-right:50px;flex:1;display: flex;justify-content: center;align-items: center;}
.homeFlex .homeFlexLeft h3{font-size: 5em;text-align: center;margin:0;}
.homeFlex .homeFlexLeft h3::before{background-position: center;}
.homeFlex .homeFlexText{flex-basis: 50%;}
.homeFlex .homeFlexText h2{font-size: 3em;margin:0 0 5px 0;}
.homeFlex .homeFlexText p{font-weight: bold;}

.homeSplit{display: flex;align-items: center;margin: 80px 4%;}
.homeSplit .homeSplitText{flex-basis: 50%; text-align: center;margin-right: 40px;}
.homeSplit .homeSplitImg{flex-basis: 50%;}
.homeSplit .homeSplitText h3{font-size: 5em;text-align: center;}
.homeSplit .homeSplitText h3::before{background-position: center;}

.squares::before{background-image: url(/_resources/themes/moarch/images/squares.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:30px;}
.circles::before{background-image: url(/_resources/themes/moarch/images/circles.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:30px;}

/*** Internal Layouts ***/
.content p, .content li{font-size: 1.65em; font-weight: 500;}
.content li{padding-bottom: 10px;}
.content a, .content a:visited {color: #37b277;}
.content a:hover{color:#ead292;}
.content h2{font-size: 3.5em; margin: 60px 0 8px;text-transform:capitalize;line-height: 40px;}
.content h3{font-size: 2.95em;margin:40px 0 10px;}
.content h4{font-size: 2.55em;margin:30px 0 12px;}
.content h5{font-size: 2em;margin:30px 0 12px;}
.content h6{font-size: 1.75em;margin:20px 0 12px;}
.column100 > h2:first-of-type, .column50 > h2:first-of-type, .column60 > h2:first-of-type, .column30 > h2:first-of-type, .column30 > h3:first-of-type, .columnFlex > h2:first-of-type{margin-top: 0;}
.text > h2:first-of-type, .text > h3:first-of-type{margin-top: 0;}
.zigzag::before{background-image: url(/_resources/themes/moarch/images/zigzag.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:40px;}
.content h2 + p, .content h3 + p, .content h4 + p, .content h5 + p, .content h6 + p{margin-top:0;}
.content.pageTitle{padding-bottom:10px;margin-top: 40px;}
.content img{max-width: 100%;height:auto;}
.content img.left {float: left;max-width: 50%;margin: 5px 20px 10px 0;}
.content img.leftAlone {margin-right: 100%;margin-bottom: 10px;clear: both;}
.content img.right {float: right;max-width: 50%;margin: 5px 0 10px 20px;}
.content img.rightAlone{float:right;margin-left:100%;margin-bottom: 10px;clear: both;}
.content img.center{float: none;margin-left: auto;margin-right: auto;display: block;margin-bottom: 10px;clear: both;}
.content li li{font-size:1em;}
.columnFlex{flex:1;margin-right:120px;}
.column100{flex-basis: 100%;width:100%;}
.column60{flex-basis: 60%;}
.column50{flex-basis: 50%;}
.column50:nth-child(1){margin-right: 80px;}
.column30{flex-basis: 30%;}
.smallText{font-size:1.25em !important;}
.nonElemental{margin:80px 5%}
.internalHeader{
    display: flex;
    justify-content: space-between;
    position: relative;
	background:linear-gradient(to bottom, white 0%, white 20%, #f8f8f8 20%, #f8f8f8 80%, white 80%, white 100%);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.internalHeader::before{position:absolute;top:0;left:0;right:0;width:100%;content:"";background-image: url(/_resources/themes/moarch/images/header-pattern.svg);display: block;height:50px;z-index: 1;}
.internalHeader::after{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;content:"";width: 100%;background-color:rgba(0,0,0,.35);}
.internalNavWrap{display: flex;align-items: center;}
.internalHeader .headerTitle{width:100%;text-align:center;padding: 140px 0 50px;position: relative;z-index: 1;}
.internalHeader .headerTitle h1{font-size: 6em;margin-top:0;font-weight: 700;line-height: 60px;color:#FFF;}
.internalHeader .headerLines{position:absolute;bottom:-25px;left:0;right:0;width:100%;content:"";background-image: url(/_resources/themes/moarch/images/header-lines.svg);background-size:cover;display: block;height:50px;z-index: 1;}

/*** DIVIDER ***/
.divider{margin:0 10%;background-image: url(/_resources/themes/moarch/images/divider.svg);content: '';background-size: contain;background-position: center;background-repeat: no-repeat;aspect-ratio: 25 / 1;}

/*** TEXT IMAGE ***/
.textImage{display: flex;margin:var(--margTopBtmLarge) 5%;gap:80px;align-items:center;}
.textImage .text{flex:1;}
.textImage .text i {color:#326297;}
.textImage .image{flex-basis:45%;text-align:center;border-radius:8px;overflow:hidden;}
.textImage .image img{border-radius:8px;}

/*** IMAGE TEXT ***/
.imageText{display: flex;margin:var(--margTopBtmLarge) 5%;gap:80px;align-items:center;}
.imageText .text{flex:1;}
.imageText .text i {color:#326297;}
.imageText .image{flex-basis:45%;border-radius:8px;}
.imageText .image img{border-radius:8px;}

/*** TWO COLUMN ***/
.twoCol{margin:var(--margTopBtmLarge) 5%;display:flex; gap:80px;}
.twoCol div{flex-basis:50%;}

/*** TOP TWO COLUMN ***/
.topTwoCol{margin:var(--margTopBtmLarge) 5% 0 5%;}
.topTwoCol .twoCol{margin-top:40px;margin-left:0; margin-right:0;}

/*** TEXT BOX ***/
.textBox{display: flex;margin:var(--margTopBtmLarge) 5%;gap:80px;}
.textBox .text{flex-basis:70%;}
.textBox .box{position:relative;background-color:var(--yellow);flex-basis:30%;padding: 20px 25px;border-radius:5px;}
.textBox .box *:first-child{margin-top:5px;}
.textBox .box::before{position:absolute;display:block;background-image: url(/_resources/themes/moarch/images/squares-dots.svg);content: '';background-size: contain;background-repeat: no-repeat;top:-11px;right:10px;bottom:0;width:120px;}

/*** SHOW HIDE ***/
.showHide{margin:var(--margTopBtmLarge) 5%;}
.showHide details{border-top: 1px solid var(--yellow);}
.showHide details:last-of-type{border-bottom: 1px solid var(--yellow);}
.showHide details summary > * {display: inline;}
.showHide details summary{cursor:pointer;list-style: none;position: relative;padding: 25px 35px 25px 0;}
summary::-webkit-details-marker{display: none;}
.showHide details summary::after{
	font-family: "Font Awesome 5 Pro";
    font-weight:600;
    font-size: 1.65em;
	content:"\f078";
    position: absolute;
    right: .75em;
    height: .75em;
    width: .75em;
    color:var(--black);
  }
.showHide details[open] summary::after{content:"\f077";}
.showHide details[open]{padding-bottom:25px;}
.showHide details[open] summary{padding-bottom:0;}
.showHide details[open] summary h3{color:var(--gray);}
.showHide details summary:hover::after{color: var(--teal);}
.showHide details summary h3{font-size: 1.75em;font-weight:400;}
.showHide details summary:hover h3{color:var(--gray);}

/*** BOXES ***/
.contentBoxesWrap{margin:var(--margTopBtmLarge)5%;}
.contentBoxesWrap.contentBoxesStyled .contentBoxes .contentBox{background-color: var(--yellow);padding: 20px;border-radius: 10px;outline: 2px solid var(--black);outline-offset: 5px;}
.contentBoxesWrap .contentBoxes{margin-top: 30px; display: flex;flex-wrap: wrap;gap:40px;}
.contentBoxesWrap .contentBoxes .contentBox{flex-basis: calc(100% * (1/3) - 40px);}
.contentBoxesWrap.twoBoxes .contentBoxes .contentBox{flex-basis: calc(100% * (1/2) - 40px);}
.contentBoxesWrap.fourBoxes .contentBoxes{gap:30px;}
.contentBoxesWrap.fourBoxes .contentBoxes .contentBox{flex-basis: calc(100% * (1/4) - 30px);}
.contentBoxesWrap .contentBoxes .contentBox img{max-width: 100%;border-radius: 10px;}
.contentBoxesWrap .contentBoxes .contentBox h3{font-size: 2.3em; margin:10px 0 0;}
.contentBoxesWrap .contentBoxes .contentBox ul{padding-left:15px;}

/*** CENTER TEXT ***/
.centerText{margin:var(--margTopBtmLarge) 15%;text-align: center;}

/*** CONTENT ***/
.contentText{margin:var(--margTopBtmLarge) 5%;}

/*** BANNER ***/
.bannerWrap{  
  position: relative;
  padding: 1.5rem;
  background: #fff;
  margin:var(--margTopBtmLarge) 5%;
}
.sketch-line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.banner{position: relative;background-color:var(--teal);padding:40px 80px;}
.banner .topText{position: relative;padding-bottom:40px;}
.bannerTwoCol{display: flex;justify-content: space-between;gap:80px;}
.bannerTwoCol .col{position: relative;flex-basis: 50%;flex-grow:1;}
.banner h2{margin-top: 20px;}
.banner.flexCentered{align-items: center;}

/*** SLANTED IMAGE TEXT ***/
.SlantedImageText{margin:var(--margTopBtmLarge) 5%;display: flex;align-items: center;justify-content: center;}
.SlantedImageText .image{width: 60%;height: 500px;background-size: cover;border-radius: 50px;}
.SlantedImageText .textWrap{width: 50%;padding: 0 20px;margin-left: -100px;background-color: var(--teal);transform: skew(-4deg);}
.SlantedImageText .textWrap .text{transform: skew(4deg);padding: 30px;}
.SlantedImageText .textWrap .text *:first-child{margin-top:10px;}

/*** SLANTED TEXT IMAGE***/
.SlantedTextImage{margin:var(--margTopBtmLarge) 5%;display: flex;align-items: center;justify-content: center;}
.SlantedTextImage .image{width: 60%;height: 500px;background-size: cover;border-radius: 50px;}
.SlantedTextImage .textWrap{width: 50%;padding: 0 20px;margin-right: -100px;background-color: var(--yellow);transform: skew(4deg);}
.SlantedTextImage .textWrap .text{transform: skew(-4deg);padding: 30px;}
.SlantedTextImage .textWrap .text *:first-child{margin-top:10px;}

/*** BREADCRUMBS ***/
.breadCrumbs{display: flex; font-size: 1.5em;font-weight: bold;}

.breadCrumbs span:last-child:after{display: none;}
.breadCrumbs a{color:#000;transition: all 0.3s ease-in-out;}
.breadCrumbs a:hover{color:#b2b2b2;}

.flexContent{display:flex;align-items: center;}
.flexContent div{flex-basis:50%;}
.flexContent div:first-of-type{margin-right: 50px;}
.flexContent .featured{background-color:#ead292;padding:30px;border-radius: 50px; overflow: visible;margin-top:80px;}
.flexContent .featured img{margin-top: -100px;}

.picTextWrap{margin:40px 0;display: flex;align-items: center;justify-content: center;}
.picTextWrap .pic{width:60%;height:500px;background-size: cover;border-radius: 50px;}
.picTextWrap .text{display: flex; width:50%;padding: 0 20px;}
.picTextWrap .text .TextWrap{padding:30px;}

.picTextWrap.odd .text{margin-left: -100px;background-color:#b9f5d8;transform: skew(-4deg);}
.picTextWrap.odd .text .TextWrap{transform: skew(4deg);}

.picTextWrap.even .text{order:1;margin-right:-100px;position:relative;background-color:#f1d896;transform: skew(4deg);}
.picTextWrap.even .text .TextWrap{transform: skew(-4deg);}
.picTextWrap.even .pic{order:2;}

.picTextWrap .text .TextWrap h3{margin-bottom: 10px;}
.picTextWrap.odd .text .TextWrap h3::before{background-image: url(/_resources/themes/moarch/images/circles.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:40px;}
.picTextWrap.even .text .TextWrap h3::before{background-image: url(/_resources/themes/moarch/images/zigzag.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:40px;}


.strokeCallout{display: flex;background: linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(185,245,216,1) 15%, rgba(185,245,216,1) 100%);align-items: center;margin: 40px 0;}
.strokeImg{flex-basis: 45%}
.strokeImg img{max-width: 100%;}
.strokeText{flex:1;padding:5% 40px 0;}
.strokeText h2{font-size: 3em;margin: 0 0 10px;}
.strokeText h3{font-size: 2.5em;margin: 0 0 10px;}
.strokeCallout .btn:hover::before{border-color:#efefef;background-color: #efefef;}

/*** EXHIBITIONS ***/
.exhibitionsWrap{width: 100%;}
.exhibitionsWrap .exhibition{display: flex;justify-content: space-between;margin: 40px 0;}
.exhibitionsWrap .exhibition .exhibitText{flex-basis: 40%; align-self: center;}
.exhibitionsWrap .exhibition .exhibitImg{flex-basis: 55%;align-self: center;overflow:hidden;}
.exhibitionsWrap .exhibition .exhibitImg img{width: 100%; max-width: 100%;border-radius: 50px;}
.exhibitionsWrap .exhibition div h2{margin-top: 10px;}
.exhibitionsWrap .exhibition.even .exhibitImg {order: 3;}
.exhibitionsWrap .exhibition.even .exhibitText h2::before{background-image: url(/_resources/themes/moarch/images/circles.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:40px;}
.exhibitionsWrap .exhibition.odd .exhibitText h2:first-of-type::before{background-image: url(/_resources/themes/moarch/images/zigzag.svg);background-repeat: no-repeat; display: block;content: "";padding-bottom: 8px;height:40px;}
.slideWrapper, .slideWrapper *{min-height: 0;min-width: 0;}

/*** TABLES ***/

table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
}
table tr:nth-child(even) {background-color: #ededed;}
table th, thead td {background-color: #ededed;}
table td, table th {padding: 15px; border: 1px solid #d4d4d4; vertical-align: top;}
table th {font-weight: bold;}
table li, table td p, table td h2, table td h3{font-size:inherit !important;}  

table.noStyle{border:none;}
table.noStyle tr:nth-child(even){background-color:transparent;}
table.noStyle td, table.noStyle th{border:none;}
table.fullWidth{width:100%;}
table.flexTable tr{display:flex;flex-wrap:wrap;}

/*** BOXES ***/
.boxWrapper{display:flex;flex-wrap:wrap;clear:both;}
.boxWrap{flex-basis:23%;display:flex;flex-direction:column;justify-content: space-between;border:3px solid #CCC;padding:20px;margin-top:20px;margin-right:20px;}
.boxWrap .boxIcon{text-align:center;margin: 20px 0;}
.boxWrap .boxIcon i{font-size:7em;color:#002157;}
.boxWrap .topImage{text-align:center;}
.boxWrap .boxBtn{align-self:bottom;}
.boxWrapper.colSide .boxWrap{flex-basis:30%;}


/*** FORM ***/

.userform-fields input, .userform-fields textarea{
    width: 100%;
    display: block;
    box-sizing: border-box;padding: 10px;
    font-size: 1.4em;
}
.userform-fields label, .userform-fields legend{
    display:block;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}
.userform-fields select{width: 100%;padding: 10px;font-size: 1.4em;}
.userform-fields fieldset{margin:10px 0;}
.userform-fields fieldset label{display:inline-block;}
.userform-fields fieldset input{display:inline-block;width:auto;}
.userform input[type=submit]{
    border: 0;
    color: #FFF;
    font-size: 18px;
    display: inline-block;
    padding: 15px 30px;
    font-weight: 400;
    margin-top:20px;
    cursor: pointer;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.requiredField label::after {content: "*";}
.userform-fields textarea{font-family: 'Montserrat', sans-serif;}

 /*** ALERTS ***/
.siteAlert{background-color:#000;color:#FFF;padding:20px 8%;text-align:center;font-weight:bold;font-weight: 600;}
.siteAlert a{text-decoration:underline;opacity:.8;}
.siteAlert a:hover{opacity:.8;text-decoration:none;}

/*** FOOTER ***/
.preFooter{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.preFooter h4{font-size: 3em;color:#1b1c20;margin: 0;line-height: 40px;}
.preFooter .preFooterText{flex-basis: 50%;}
.preFooter .preFooterLogos{display: flex;justify-content: space-between;align-items: center;flex:1;gap:20px;}
.preFooter .preFooterLogos div{width:33.333%;}
.preFooter .preFooterLogos div img{height: 70px; width:100%;max-width: 100%;}
.preFooter .preFooterLogos div img:hover{opacity: .5;}

.pattern{display: block;content:"";height:50px;width: 100%; background-image: url(/_resources/themes/moarch/images/footer-pattern.svg);}

footer{padding:4%;background-color:#efefef;}
footer .footerWrap{display: flex; justify-content: space-between;}
footer .footerWrap h3{font-size: 1.95em;margin-bottom: 0;}
footer .footerWrap h3::after{margin-top:5px;border-top:3px solid #000;display: block;content: "";width: 100%;padding-bottom: 20px;}

footer .footerWrap .fLeft, footer .footerWrap .fRight{flex-basis: 50%;}
footer .footerWrap .fLeft{margin-right:50px;}
footer .footerWrap .fLeft p{font-size: 1.45em;}
footer .footerWrap .fRight .fnav{display: flex;}
footer .footerWrap .fRight .fnav nav ul{list-style-type: none;padding-left: 0;margin-top: 0;}
footer .footerWrap .fRight .fnav nav ul:first-of-type{margin-right:40px;}
footer .footerWrap .fRight .fnav nav ul li{margin-bottom: 3px;}
footer .footerWrap .fRight .fnav nav ul li a{color:#000;font-size: 1.45em;}
footer .footerWrap .fRight .fnav nav ul li a:hover{color:#37b277;}

footer .social i{font-size: 1.65em;}
footer .copy{font-size: 1.25em;}
footer .copy a, footer .social a{color:#000;}
footer .copy a:hover, footer .social a:hover{color:#37b277;}



@media (min-width:961px){
    nav.mainNav button {display: none;}
    [hidden]{display: block;} 
	.mainNavWrap, .mainNavWrapR {width: 100%;}
}

@media only screen and (max-width: 1279px) {
	.contentBoxesWrap.fourBoxes .contentBoxes .contentBox{flex-basis: calc(100% * (1/2) - 30px);}
	.textImage, .imageText{align-items:center;}
	.divider{no-repeat;aspect-ratio: 15 / 1;}
}


@media only screen and (max-width: 960px) {
    header{flex-direction: column;}
    header .navWrap{flex-direction: column;align-items:center;}
    header .logo{margin-left:0;}
    [hidden]{display: none !important;} 
    nav.mainNav button{
        background-color: transparent;
        border: 0;
        color:#000;
        font-size: 3em;
        cursor: pointer;
		order: 2;
    }
    nav.mainNav button span{
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
    }
    nav.mainNav{text-align: center;margin: 20px 0;order: -1;}
    nav.mainNav.desktop{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background-color: #f1d896;
        padding:20px;
        margin:0;
        z-index: 999;
		display: flex;
		flex-direction: column;
		height:100vh;
		overflow-y: auto;
		justify-content: flex-start;
    }
    nav.mainNav.desktop i.fa-bars{display: none;}
    nav.mainNav i.fa-times{display: none;}
    nav.mainNav.desktop i.fa-times{display: block;}
	nav.mainNav.desktop button{order:-1;margin-bottom: 40px;}
	nav.mainNav.desktop .logo{display: none;}
    nav.mainNav ul{flex-direction: column;justify-content: flex-start;margin:0;}
    nav.mainNav .mainNavWrap > ul > li{padding-left: 0;}
    nav.mainNav .mainNavWrap > ul > li:hover > a::before, nav.mainNav .mainNavWrapR > ul > li:hover > a::before{display: none;}
    nav.mainNav ul li{margin:10px 0;width:100%;text-align: center;padding: 0;}
    nav.mainNav ul li a{padding: 0;}
    nav.mainNav ul li:hover > a::before{display: none;}
	nav.mainNav ul li .subWrap{width:100%;left:0;z-index: 999;}
    nav.mainNav ul li .subWrap .sub{flex-direction: column;text-align:center;padding:40px 20px;margin-top: 10px;} 
    nav.mainNav ul li .subWrap .sub .subGroup ul{padding: 0;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: center;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a:after{display: none;}

    .hero{display: block;overflow:hidden;}
    .heroImage{height:310px;}
    .heroImages{margin-top:40px;width:400px;left:55%;transform: translate(-50%, 0);}
    .heroImage .heroImages img{margin: 0;width: auto; max-width:90%;height:auto;}
    
    
    .heroText{flex-basis: 300px;margin-top:40px;padding-bottom: 100px;}
    .heroText h2{font-size: 3em;}
    .homeFlex{flex-direction: column;text-align: center;margin-top: 40px;margin-bottom: 40px;}
    .homeFlex div{flex-basis: 100%;}
    .homeFlex div:nth-child(1){margin-right: 0;}
    
    .homeSplit{flex-direction: column;}
    .homeSplit .homeSplitText{flex-basis: 100%;margin-right: 0;}
    .homeSplit .homeSplitImg{flex-basis: 100%;margin:40px 4%;}
    .homeSplit .homeSplitImg img{max-width: 100%;}
    
    .strokeCallout{flex-direction: column;margin-top: 80px;}
    .strokeText{padding:40px 3%;text-align: center;}
	
	.internalHeader{background-position:center;}
	
	.textImage{flex-direction:column;gap:40px;}
	.imageText{flex-direction:column;gap:40px;}
	.imageText .image{order:2;}
	.twoCol{flex-direction:column;gap:40px;}
	.textBox{flex-direction:column;gap:40px;}
	.banner{padding:40px;}
	.bannerTwoCol{flex-direction:column;gap:40px;}
	.SlantedImageText, .SlantedTextImage{flex-direction: column;}
	.SlantedImageText .image, .SlantedTextImage .image{width: 100%;}
	.SlantedImageText .textWrap{width: 92%;padding: 0;margin-top: -100px;margin-left: 0;transform: skew(0);}
	.SlantedImageText .textWrap .text{transform: skew(0);}
	.SlantedTextImage .textWrap{width: 92%;padding: 0;margin-top: -100px;margin-right: 0;transform: skew(0);order: 2;}
	.SlantedTextImage .textWrap .text{transform: skew(0);}
    .SlantedImageText .textWrap::before{content:"";position: absolute;top:0;z-index: -1;background-color:var(--teal);width:100%;height:100%;transform: skewY(-3deg);transform-origin: top left;}
    .SlantedTextImage .textWrap::before{content:"";position: absolute;top:0;z-index: -1;background-color:var(--yellow);width:100%;height: 100%;transform: skewY(-3deg);transform-origin: top left;}
	
	.contentBoxesWrap .contentBoxes .contentBox{flex-basis: calc(100% * (1/2) - 40px);}
	
    .picTextWrap{flex-direction: column;}
    .picTextWrap .pic{width:100%;}
    .picTextWrap .text{width:92%;margin-top: -100px;flex-direction: column;padding:0;position:relative;}
    .picTextWrap.odd .text{margin-left: 0;transform:skew(0);}
    .picTextWrap.even .text{order:2;margin-right: 0;transform:skew(0);}
    .picTextWrap.even .pic{order:1;}
	
    .picTextWrap.odd .text::before{content:"";position: absolute;top:0;z-index: -1;background-color:#b9f5d8;width:100%;height:100%;transform: skewY(-3deg);transform-origin: top left;}
	
    .picTextWrap.even .text::before{content:"";position: absolute;top:0;z-index: -1;background-color:#f1d896;width:100%;height: 100%;transform: skewY(-3deg);transform-origin: top left;}
	
    .picTextWrap .text .TextWrap{padding:10px 30px 30px;}
    .picTextWrap.odd .text .TextWrap{transform:skew(0);}
	.picTextWrap.even .text .TextWrap{transform:skew(0);}
	
    .exhibitionsWrap .exhibition{flex-direction: column;margin-top: 80px}
    .exhibitionsWrap .exhibition:first-of-type{margin-top:0;}
    .exhibitionsWrap .exhibition .exhibitText{flex-basis: 100%;text-align: center;}
    .exhibitionsWrap .exhibition .exhibitImg{flex-basis: 100%;width:100%;}
	.exhibitionsWrap .exhibition.even .exhibitImg{order:-1;}
    .exhibitionsWrap .exhibition .exhibitText h2{margin-top: 50px;}
    .exhibitionsWrap .exhibition .exhibitText h2::before{background-position: center;}
    
    .flexContent{flex-direction: column;}
    .flexContent div{flex-basis:100%;}
    .flexContent div:first-of-type{margin-right: 0;}
    
	nav.sectionNav ul li{width:100%;margin: 10px 0; text-align:center;}
	nav.sectionNav ul li .subWrap{position:relative;}
    .preFooter{flex-direction: column;padding:0 4%;}
    .preFooter .preFooterText{flex-basis: 100%;margin-top:40px;}
    .preFooter .preFooterLogos{flex-direction: column;}
    .preFooter .preFooterLogos div{width: 100%;margin-top: 40px;}
    .preFooter .preFooterLogos div img{margin-left: 0;max-width: 150px;}
    
    footer{text-align: center;}
    footer .footerWrap{flex-direction: column;}
    footer .footerWrap h3::after{margin:10px auto 0;}
    footer .footerWrap .fLeft{margin-right: 0;}
    footer .footerWrap .fRight .fnav{flex-direction: column;}
    footer .footerWrap .fRight .fnav nav ul:first-of-type{margin-right: 0;}
    footer .footerWrap .fRight{margin: 25px 0 35px;} 
}

@media (max-width: 768px) {
    .content{flex-direction: column;}
    .column50, .column60{flex-basis: 100%;}
    .column50:nth-child(1){margin-right: 0;}
    .column50:nth-child(2){margin-top: 40px;}
    .column30{flex-basis: 100%;margin-top: 40px;}
	.contentBoxesWrap .contentBoxes .contentBox{flex-basis: 100%;}
	.contentBoxesWrap.twoBoxes .contentBoxes .contentBox{flex-basis: 100%;}
	.contentBoxesWrap.fourBoxes .contentBoxes{gap:40px;}
	.contentBoxesWrap.fourBoxes .contentBoxes .contentBox{flex-basis: 100%;}
	.divider{no-repeat;aspect-ratio: 8 / 1;}
    table{max-width:100%;}
	table td{max-width:100%;}
    .preFooter{background-size: cover;}
    footer{flex-direction: column;align-items: center;}
    footer .fLeft{text-align: center;}
}

@media (max-width: 600px) {
	.internalNavWrap nav{flex-direction:column;}
}