:root{
    --gray:#333132;
	--pink:#EE478D;
    --neonPink:#ed156f;
    --lightPink:#F8B4D1;
    --blue:#4ebde5;
    --lightBlue:#CAEBF7;
    --darkBlue:#197EA3;
	--btnPink:#ee9fc0;
    --highlightYellow:#feffe1;
    --highlightBlue:#aae6fc;
}
@font-face {
    font-family: 'neutra';
    src: url('./fonts/neutra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neutra';
    src: url('./fonts/neutra-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neutra';
    src: url('./fonts/neutra-bold-italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'neutra';
    src: url('./fonts/neutra-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lato.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/latoBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/latoBlack.woff2') format('woff2');
}

html {
  scroll-behavior: smooth;
}

body{box-sizing: border-box;font-size:62.5%;margin:0;}
a, input[type=submit],details summary h3{text-decoration:none;-webkit-transition:all 0.3s ease-out;transition:0.3s ease-out;}
h1, h2, h3, h4, h5, h6{font-family: "neutra", serif;}
h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{margin:0;}
p, .text li, .box li, label, textarea, input[type=submit], #calendar{font-family: "Lato", serif;font-size:2em;line-height: 26px;margin-bottom: 10px;}
table{font-family: "Lato", serif;font-size: 1.8em;line-height: 26px;border-collapse: collapse;}
.text h2{color:var(--gray);font-size: 4em;margin-bottom: 10px;}
.text h3{color:var(--gray);font-size: 3.35em;margin-bottom: 10px;}
.text a:not(.btn), table a{color:var(--pink);}
.text a:hover:not(.btn), table a:hover{color:var(--blue);}
.background{position:absolute;background-image:url(./splash.jpg);background-size: cover;width: 100%;height: 100vh;background-repeat:no-repeat;z-index:-1;animation: fadeIn 5s;}
ul.noBullets{list-style-type:none;padding-left:0;}

.header{margin:10px 5%;display:flex;justify-content: space-between;align-items:center;}
.header a.logo img{width:300px;height:auto;}
.header a.logo:hover{opacity:0.7;}
.header a.translate{font-size: 2em;margin-left: 40px;color:var(--gray);}
.header a.translate:hover{color:var(--pink);}

.navWrap{display: flex;align-items: center;font-family: 'neutra';font-weight:bold;}
nav.mainNav ul{padding-left: 0;list-style-type: none;display: flex;align-items: center;gap:50px;}
nav.mainNav ul li > a, nav.mainNav ul li > span{color:#000;font-size: 2em;border:3px solid transparent;padding:5px 10px}
nav.mainNav ul li > span{cursor: pointer;-webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;}
nav.mainNav ul li > a:hover, nav.mainNav  ul li > span:hover{color:var(--orange);border:3px solid var(--gray);}
nav.mainNav ul li > a.border, nav.mainNav ul li > span.border {border:3px solid var(--gray);}

nav.mainNav ul li.active > a, nav.mainNav  ul li.active > span{color:var(--orange);}
nav.mainNav ul li .subWrap .sub ul li::after{border-bottom: 0;}

nav.mainNav ul li.hasSub .subWrap{display: none;}
nav.mainNav ul li .subWrap{position: absolute;z-index: 1;}

nav.mainNav ul li .subWrap .sub{margin-top:12px;padding:25px;background-color:var(--gray);text-align: left;width: auto;display: flex;}

nav.mainNav ul li .subWrap .sub ul{display: block;width: auto;}
nav.mainNav ul li .subWrap .sub ul li{text-align: left;padding-bottom: 20px;}
nav.mainNav ul li .subWrap .sub ul li:last-of-type{padding-bottom: 0;}
nav.mainNav ul li .subWrap .sub ul li a{font-size: 1.75em;color:#FFF;}
nav.mainNav ul li .subWrap .sub ul li:hover > a{color:var(--neonPink);}


.content{margin:0 5%;}

.hero{
    height:700px;
    overflow: hidden;
    position: relative;
    /*z-index: -1;*/
}

.heroImg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    content:"";
    display: block;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    animation: kenburns 50s infinite;
}

.heroText{display:flex;flex-direction:column;justify-content: center;height:100%;max-width:1000px;}
.heroText h2{font-size:7em;margin:0 0 10px 0;line-height: 100%;}
.heroText p{font-size: 3em;font-weight: bold;line-height: normal;margin: 0;width:70%;}

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

.internalHero{background-repeat: no-repeat;background-size:cover;background-position: 5% 100%;}
.internalHero .text h1{color:var(--gray);padding-top:350px;font-size: 8em;}

.centerText{text-align: center;margin:100px 5%;}
.centerText *:first-child{margin-top: 0;}
.centerText:has(+ .twoCol){margin-bottom:40px;}
.centerText + .twoCol{margin-top:0;}

.contentBoxes{display:flex;flex-wrap: wrap;gap:80px;margin-top: 80px;margin-bottom: 80px;}
.contentBoxes .image img{width:100%;clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%);}
.contentBoxes .box{flex-basis: calc(100% / 2 - (80px * 1 / 2));}

.slantBox{margin-top:20px;background-color:var(--lightBlue);padding:40px 48px;clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 80% 100%, 10% 100%, 0 90%, 0 20%);/*clip-path: polygon(0 0, 90% 0%, 100% 10%, 100% 100%, 10% 100%, 0% 90%);*/display: inline-block;box-sizing: border-box;}
.slantBox > *:first-child{margin-top:0;}

.boxes{display: flex;flex-wrap: wrap;gap:40px;margin: 100px 5%;}
.boxes .box{flex-basis: calc(100% * (1/3) - 40px);flex-grow: 1;border-top:4px solid var(--blue);border-bottom: 4px solid var(--blue);}
.boxes .box .heartDivide{width:200px;display: block;margin-top: 20px;margin-right: auto;margin-left: auto;}
.box .btn{display: block;margin:0 auto;}

.pricing h3{text-align: center;}
.pricing .type{font-size: 1.75em;color:var(--gray);text-align: center;}
.pricing .priceFlex{display: flex;gap:10px;align-items: center;}
.pricing .price{font-weight: bold;font-size: 3.5em;text-align: center;}
.pricing ul{list-style-type: none;}
.pricing li{  
    padding-left: 2rem;
    background-image: url(./images/check-circle.svg);
    background-position: 0 0;
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    padding-bottom:20px;
    
}

.bannerWrap{padding:50px 100px;margin:150px 0;text-align: center;position: relative;z-index: 1;}
.bannerWrap::before{position: absolute;top:0;right: 0;left:0;bottom: 0;display:block;content: "";width:100%;height:100%;background-color:rgba(255,255,255,.75);z-index: -1;}
.bannerWrap .text{display: flex;flex-direction: column;padding:60px 0;}
.bannerWrap .text *:first-child{margin-top:0;}

.colorBannerWrap{margin:100px 5%;padding:3px;;background-color:var(--blue);clip-path: polygon(50px 0%, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0% 50px);position: relative;}
.colorBannerWrap::before{
  position: absolute;
  top: 0; left: 75%;
  transform: translateX(-50%);
  content: '';
  background: #fff;
  width: 20%;
  height: 4px;
}
.colorBannerWrap::after{
  position: absolute;
  bottom: 0; left: 25%;
  transform: translateX(-50%);
  content: '';
  background: #fff;
  width: 20%;
  height: 3px;
}
.colorBannerWhite{padding:30px;background-color:#FFF;clip-path: polygon(49px 0%, 100% 0, 100% calc(100% - 49px), calc(100% - 49px) 100%, 0 100%, 0% 49px);}
.colorBanner{background-color:var(--lightPink);background-image:url(images/jagged-filled-pink.svg);background-size: cover;background-position:center;display:flex;gap:80px;padding:80px;clip-path: polygon(50px 0%, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0% 50px);}
.colorBanner.alignCenter{align-items: center;}
.colorBanner .text a:not(.btn){color:#000;text-decoration: underline;}
.colorBanner .text a:not(.btn):hover{text-decoration: none;}
.colorBanner .text *:first-child{margin-top:0;}
.colorBanner > div{flex-basis: 50%;}
.colorBanner .image{clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%);text-align: center;}
.colorBanner .image img{max-width: 100%;}

.staffWrap{display: flex;flex-wrap: wrap;gap:80px 40px;justify-content:space-evenly;}
.staffWrap .staff{flex-basis:calc(94% / 4 - (40px * 1 / 4));}
.staffWrap .staff .image{aspect-ratio: 1 / 1;overflow: hidden;clip-path: polygon(20% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 20%);}
.staffWrap .staff .image img{max-width: 100%;}

/*Button*/
.btn{
    position:relative;
    z-index:0;
    width:260px;
    height:56px;
    text-decoration:none;
    font-size:1.65em; 
    font-weight:900;
    color:var(--gray);
    transition:all .3s ease;
	font-family: 'Lato', serif;
    display: inline-block;
    margin:25px 0;
}
.btnText{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
}
.btn::before,
.btn::after,
.btnText::before,
.btnText::after{
    content:'';
    position:absolute;
    height:3px;
    background:var(--gray);
    transition:all .5s ease;
}
.btn::before{top:0;left:54px;width:calc( 100% - 56px * 2 - 16px );}
.btn::after{top:0;right:54px;width:8px;}
.btnText::before{bottom:0;right:54px;width:calc( 100% - 56px * 2 - 16px );}
.btnText::after{bottom:0;left:54px;width:8px;}
.btnLine{position:absolute;top:0;width:56px;height:100%;overflow:hidden;}
.btnLine::before{
    content:'';
    position:absolute;
    top:0;
    width:150%;
    height:100%;
    box-sizing:border-box;
    border:solid 3px var(--gray);
}
.btnLine:nth-child(1), .btnLine:nth-child(1)::before{left:0;}
.btnLine:nth-child(2), .btnLine:nth-child(2)::before{right:0;}
.btn:hover::before, .btn:hover .btnText::before{width:8px;}
.btn:hover::after, .btn:hover .btnText::after{width:calc( 100% - 56px * 2 - 16px );}
.btnSqig1, .btnSqig2{position:absolute;z-index:-1;border-radius:16px;transform-origin:16px 16px;}
.btnSqig1{
    top:-16px;
    left:40px;
    width:32px;
    height:0;
    transform:rotate( 30deg );
}

.btnSqig1{
    top:-16px;
    left:40px;
    width:32px;
    height:0;
    transform:rotate( 30deg );
}

.btnSqig2{
    top:44px;
    left:77px;
    width:32px;
    height:0;
    transform:rotate(-127deg );
}
.btnSqig1::before,
.btnSqig1::after,
.btnSqig2::before,
.btnSqig2::after{
    content:'';
    position:absolute;
}
.btnSqig1::before{
    bottom:0;
    left:0;
    width:0;
    height:32px;
    border-radius:16px;
    transform-origin:16px 16px;
    transform:rotate( -60deg );
}
.btnSqig1::after{
    top:-10px;
    left:45px;
    width:0;
    height:32px;
    border-radius:16px;
    transform-origin:16px 16px;
    transform:rotate( 69deg );
}
.btnSqig2::before{
    bottom:0;
    left:0;
    width:0;
    height:32px;
    border-radius:16px;
    transform-origin:16px 16px;
    transform:rotate( -146deg );
}
.btnSqig2::after{
    bottom:26px;
    left:-40px;
    width:0;
    height:32px;
    border-radius:16px;
    transform-origin:16px 16px;
    transform:rotate( -262deg );
}
.btnSqig1,
.btnSqig1::before,
.btnSqig1::after,
.btnSqig2,
.btnSqig2::before,
.btnSqig2::after{
    background:var( --btnPink );
}
.btn:hover .btnSqig1{
    animation:drow1 ease-in .06s;
    animation-fill-mode:forwards;
}
.btn:hover .btnSqig1::before{
    animation:drow2 linear .08s .06s;
    animation-fill-mode:forwards;
}
.btn:hover .btnSqig1::after{
    animation:drow3 linear .03s .14s;
    animation-fill-mode:forwards;
}
.btn:hover .btnSqig2{
    animation:drow4 linear .06s .2s;
    animation-fill-mode:forwards;
}
.btn:hover .btnSqig2::before{
    animation:drow3 linear .03s .26s;
    animation-fill-mode:forwards;
}
.btn:hover .btnSqig2::after{
    animation:drow5 linear .06s .32s;
    animation-fill-mode:forwards;
}

#topBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:var(--pink); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 50px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  -webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;
}

#topBtn:hover {
  background-color:var(--blue); /* Add a dark-grey background on hover */
}

.material-symbols-rounded {
  vertical-align:middle;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
/* fallback */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v226/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjzaqkNCeE.woff2) format('woff2');
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

@keyframes drow1{
    0%   { height:0; }
    100% { height:100px; }
}
@keyframes drow2{
    0%   { width:0; opacity:0;}
    10%  { opacity:0;}
    11%  { opacity:1;}
    100% { width:120px; }
}
@keyframes drow3{
    0%   { width:0; }
    100% { width:80px; }
}
@keyframes drow4{
    0%   { height:0; }
    100% { height:120px; }
}
@keyframes drow5{
    0%   { width:0; }
    100% { width:124px; }
}
/*End Button*/


.textImage{display: flex;margin:100px 5%;gap:5%;}
.textImage > div{flex-basis: 50%;}
.textImage .text{align-self: center;}
.textImage .text h2, .textImage .text h3, .textImage .text h4{margin-bottom: 0;}
.textImage .text h2:first-of-type{margin-top: 0;}
.textImage .image{overflow: hidden;}
.textImage .image:nth-of-type(1){clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%);}
.textImage .image:nth-of-type(2){clip-path: polygon(20% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 20%);}
.textImage .image img{border-top: 5px solid var(--blue);border-bottom: 5px solid var(--pink);}

.oneCol{display: flex;margin: 100px 5%;}
.oneCol .col{flex-basis: 100%;}

.twoCol{display: flex;gap:80px;margin: 100px 5%;}
.twoCol.alignCenter{align-items: center;}
.twoCol .col{flex-basis: 50%;}

.tag{padding:10px 20px;display: inline-block;clip-path: polygon(0 20%,10% 0,100% 0,100% 80%,90% 100%,0% 100%);}
.tag.workshop{background-color: var(--neonPink);color:#FFF;}
.tag.class{background-color: var(--darkBlue);color:#FFF;}

hr.heartDivider{background-image: url(./images/heart-divider-color.svg);text-align: center;display: block;width:200px;height: 35px;background-repeat: no-repeat;border:none;background-position: center;padding: 20px 0;}

#calendar{font-size:1.65em;}

.newsLetter{background-color:var(--neonPink);margin-top:120px;padding:50px 8%;display: flex;align-items: center;justify-content: center;gap:80px;background-image: url(images/macc-watermark.svg);background-position: top center;background-size: 70%;background-repeat: no-repeat;}
.newsLetter h3{color:#FFF;font-size: 5em;font-weight: 800;margin: 0;text-align: right;display: inline-block;}
.newsLetter .divider{border-right:5px solid #FFF;height:150px;}
.newsLetter .text{color:#FFF;flex:1}
.newsLetter .signUp{display: flex;gap:40px;}
.newsLetter .signUp input[type=email]{background-color:transparent;border:4px solid #FFF;padding:20px 15px;width: 100%;color:#FFF;font-size:1.75em;box-sizing: border-box;}
.newsLetter .signUp input[type=email]::placeholder{color:rgba(255,255,255,.75);}
.newsLetter .signUp input[type=submit]{padding:20px 50px;color:var(--neonPink);font-weight: 800;cursor: pointer;border:0;}
.newsLetter .signUp input[type=submit]:hover{background-color:rgba(255,255,255, .8);}

/* Constant Contact */
.ctct-form-container ctct-form-embed form_1 {display:flex!important;gap: 40px!important;}
div.ctct-form-embed div.ctct-form-defaults {padding:0px!important;}
div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer {display: none;}
.ctct-form-embed.form_1 .ctct-form-defaults {background-color: transparent!important;}
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-label {color:#fff!important;}
div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {line-height: 1.5;font-size:11px;color: #fff!important;margin-bottom: 24px;}
div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text a {color: #fff!important;}
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {background-color:transparent!important;border:4px solid #FFF!important;border-radius:0px!important; padding:20px 15px!important;width: 100%!important;color:#FFF!important;font-size:1.75em!important;box-sizing: border-box!important;}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {width:auto!important;}
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {padding:20px 50px!important;color:var(--neonPink)!important;font-weight: 800!important;cursor: pointer!important;border:0!important;border-radius:0px!important;background-color:#fff!important;}
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button:hover {background-color:rgba(255,255,255, .8)!important;}
div.ctct-form-embed form.ctct-form-custom .ctct-form-required::before {color:#FFF !important;}
.grecaptcha-badge{display: none !important;}

.preFooter{background-color: var(--blue);padding:50px 8%;display: flex;align-items: center;justify-content: center;gap:50px;}

/* Show Hide */
.showHide{padding:80px 4%;}
.showHide details{border-top: 1px solid #99D8FF;}
.showHide details:last-of-type{border-bottom: 1px solid #99D8FF;}
.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(--gray);
  }
.showHide details[open] summary::after{content:"\f077";}
.showHide details[open]{padding-bottom:25px;}
.showHide details[open] summary{padding-bottom:0;}
.showHide details summary:hover::after{color:var(--pink);}
.showHide details summary h3{font-size: 2em;font-weight:700;}
.showHide details summary:hover h3{color:var(--pink);}

/*iframes and video */
.iframeWrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%;
}

.iframeWrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* Pre Footer */
.preFooter h3{font-size: 3em;margin: 0;}
.preFooter .preFooterText{flex-basis: 30%;text-align: right;}
.preFooter .divider{border-right:5px solid #000;height:80px;}
.preFooter .preFooterLogos{display: flex;justify-content: flex-end;align-items: center;gap:50px;}
.preFooter .preFooterLogos div{width:30%;}
.preFooter .preFooterLogos div img{height: 70px; width:100%;max-width: 100%;}
.preFooter .preFooterLogos div img:hover{opacity: .5;}


.jaggedOutline{
    position: absolute;
    display: block;
    top: 1200px;
    left: 0;
    width: 700px;
    height:auto;
    z-index: -1;
    overflow: hidden;
}
.jaggedOutline img{margin-left:-20px;}
.jaggedFilled{
    position: absolute;
    display: block;
    top: 1900px;
    right: 0;
    width: 700px;
    height:auto;
    z-index: -1;
    overflow: hidden;
}
.jaggedFilled img{margin-right:-20px;}

.internalAlert{background-color: var(--neonPink);color:#FFF;padding: 20px 30px;}

/******* TABLE *******/

table tr:nth-child(odd){background-color: var(--lightBlue);}
table th{background-color: var(--blue);font-weight: 800;}

tr:hover {background-color: var(--highlightYellow);cursor: default;}
table tr:nth-child(odd):hover {background-color: var(--highlightBlue);}

table tr {transition: background-color 0.3s;}

.respTable {
  background: #fff;
  color: #000;
  border-radius: .4em;
  overflow: hidden;
  margin: auto;
  min-width: 320px;
  width:95%;
}
.respTable th {
  display: none;
}
.respTable td {
  display: block;
}
.respTable td:first-child {
  padding-top: .5em;
}
.respTable td:last-child {
  padding-bottom: .5em;
}
.respTable td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  /*display: inline-block;*/
}

.respTable th, .respTable td {
  text-align: left;
}

.respTable th, .respTable td:before {
  color: var(--gray);
}


form fieldset{display:block; margin-top:30px;border: 0;}
form fieldset div{display: inline-block;}

label{
	color:#454545;
	font-weight:bold;
	display:block;
	margin-bottom:3px;
    font-size:1.7em;
    margin-top:20px;
}

input{
	padding:10px;
    font-size:1.4em;
    width:100%;
    box-sizing:border-box;
}

textarea{	
    padding:10px;
    font-size:1.4em;
    width:100%;
    box-sizing:border-box;
}

input[type=submit]{cursor: pointer;display:block;border:2px solid #000;background-color:#FFF;width:auto;padding:0 30px;-webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;box-sizing: border-box;}
input[type=submit]:hover{color:#FFF;background-color:var(--pink);border:0;}
.thankYou{padding:20px;border:3px solid #f15f3e;text-align:center;}

footer{padding:80px 5%;background-color: #FFF;}
footer h3{font-size: 2em;font-weight: 700;letter-spacing: normal;margin-top: 15px;margin-bottom: 5px;text-transform: uppercase;}
footer .wrap{display: flex;justify-content: space-between;}

footer .copyWrap{display: flex;flex-direction: column;}
footer .copyWrap img{width:250px}
footer .copyWrap .copy {margin-top: 20px;display: flex;justify-content: center;align-items: center;gap:10px;}
footer .copyWrap .copy img{width:55px;}
footer .copyWrap .copy p {font-size: 1.45em;}
footer .copyWrap .copy a{color:#000;}
footer .copyWrap .copy a:hover{color:var(--pink);}

footer .navs{display: flex;gap:100px;}
footer .navs nav h3{font-family: "Lato";font-weight: 800;}
footer .navs nav ul{list-style-type: none;padding-left: 0;}
footer .navs nav ul li a{font-family: "Lato";font-size: 1.65em;color:#000;display:block;padding-bottom: 10px;font-weight: 400;}
footer .navs nav ul li a:hover{color:var(--pink);text-decoration: underline;}


footer .info{display: flex;justify-content: flex-end;align-items: center;margin-top: 40px;}
footer .info .text{display: flex;margin-right: 40px;}
footer .info .text p{line-height: 25px;}
footer .info .text a{color:#000;}
footer .info .text a:hover{color:var(--pink);text-decoration: underline;}
footer .info .text .heart{width:20px;margin:0 20px;}

footer .social{display:flex;gap:20px;}
footer .social a{color:var(--gray);font-size:2.25em;}
footer .social a:hover{color:var(--pink);}

@keyframes kenburns {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    100% {
        transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
        opacity: 0;
    }
}

@keyframes kenburnsMobile {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -50px, 0px);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    100% {
        transform: scale3d(2, 2, 2) translate3d(-70px, -40px, 0px);
        opacity: 0;
    }
}

@keyframes fadeIn {
            0% {
                background-position: 0 0;
                opacity: 0;
            }
            100% {
                background-position: 99% 100%;
                opacity: 1;
            }
        }

/* Google Translate Override */
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
.goog-gt-tt{display: none !important;}

@media (min-width: 480px) {
  .respTable th, .respTable td {
    display: table-cell;
    padding: .25em .5em;
  }
  .respTable th:first-child, .respTable td:first-child {
    padding-left: 0;
  }
  .respTable th:last-child, .respTable td:last-child {
    padding-right: 0;
  }
  .respTable td:before {
    display: none;
  }
  .respTable th, .respTable td {
    padding: 1em 1em !important;
  }

}

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

@media (max-width:1375px){
    footer .navs{gap:40px;}
}

@media (max-width:1235px){
    nav.mainNav{justify-content: space-between;}
    [hidden]{display: none !important;} 
    nav.mainNav.responsive button{order:-1;}
    nav.mainNav button{
        background-color: transparent;
        border: 0;
        color:#000;
        font-size: 3em;
        cursor: pointer;
        order: 1;
    }
    nav.mainNav button span{font-size:1.25em;}

    nav.mainNav{text-align: center;margin: 20px 0;}
    nav.mainNav.responsive{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #FFF;
        padding:20px 0;
        margin:0;
        z-index: 1;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    nav.mainNav.responsive .bars{display: none;}
    nav.mainNav .close{display: none;}
    nav.mainNav.responsive .close{display: block;margin-bottom:50px;}
    nav.mainNav ul{
        flex-direction: column;
        justify-content: flex-start;
    }
    
    nav.mainNav ul li{width:100%;text-align: center;padding: 0;}
    nav.mainNav ul li a{padding: 0;}
    
    nav.mainNav ul li .subWrap .sub{flex-direction: column;text-align:center;padding:40px 20px;} 
    nav.mainNav ul li.hasSub .subWrap{width: 100%;left:0;position: relative;}
    nav.mainNav ul li .subWrap .sub ul{padding: 0;height: auto;}
    nav.mainNav ul li .subWrap .sub ul li{text-align: center;padding-bottom: 20px;}
    nav.mainNav ul li .subWrap .sub ul li a{color:#FFF;}
    nav.mainNav ul li .subWrap .sub ul li a:after{display: none;}
    nav.mainNav ul li::after{display: none;} 
    nav.mainNav ul li.apply{width:50%;}
    
}

@media only screen and (max-width: 1175px){
    .heroText{width:auto;}
    .newsLetter{flex-direction: column;gap:40px;}
    .newsLetter .divider{border-right:0;border-top:5px solid #FFF;height:5px;width:45%;}
    .newsLetter .text{flex-basis: 100%;}
    .newsLetter .text p{margin-top: 0;}
    .preFooter{flex-direction: column;}
    .preFooter .divider{border-right:0;border-top:5px solid #000;height:5px;width: 45%;}
    .preFooter .preFooterLogos{flex-wrap: wrap;justify-content: center;}
    footer{display: flex;flex-direction: column;}
    footer .wrap{flex-direction: column;align-items: center}
    footer .copyWrap{order: 1;margin-top:40px;}
    
    footer .info{order: -1;flex-direction: column;justify-content: center;margin-top: 0;margin-bottom: 40px;}
    
    footer .info .social{order:-1;margin-bottom: 20px;}
}

@media only screen and (max-width: 879px) {
    .heroText h2{font-size:5.5em;}
    .heroText p{width:100%;font-size: 2.5em;}
    .textImage{flex-direction: column;}
    .textImage img{max-width: 100%;}
    .textImage > div{flex-basis: 100%;}
    .textImage .text h2:first-of-type{margin-top:40px;}
    .textImage .image:nth-of-type(2){order:-1;}
    .twoCol{flex-direction: column;gap:0;}
    .twoCol div{flex-basis: 100%;}
    .contentBoxesboxes{flex-direction: column;}
    .contentBoxesboxes .box{flex-basis: 100%}
    .staffWrap .staff{flex-basis:calc(94% / 2 - (40px * 1 / 2));}
    .colorBanner{flex-direction: column;padding:80px 40px;}
    footer .navs{flex-direction: column;gap:20px;text-align: center;}
    footer .info .text{flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;margin-right: 0;}
    table{font-size: 1.5em; line-height: 20px; font-weight: 100;border-collapse: initial;border-spacing: 0 20px;}
	.tableResp th, .rwd-table td {padding: .5em 1em 0 1em !important;}
    .tableResp tr{display:block;padding:5px 0;}
      .respTable th, .respTable td {padding: .5em 1em !important;}
}

@media only screen and (max-width: 684px) {
    .heroImg{animation: kenburnsMobile 50s infinite;}
    .header a.logo img{width:180px;}
    .newsLetter .signUp{flex-direction: column;}
    .staffWrap .staff{flex-basis:100%;}
}