/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@font-face{
        font-family:"Avenir W01_n3";
        src:url("Fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir W01";
        src:url("Fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
        src:url("Fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("Fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("Fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("Fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir W01_n4";
        src:url("Fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir W01";
        src:url("Fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
        src:url("Fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("Fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("Fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("Fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir W01_o4";
        src:url("Fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir W01";
        src:url("Fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix");
        src:url("Fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot"),url("Fonts/1a7173fa-062b-49ad-9915-bc57d3bfc1f5.woff2") format("woff2"),url("Fonts/cdda031e-26e9-4269-83d1-5a218caa10db.woff") format("woff"),url("Fonts/6d1ce413-19e7-4b43-b328-6cdedc58b35a.ttf") format("truetype");
font-weight: 400;
font-style: oblique;
    }
    @font-face{
        font-family:"Avenir W01_n6";
        src:url("Fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir W01";
        src:url("Fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
        src:url("Fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),url("Fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("Fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),url("Fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype");
font-weight: 600;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir W01_n7";
        src:url("Fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir W01";
        src:url("Fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
        src:url("Fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("Fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("Fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("Fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype");
font-weight: 700;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir W01_n9";
        src:url("Fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir W01";
        src:url("Fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
        src:url("Fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"),url("Fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),url("Fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"),url("Fonts/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype");
font-weight: 900;
font-style: normal;
    }


@font-face{
    font-family:"FirstOne W05 Regular";
    src:url("Fonts/5182284/82a25101-d806-445d-8d26-b1b2ecc75f0e.eot?#iefix");
    src:url("Fonts/5182284/82a25101-d806-445d-8d26-b1b2ecc75f0e.eot?#iefix") format("eot"),url("Fonts/5182284/86fcfb00-bfb0-4c1e-982f-e32c19922f03.woff2") format("woff2"),url("Fonts/5182284/6d495a13-dacc-44ed-97a6-21fcec13ed62.woff") format("woff"),url("Fonts/5182284/dced7ba9-b235-4746-b9f5-c709703ba0db.ttf") format("truetype");
}

/*
#30bfbc
#f04c45
#32302d
#ffd058
#5e5184
*/

*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; letter-spacing: 1px; font-size: 18px;  background-color:#f6f2e7; color:#32312e; font-family: 'Avenir W01', sans-serif; font-weight: 400;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
p{line-height: 1.2em;}
p.emp{color:#2a75aa;}
p.larger{font-size: 22px;}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.content-wrap{width:100%; max-width: 1400px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}
.text-wrap{max-width: 1024px; margin-left: auto; margin-right: auto;}
.video-container iframe{width:100%; height: auto; aspect-ratio: 1.7;}
.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.seven{width:58.33%}
.six{width:50%;	}
.five{width:41.37%}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}
.golden-large{width:61.8%;}
.golden-small{width:38.2%;}
.padd-left{padding-left:16px;}
.padd-right{padding-right:16px;}
.padd-both{padding-left:16px; padding-right:16px;}
.align-bottom{vertical-align: bottom;}
.align-bottom .table-cell{vertical-align: bottom;}
.padded{padding:24px;}
.clear{clear:both;}
.learn-more{}
.red-text{color:#803022;}
meter#password-strength-meter{width:100%;}
a.anchor{position: relative; top:-350px;}

/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].no-margin,
input[type="number"].no-margin,
input[type="email"].no-margin,
input[type="password"].no-margin,
input[type="tel"].no-margin{margin:0px;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block; max-width: 100%; text-overflow: ellipsis; background-color:#fff;}
select:disabled{background-color:#ddd;}
input[type="submit"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }
textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

meter{/*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ margin:0 auto 1em; width:100%; height: 0.5em; background:none; background-color:rgba(0,0,0,0.1); }
meter::-webkit-meter-bar{background:none; background-color:rgba(0,0,0,0.1);}
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }


input[type="submit"].button,
.button{ color:#fff; text-decoration: none; padding:8px 12px; box-shadow: rgba(0,0,0,0.4) 1px 1px 3px; border:1px solid #fff; border-radius: 0px; text-align: center; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; transition:all 0.3s ease-in-out; background-color:#32302d; cursor: pointer; font-size: 1em; font-family: 'FirstOne W05 Regular'; z-index: 1;}
input[type="submit"].button:hover,
.button:hover{ box-shadow: rgba(0,0,0,0.7) 1px 1px 3px; }

.button.schedule-button{max-width: 220px;}
input[type="submit"].button{padding:12px 16px; font-size: 19px;}

.column_list{ column-count: 3; column-gap: normal;}
.column_list.col1{column-count: 1;}
.column_list.col2{column-count: 2;}
.column_list.col4{column-count: 4;}
.column_list li{margin-bottom: 1.5em; break-inside: avoid;}

.data-table {border:1px solid #343434; border-collapse: collapse; width:100%;}
.data-table td,
.data-table th{border:1px solid #343434; padding:8px 12px; font-size: 14px;}
/*.data-table tr:nth-child(2n) td{background-color:#eee;}*/

.submit-wrap input[type="submit"].button{position: static; margin:0px; padding:8px 32px;}
.submit-wrap{display: inline-block; position: relative; overflow: hidden; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;}
.submit-wrap:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:''; cursor: pointer;}
.submit-wrap:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.submit-wrap:hover:before{transform: rotate(40deg) translateX(0px);}

.forgot-password a{color:#fff; font-size: 14px; text-align: center; font-weight: 200; text-decoration: none;}
.call-to-action{background-color:#43a7c7; border-radius: 4px; max-width: 800px; margin:24px auto; padding:48px 74px; color:#fff; border:10px solid #efefef; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;}

aside{width:38.2%; padding:24px; float:left;}
aside.right{float:right;  margin-right: 0px; margin-left:24px;}

#bgPopup{ display:none; position:fixed; height:100%;  width:100%; top:0;left:0;background:#ffffff; z-index:999;}   
#Popup{ display:none; z-index:999;top:0px; left:0px; width:100%; height: 100%; padding:0px; position: fixed; overflow-y: auto; margin-bottom: 0px; background-color:#fff;}    

/* Popup interior panel settings */


.PopupInter{width:100%; height: 100%;  position: relative; max-width: 1400px; margin-left:auto; margin-right: auto;}
.PopupPanel{background-color:#FFF;margin-top:0px;padding:151px 48px 112px; min-height: 100%; position: relative; overflow-y: auto;}
.PopupInter .hide{position:fixed;right:40px;top:10px;width:44px;height:44px;cursor:pointer; background-image: url(../images/icons/hide.png); transition:all 0.3s ease-in-out; background-size: contain; background-position: center; border:2px solid #a7d3f2; border-radius: 50%; z-index: 999;}
.PopupInter .hide:hover{border-color:#999;}

#Popup.loading .PopupInter:after{display: block; width:100%; height: 100%; opacity: 0.8; content:''; position: absolute; top:0px; left:0px; z-index: 999; background-image: url(../images/icons/gears.svg); background-size: 180px; background-position: center; background-repeat: no-repeat;}

#Popup .title{background-color:#f7d33f; color:#fff; padding:24px 64px 24px; font-weight: 700; font-size: 48px; margin:0px 0px 32px; position: absolute; top:0px; left:0px; width:100%; position: fixed; z-index: 1; border:none;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup .title h3{color:#fff; margin:0px; font-size: 48px; position: relative;}
#Popup .title:before{content:''; display: block; width:100%; height:100%; background-color:#2a75aa;  position: absolute; left:0px;  bottom:9px;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup hr.orange{display: block;border:none; height: 8px; border-radius: 4px; background-color:#e08a51;}

#Popup:before{ position: fixed; content:'';display: block; width:100%; height: 25px; background-color:#f7d33f;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 1;}
#Popup:after{ position: fixed; content:'';display: block; width:100%; height: 16px; background-color:#2a75aa;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 2;}


ul.tabs{list-style: none; margin:0px; padding:0px; display: table; width:100%;}
ul.tabs li{display: table-cell; width:25%; border:2px solid; vertical-align: middle;}
ul.tabs li a{display: block; padding:32px 16px; text-align: center; text-decoration: none; font-weight: 500; font-size: 0.8em;}




.tab-body{display: none; border:1px solid #a5a5a5; padding:24px;}
.tab-body:after{content:''; display: block; clear: both;}
.tab-body.on{display: block;}


#mobile-nav{display: none;}

.home{}
body{}
#BodyWrap{width:100%; /*overflow-x: hidden;*/ position: relative;}
header{ transition: all 0.3s ease-in; z-index: 999; }
header .logo{background-image: url(../images/logo.png); background-size: contain; background-repeat: no-repeat; display: block; width:280px; height: 270px; margin:11px 0px 11px; position: absolute;}
header .tagline{margin-left: 280px; padding:48px 200px 48px 24px; font-size: 22px; word-spacing: 4px; font-family: 'FirstOne W05 Regular'; font-weight: 800;}
header .tagline .heart{color:#f6f2e7; position: relative;}
header .tagline .heart:after{content:''; display: block; width:68px; height: 68px; background-image: url(../images/heart.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left:0px; top:0px; bottom:0px; margin:auto; transition: all 0.3s ease-in-out;}
.on header .tagline .heart:after{animation-name: heartFadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; animation-duration: 1.5s; animation-delay: 1s;}
@keyframes heartFadeInOut {
  0% {
    transform:scale(1);
  }
  14% {
    transform:scale(1.5);
  }
  28% {
    transform:scale(1);
  }
  42% {
    transform:scale(1.8);
  }
  70% {
    transform:scale(1);
  }
}


header .button{position: absolute; right:0px; top:41px; font-size: 14px;background-color:transparent; color:#32302d; text-transform: uppercase; font-size: 18px; border-color:#ffd058; padding:12px 16px;}
.offtop header{}

h1{font-family: 'FirstOne W05 Regular'; font-weight: normal;}
h2{font-family: 'FirstOne W05 Regular'; font-weight: normal;}
h3{font-family: 'FirstOne W05 Regular'; font-weight: normal;}
nav a{font-family: 'FirstOne W05 Regular'; text-decoration: none; color:#32302d; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800;}
nav li{list-style: none;}
nav.sidenav li{margin-bottom: 37px; position: relative;}
nav.sidenav a{display: inline-block;}
nav.sidenav li.on > a:after{content:''; display: block; width:0px; background-color:#f04c45; height: 4px; border-radius: 2px; margin-top:4px; transition: all 0.5s ease-in-out;}
.on nav.sidenav li.on > a:after{width:100%;}
/*
#30bfbc
#f04c45
#32302d
#ffd058
#5e5184
*/

.blue-grad{background-color:#30bfbc; background: linear-gradient(141deg, rgba(48,191,188,1) 0%, rgb(9, 111, 109) 100%); color:#fff;}
.yellow-grad{background-color:#ffd058; background: linear-gradient(141deg, rgba(255,208,88,1) 0%, rgba(235,170,45,1) 100%);}
.grey-grad{background-color:#32302d; background: linear-gradient(141deg, rgba(50,48,45,1) 0%, rgba(0,0,0,1) 100%); color:#fff;}
.red-grad{background-color:#f04c45; background: linear-gradient(141deg, rgba(240,76,69,1) 0%, rgba(184,26,19,1) 100%); color:#fff;}
.purple-grad{background-color:#5e5184; background: linear-gradient(141deg, rgba(94,81,132,1) 0%, rgba(44,25,99,1) 100%); color:#fff;}
.inset{box-shadow: rgba(0,0,0,0.8) 2px 2px 6px inset;}
.shadow{box-shadow: rgba(0,0,0,0.8) -2px -2px 6px;}
.scroll-animate{transition: all 0.5s ease-in-out;}

video{width:100%; height: auto;}

footer{ border-top:2px solid #30bfbc; background-image: url(../images/logo.png); background-size: 220px auto; background-position: center top 24px; background-repeat: no-repeat; padding-top:108px;}
footer .contact{float:right; text-align: right; font-weight: 700; font-size: 16px; margin-bottom: 24px;}
footer a{text-decoration: none; color:#767676;}
footer .footer-links{float:right; clear: right; text-align: right; font-weight: 300; text-transform: uppercase;}
footer .footer-links a{display: block; text-decoration: none; margin-bottom: 12px; }
footer .service-menu{float:left;}
footer .service-menu h5{font-weight: 300; font-size: 18px;  text-transform: uppercase; margin-top:0px; margin-bottom: 12px;}
footer .service-menu a{display: block; text-transform: lowercase; text-decoration: none; margin-bottom: 8px; font-size: 16px;}

footer .credits{clear: both; padding-top:36px; font-size: 12px; text-align: center;}
footer .policy{padding-top:48px; max-width: 600px;}
.testimonial{background-color:#ffd058; background: linear-gradient(141deg, rgba(255,208,88,1) 0%, rgba(235,170,45,1) 100%); box-shadow:rgba(0,0,0,0.8) -2px -2px 6px; color: #32302d;}
#Sidebar{width:280px; position: absolute; top:0px; left:0px; padding-top:180px;}
#Content1{margin-left: 320px;}

.home #Content1{ margin-right: -32px; padding:32px; position: relative;}
.home #Content1 .before-content{  padding-left:72px; padding-right: 72px;}


.home #Content1 .content{position: relative;}
.home #Content1 .content2{padding-right: 10%; position: relative; z-index:1;}
.home #Content1 .content2 h2{font-size: 31px;}
.home #Content1 h1{margin:0px; font-size: 44px; margin-right: 30%; position: relative;}
.home #Content1 p{font-weight: 600;}
.home #Content1 .content:before{content:''; display: block; position: absolute; width:40%; height: auto; padding-top:25%; right:-30px; top:140px; background-image: url(../images/home-content1.png); background-size: contain; background-repeat: no-repeat;}
.home #Content1 .content:after{content:''; display: block; position: absolute; width:50%; height: auto; padding-top:41%; right:-72px; bottom:-42px;  background-image: none; background-size: contain; background-repeat: no-repeat; background-position: bottom right;}
.home #Content1 #signature{background-image: url(../images/signature.png); background-size: contain; background-repeat: no-repeat; background-position: center; width:500px; height: 170px; margin:-35px 0px -35px auto; max-width: 100%;}

.owl-carousel.sponsors{background-color:#fff; margin-bottom: 54px;}
.owl-carousel.sponsors li{list-style: none; padding:1em 2em;}

@media screen and (max-width:1586px){
    /*
    .home #Content1 .content:before{content:''; display: block; position: absolute; width:530px; height: 330px; left:100%; top:380px; background-image: url(../images/home-content1.png); background-size: contain; background-repeat: no-repeat;}
    
    .home #Content1 h1{margin:0px; padding-bottom: 330px; position: relative;}
    .home #Content1:before{display: none;}
    .home #Content1 .before-content{ content:''; display: block; position: absolute; bottom:0px; top:auto; left:0px; right:0px; width:100%; height: 320px; background-size: contain; background-repeat: no-repeat; background-position: center; box-shadow:  none;}
    .home #Content1 .content:before{top:40px; height: 200px;}
    
    .home #Content1 .content2{top:200px; margin-left: 29px;}
    .home #Content1 .content2 h2{font-size: 48px;}
    */
}

@media screen and (max-width:1212px){
    .home #Content1 h1:before{width:450px;}
}

.home #Content2{ margin-bottom: 32px; float:none; width:auto; max-width: 670px; margin-left:auto; margin-right:auto; padding:16px 48px; position: relative;}
.home #Content2:before{content:''; display: block; width:100%; height: 140px; position: absolute; bottom: 50%; right:0px; background-image: url(../images/heart2.png); background-position: top right 48px; background-size: contain; background-repeat: no-repeat; margin-bottom: 10px;}
.home #Content2 h2{margin:18px 72px; text-align: center; font-size: 22px;}
.home #Content2 video{width: 100%; height: auto;}
.home #Content2 .testimonial{  position: absolute; width:50%; top:-200px; right:100%; transform: translate(144px, 72px); opacity: 0; transition: all 0.5s ease-in-out; }
.home #Content2.scroll-on .testimonial{opacity: 1; transform: translate(22px, 0px);}

.home #Content2 .testimonial .content{padding:28px 32px 118px 32px; background-image: url(../images/home-testimonial.png); background-size: contain; background-position: bottom right; background-repeat: no-repeat;}
.home #Content2 .testimonial .author{text-align: right; font-weight: 700;}
.home #Content2 .testimonial:after{content:''; display: block; width:0px; height: 0px; position: absolute; right:0px; top:100%; border: 48px solid rgba(235,170,45,1); border-bottom-color: transparent; border-left-color: transparent;}


.home #Content3{margin-top:160px; margin-bottom: 48px; float:right; width:50%; padding:16px 32px; position: relative; margin-right: 25%;}
.home #Content3:before{content:''; display: block; width:100%; height: 120px; position: absolute; bottom: 100%; right:0px; background-image: url(../images/1-2-3.png); background-position: top right 48px; background-size: auto 80%; background-repeat: no-repeat;}
.home #Content3 h2{margin:18px 32px; text-align: center; font-size: 22px;}
.home #Content3 video{width: 100%; height: auto;}
.home #Content3 .side-content{  position: absolute; width:50%; top:-200px; right:100%; transform: translate(144px, 72px); opacity: 0; transition: all 0.5s ease-in-out; }
.home #Content3.scroll-on .side-content{opacity: 1; transform: translate(15px, 0px);}

.home #Content3 .side-content .content{padding:28px 45px;}
.home #Content3 .side-content img{display: block; width:100%;}
.home #Content3 .side-content:after{content:''; display: block; width:0px; height: 0px; position: absolute; right:0px; top:100%; border: 48px solid rgb(186, 28, 21); border-bottom-color: transparent; border-left-color: transparent;}

.home #Content3 .testimonial{  position: absolute; width:56%; top:-200px; left:100%; transform: translate(-130px, 72px); opacity: 0; transition: all 0.5s ease-in-out; }
.home #Content3.scroll-on .testimonial{opacity: 1; transform: translate(-16px, 0px);}
.home #Content3 .testimonial .content{padding:28px 32px 78px 32px; background-image: url(../images/home-testimonial.png); background-size: contain; background-position: bottom right; background-repeat: no-repeat;}
.home #Content3 .testimonial .author{text-align: right; font-weight: 700;}
.home #Content3 .testimonial:after{content:''; display: block; width:0px; height: 0px; position: absolute; left:0px; top:100%; border: 48px solid rgba(240, 182, 58,1); border-bottom-color: transparent; border-right-color: transparent;}

/*
.home .kids{width:50%; height: 712px; background-image: url(../images/home-kids.png); background-size: contain; background-position: center; background-repeat: no-repeat; transform: translateY(24px); position: absolute; bottom:0px; left:0px;}
*/
.about{}
.about #Content1{ margin-right: -250px; position: relative;}
.about #Content1 .content{width:1120px; padding:48px 170px 110px 88px; position: relative; background-image: url(../images/PENCILruler.png); background-repeat: no-repeat; background-position: top 25px right 132px;}
.about #Content1 > .content > p{padding-left: 24px; max-width: 670px;}
.about #Content1:after{content:''; display: block; position: absolute; width:125px; height: 125px; background-image: url(../images/plus%20copy.png); background-size: contain; background-position: center; left:150px; bottom:-250px;}


.about #Meet-Meredith{float:right; position: relative; transform: translate(500px, -42px); opacity: 0; width:700px; padding:18px 72px; margin-bottom: 0px; transition:all 0.5s ease-in-out;}
.about.on #Meet-Meredith{transform: translate(30px, -108px); opacity: 1;}

.about #Meet-Meredith:before{content:''; display: block; position: absolute; bottom:100%; right:0px; border: 48px solid #1f1e1c; border-top-color:transparent; border-left-color: transparent; border-bottom-width: 120px; border-top-width: 120px; width:0px; height: 0px; }
.about #Meet-Meredith p{padding-left: 72px; text-align: right;}
.about #Content2{clear: both; position: relative; margin-left: 410px; padding-top:48px;}
.about #Content2:before{content:''; display: block; position: absolute; width:125px; height: 125px; background-image: url(../images/E.png); background-size: contain; background-repeat: no-repeat;background-position: center; }
.about #Content2 > .content{padding:12px 124px 250px; transform: translateY(50px); /*background-image: url(../images/boy1a.png); background-position: bottom left; background-repeat: no-repeat;*/}
.about #Content2 .testimonial{ position: absolute; left:44px; top:-370px; width:50%;}
.about #Content2 .testimonial:after{content:''; display: block; width:0px; height: 0px; position: absolute; left:0px; top:100%; border: 48px solid rgb(245, 189, 67); border-bottom-color: transparent; border-right-color: transparent; }
.about #Content2 .testimonial .content{padding:34px 32px 72px 32px; background-image: url(../images/butterfly2.png); background-repeat: no-repeat; background-size: auto 165px; background-position: right bottom;}

.about #Content2 h2{font-size: 39px; margin-top: 0px;}
.about #Content2 h4{font-size: 20px; font-weight: 600; font-style: italic; margin-top: 48px; margin-bottom: 48px;}
.about #Content2 p strong{font-size: 32px; color:#32302d; line-height: 1.2em;}
.about #Content2 ol{margin:32px auto; }
.about #Content2 figure.aside.right{float:right; width:45%;}
.about #Content2 li{margin-bottom: 24px;}

.testimonials-grid .testimonial{width:45%; box-shadow: rgba(0,0,0,0.5) 1px 1px 1px 2px; padding:24px 24px 64px; margin-bottom: 24px; opacity: 0; transition:all 0.5s ease-out;}
.testimonials-grid .testimonial.scroll-on{opacity: 1;}
.testimonials-grid .testimonial .logo{width:20%; float:left; margin-right: 16px; margin-bottom: 16px;}
.testimonials-grid h5{font-size: 24px; margin-top: 8px;}
.testimonials-grid p{line-height: 1.5em;}
.testimonials-grid .attributed{text-align: right;}
.testimonials-grid .author{text-transform: uppercase;}
.testimonials-grid .position{font-style: italic; display: inline-block; padding-left: 12px;}
.testimonials-grid .position:before{content:'- '; display: inline-block; margin-right: 12px;}
.testimonials-grid .submitted{font-size: 14px; margin-top:12px;}


.academics{}
.academics .scroll-animate{opacity: 0;}
.academics .scroll-animate.scroll-on{opacity: 1;}
.academics #Content1{ height: auto; background-image: url(../images/2024/IMG_0880.webp); background-size: 100% auto; position: relative; background-repeat: no-repeat;}
.academics #Content1 .content{padding:64px 64px 210px;}
.academics #Content1 #Reading .content:after{content:''; display: block; width:100%; height: 250px; position: absolute; top:100%; transform: translateY(-50px); left: 0px; background-image: url(../images/ABC.png); background-size: contain; background-position: center; background-repeat: no-repeat;z-index: 2;}
.academics #Content1 h1{margin-top:0px;}
.academics #Reading{ margin-left: 50%; position: relative; transition-delay: 0.5s;}
.academics #Reading .content{padding:16px 32px 64px;}
.academics #Reading .indented{padding-left:134px; padding-right: 84px;}

.academics #Reading2{width:auto; margin-top:100px; margin-right: 0; margin-left:0; position: relative; transition-delay: 0.5s;}
.academics #Reading2 .content{padding:16px 62px 64px;}
.academics #Reading2 .indented{padding-left:134px; padding-right: 84px;}

.academics #Math{ width:64%; margin-top:-24px; position: relative; margin-left:auto; margin-right: -32px;}
.academics #Math:before{content:''; display: block; width:350px; height: 420px; background-image: url(../images/girl2.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom:100%; right:0px; transform: translateY(24px);}
.academics #Math:before{display: none;}
.academics #Math .content{padding:32px 64px 64px 128px;}
.academics #Science:after{content:''; display:block; width:auto; height: auto; margin:0px; background-image: url(../images/2024/IMG_0871.webp); background-size: cover; background-position: top right; box-shadow: rgba(0,0,0,0.8) 2px 2px 6px; transform: translate(0%, 0px); position: absolute; bottom:0px; left:100%; width:60%; aspect-ratio: 1.5;}
.academics #Math .testimonial{width:100%; position: absolute; top:184px; right: 100%; transform: translateX(18px);}
.academics #Math .testimonial:before{content:''; display: block; position: absolute; top:0px; left:100%; border: 48px solid #f4bc42; border-bottom-color:transparent; border-right-color: transparent; border-bottom-width: 50px; border-top-width: 50px; width:0px; height: 0px; }
.academics #Math .testimonial .content{padding:78px 198px 100px 78px; background-image: url(../images/ladybug.png); background-size: 95% auto; background-repeat: no-repeat; background-position: left 20px bottom;}
.academics #Math .testimonial .author{text-align: right;}
.academics #Science{margin-top:-24px; width:64%; position: relative;}
.academics #Science .content{padding:48px 64px 64px 64px; background-image: url(../images/usa.png); background-repeat: no-repeat; background-size: auto; background-position: top left;  position: relative;}
.academics #Science h2{text-align: right;}
.academics #Science > .content:after{content:''; display: block; width:500px; height: 355px; background-size: cover; background-image: url(../images/2021/SouthernRaised-14.jpg); background-repeat: no-repeat; position: absolute; top:100%; left:-56px; transform: translateY(-46px); box-shadow: rgba(0,0,0,0.8) 2px 2px 6px; background-position: center;}

.academics #Social{position: relative; margin-left: 64px; margin-right: 64px; padding-left: 30%; margin-bottom: 64px; margin-top:-24px;}
.academics #Social .content{padding:64px 32px; position: relative;}
.academics #Social .testimonial{position: absolute; left:100%; bottom:100%; transform: translate(-46%, 37px); width:100%}
.academics #Social .testimonial:before{content:''; display: block; position: absolute; top:100%; left:0px; border: 48px solid #f7c046; border-bottom-color:transparent; border-right-color: transparent; border-bottom-width: 48px; border-top-width: 48px; width:0px; height: 0px; }
.academics #Social .testimonial .content{ padding:64px 64px 64px 164px; background-image: url(../images/bee.png); background-size: contain; background-position: left bottom; background-repeat: no-repeat;}

.academics #Social:after{content:''; display: block; background-image: url(../images/2024/IMG_0946.webp); background-size: cover; width:30%; aspect-ratio: 1.2; height: auto; box-shadow: rgba(0,0,0,0.8) 2px 2px 6px inset; position: absolute; top:64px; left:32px;}


.admissions #Content1{}
.admissions #Content1 .content{padding:32px 64px 205px 45%; background-image: url(../images/2024/admission2.webp); background-size:30% auto; background-position: left 48px top 74px; background-repeat: no-repeat;}
.admissions #Content1 li{margin-bottom: 24px;}

.admissions #Content2 {width:50%; transform: translateY(28px); position: relative; z-index: 1}
.admissions #Content2 .content{padding:24px 84px 50%; background-image: url(../images/2023/admissions.webp); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom;}
.admissions #Content2:before{content:''; display: block; width:152px; height:152px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top:-62px; right:-48px; background-image: url(../images/pencil.png);}
.admissions #Content2:after{content:''; display: block; width:152px; height:152px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; bottom:-112px; left:48px; background-image: url(../images/plus%20copy.png);}

.admissions #Content3{ margin-top:-270px; margin-left: 320px; margin-right: -300px; margin-bottom: 64px; position: relative;}
.admissions #Content3 .content{padding:94px 240px 64px 84px; max-width:1100px; position: relative; background-image: url(../images/glasses.png); background-repeat: no-repeat; background-size: auto; background-position: top 88px right;}
.admissions #Content3 h4{padding-left: 348px; font-weight: 800; font-size: 32px; line-height: 1.5em;}
.admissions #Content3 h2{padding-left:100px; }
.admissions #Content3 p{font-size: 1.2em; line-height: 1.5em;}
/*
.admissions #Content3 .content:before{content:''; display: block; background-image: none; width:390px; height: 450px; background-size:contain; position: absolute; bottom:100%; right:150px; transform: translateY(74px); background-repeat: no-repeat; background-position: bottom center;}
*/

.calendar #Content1{ min-height: 820px; margin-bottom: 72px; display: flex; align-items: center;}
.calendar #Content1 .content{padding:32px 64px 112px 45%; background-image: url(../images/calendar1.png); background-size:30% auto; background-position: left 48px center; background-repeat: no-repeat;}
.calendar #Content1 li{margin-bottom: 24px;}
.calendar #Content1 a{color:#fff;}
.calendar #Content2{float:right; position: relative; transform: translate(32px, -42px); width:700px; padding:18px 72px; margin-bottom: 164px;}
.calendar #Content2:before{content:''; display: block; position: absolute; bottom:100%; left:0px; border: 48px solid #302e2b; border-top-color:transparent; border-right-color: transparent; border-bottom-width: 120px; border-top-width: 120px; width:0px; height: 0px; }
.calendar #Content2 p{ text-align: center;}

.calendar #Content3{position: relative; margin-top:150px; width:50%; transform: translateX(10%);}
.calendar #Content3 .content{padding:94px 84px 64px; position: relative; background-image: url(../images/glasses.png); background-repeat: no-repeat; background-size: auto; background-position: top 88px right;}
.calendar #Content3 h2{ font-size: 42px; margin-top:0px;}


.contact .scroll-animate{opacity: 0;}
.contact .scroll-animate.scroll-on{opacity: 1;}
.contact #Content1{}
.contact #Content1 .content{padding:32px 64px 112px 45%; background-image: url(../images/2024/contact1.webp); background-size:30% auto; background-position: left 48px center; background-repeat: no-repeat;}
.contact #Content1 .content a{color:#fff;}
.contact #Content1 li{margin-bottom: 24px;}
.contact #Content2{float:right; width:50%; transform: translate(32px, -74px)}
.contact #Content2 .content{padding:94px 84px 64px; position: relative;}
.contact #Content2 h2{ font-size: 42px; margin-top:0px;}
.contact #Content3{margin-left: 240px; margin-top:72px; width:38%; position: relative; transition-delay: 0.5s;}
.contact #Content3 .content{padding:48px 64px 64px 72px; background-image: url(../images/bee2.png); background-size: contain; background-repeat: no-repeat; background-position: left bottom;}
.contact #Content3:before{content:''; display: block; position: absolute; top:100%; right:0px; border: 48px solid #edae31; border-bottom-color:transparent; border-left-color: transparent; border-bottom-width: 48px; border-top-width: 48px; width:0px; height: 0px; }

.contact #Content4{margin-top:82px; margin-bottom: 172px; width:50%; position: relative; float:right}
.contact #Content4 .content{padding:48px 64px 64px 72px; background-image: url(../images/bookworm.png); background-size: auto; background-position: bottom 10px right 25px; background-repeat: no-repeat;}
.contact #Content4:before{content:''; display: block; position: absolute; right:0px; bottom:100%; border: 48px solid #f9c44a; border-top-color:transparent; border-left-color: transparent; border-bottom-width: 48px; border-top-width: 48px; width:0px; height: 0px; }

.open-house{}
.open-house #Content1{ margin-bottom: 172px; }
.open-house #Content1 .content{padding:32px 64px 112px;}
.open-house #Content1 .intro{padding-left: 45%; background-image: url(../images/openhouse1.png); background-size: 40% auto; background-repeat: no-repeat;}


.policy #Content1{padding:24px 36px; margin-bottom: 72px;}
.policy #Content1 .content{padding-right: 32%; background-image: url(../images/classroom.png); background-size: 30% auto; background-position: right top; background-repeat: no-repeat;}
.policy ol li{font-size: 24px; margin-bottom: 24px;}
.policy ol li:nth-child(1):before{content:''; display: block; width:124px; height: 124px; background-image: url(../images/thermometer.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
.policy ol li:nth-child(4):after{content:''; display: block; width:124px; height: 124px; background-image: url(../images/supplies.png); background-size: contain; background-repeat: no-repeat; background-position: center; float:right;}
.policy ol li:nth-child(6):before{content:''; display: block; width:124px; height: 124px; background-image: url(../images/handwashing.png); background-size: contain; background-repeat: no-repeat; background-position: center;}


.board #Content1{padding:24px 36px; margin-bottom: 72px;}
.board #Content1 .content{background-image: url(../images/classroom.png); background-size: 30% auto; background-position: right top; background-repeat: no-repeat;}
.board #Content1 h1{margin-right: 32%;}

.board #Content1 .member:first-child > p:first-of-type{margin-right: 32%;}
.members{margin-top: 48px}
.members .member{padding-bottom: 24px; border-bottom: 3px solid #fff;}
.members .member:after{content:''; display: block; clear: both;}
.members .member:last-child{border-bottom: none;}
.members .member img{float: left; margin:0px 16px 16px 0px; max-width: 236px;}

.staff .members .member{border-bottom-color: #32312e;}
.staff #Content1{padding:24px 36px; margin-bottom: 72px;}
.staff #Content1 .content{background-image: url(../images/home-testimonial.png); background-size: 62% auto; background-position: right top; background-repeat: no-repeat;}
.staff #Content1 h1{padding-bottom: 64px; margin-right: 30%;}



#send_message .message{padding:8px 16px; border:4px solid #302e2b; text-align: center; background-color:#fff; color:#302e2b; margin:32px 0px;}
#send_message .message.error{border-color:#f04c45;}

#Content1.blogroll{min-height: 1636px;}
#Content1.blogroll .LSidebar{display:none;}
.post-archive{list-style: none; padding-left:8px;}
.post-archive ul{list-style: none; display: none; margin:0px; padding:0px 0px 0px 8px;}
.post-archive li.on > ul{display: block;}
.post-archive .year{margin-bottom: 8px;}
.post-archive .year:before{content:''; display: inline-block; width:12px; height: 12px; margin-right: 8px; background-size: contain; background-position: center; background-image: url(../images/icons/folder_closed_icon.png); background-repeat: no-repeat; cursor: pointer;}
.post-archive .year.on:before{background-image: url(../images/icons/folder_open_icon.png);}
.post-archive .months > li:before{ content:''; display: inline-block; width:12px; height: 12px; margin-right: 8px; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer;}
.post-archive .months > li.has_posts{cursor: pointer;}
.post-archive .months > li.has_posts:before{background-image: url(../images/icons/folder_closed_icon.png);}
.post-archive .months > li.has_posts.on:before{background-image: url(../images/icons/folder_open_icon.png);}
.post-archive .months .month{color:#999;}
.post-archive .months > li > em{font-size: 0.7em; font-weight: bold;}
.post-archive .months .has_posts .month{color:#a00000;}
.post-archive a{font-size: 16px; font-family: "Avenir W01"; font-weight: 400;}
.post-archive li.active a{color:#a00000;}
.post-archive .post_list{padding-left: 32px; padding-top:12px;}
.post-archive .post_list li{margin-bottom: 12px;}


.blogpost{max-width:1024px; padding:32px 48px 64px; }
.blogpost h1{ font-size: 44px; text-align: center; position: relative;}
.blogpost h1:before{content:''; display: block; position: absolute; left:0px; top:-42px; width:190px; height: 100px;  background-size: contain; background-repeat: no-repeat; background-position: top left;}
.blogpost h1 .date{font-size: 18px; display:block; margin-right: 12px;}
.blogpost .post-body{}
.blogpost .post-body > p:first-child:first-letter{float:left; font-size: 44px; line-height: 36px; padding-top: 4px; padding-right: 3px; padding-left: 3px; }
.blogpost .post-body > p:first-child{text-indent: 0px;}
.blogpost .post-body p{text-indent: 32px;}
.blogpost .post-body ul li{margin-bottom: 1.2em;}
.blogpost .post-body ol li{margin-bottom: 1.2em;}


.testimonial-list .testimonial{padding:2rem; margin-bottom: 3rem; position: relative; margin-left: 36px; opacity: 0; transform:translate(30%, 50%); transition: all 0.5s ease-in;}
.testimonial-list .testimonial.scroll-on{opacity: 1; transform: translate(0,0);}
.testimonial-list .testimonial .author{text-align:right;}
.testimonial-list .testimonial:before{content:''; display: block; position: absolute; top:100%; right:0px;  border:solid #edae31; border-width:48px; border-bottom-color:transparent; border-left-color: transparent;  width:0px; height: 0px; z-index: 1;}
.testimonial-list .testimonial:nth-child(2n){margin-left: 0px; margin-right: 36px;}
.testimonial-list .testimonial:nth-child(2n):before{content:''; display: block; position: absolute; top:auto; bottom:100%; right:auto; left:0px; border: solid #fece56; border-width:48px; border-top-color:transparent; border-right-color: transparent;}

.testimonial-list .testimonial:nth-child(3n+1){margin-left: 36px; margin-right: 36px;}
.testimonial-list .testimonial:nth-child(3n+1):before{content:''; display: block; position: absolute; top:0; bottom:auto; right:100%; left:auto; border:solid #ffcf57; border-width:48px; border-bottom-color:transparent; border-left-color: transparent; }

.testimonial-list .testimonial:nth-child(4n+1){margin-left: 36px; margin-right: 36px;}
.testimonial-list .testimonial:nth-child(4n+1):before{content:''; display: block; position: absolute; top:0; bottom:auto; right:auto; left:100%; border: solid #f0b539;  border-width:48px; border-bottom-color:transparent; border-right-color: transparent; }

.testimonial-list .testimonial:nth-child(2){margin-left: 36px;}

.testimonials #Content1 {position: relative; padding-top:30%;}
.testimonials #Content1 > .content{background-image: url(../images/2024/testimonials.webp); background-size: cover; background-repeat: no-repeat; width:100%; aspect-ratio: 1.5; position: absolute; top:0px; left:0px;}
.testimonials #Content1 > .content h1{color:#fff; margin-left:3rem;}

@media screen and (max-width:600px) {
    .testimonials #Content1 {padding-top:50%;}
    .testimonial-list .testimonial:before{border-width:3rem;}
    .testimonial-list .testimonial{margin-left:1rem; margin-right: 1rem;}
    
    .testimonial-list .testimonial{ transform:translate(10%, 10%);}
    .testimonial-list .testimonial:nth-child(2){margin-left:1rem; margin-right: 1rem; opacity: 1; transform: translate(0,0);}

}


@media screen and (max-width:1464px){
    .content-wrap{width:auto; margin-left: 32px; margin-right: 32px;}
    
}

@media screen and (max-width:1400px){
    /*
    .home #Content1{margin-right: -32px;}
    .home #Content1 .content{width:auto; padding-right: 312px;}
    .home #Content1 .content:before{left:auto; right:-135px; top:20px; width:530px; height: 350px;}
    
    .home #Content1 .content2{position: relative; left:0px; top:0px; margin:auto; width:auto;}
    .home #Content1 .content2 h2{font-size: 32px;}
    
    .home #Content1 .content:after{left:auto; right:0px; transform: translateX(60px); background-position: bottom right;}
    .home #Content2 .testimonial{top:-168px;}
    .home #Content2 .testimonial .content{padding-right: 32px; padding-bottom: 118px;}
    */
    .about #Content1{margin-right: -32px;}
    .about #Content1 .content{width:auto; background-position: top 25px right 42px;}
    
    
    .admissions #Content3{margin-right: -32px;}
    .admissions #Content3 h2{padding-left: 0px; margin-bottom: 2em;}
    .admissions #Content3 h4{padding-left: 0px; text-align: center;}
    .calendar #Content2{transform: translate(-32px, -42px); z-index: 1;}
    .calendar #Content2:before{content:''; display: block; position: absolute; bottom:100%; left:auto; right:0px; border: 48px solid #1b1918; border-top-color:transparent; border-left-color: transparent; border-bottom-width: 48px; border-top-width: 48px; width:0px; height: 0px; }
    .calendar #Content3{margin-top:210px; transform: translateX(0);}
    .admissions #Content3 .content{ background-position: top 8px right -12px; background-size: 124px auto;}
    .admissions #Content3 .content:before{right:0px; transform: translateY(53px);}
    .admissions #Content3{margin-left: 50%;}
}

@media screen and (max-width:1355px){
    .about #Meet-Meredith{ padding-bottom: 74px;}
    .about #Meet-Meredith p{padding-left: 0px;}
    .about #Meet-Meredith{margin-bottom: 0px;}
    .about #Content2 .testimonial{width:548px; top:-260px;}
    
    .about #Content2 > .content{padding:64px 24px 250px; background-size: 92% auto;}
    .calendar #Content2{margin-bottom: 0px;}
    .calendar #Content3{clear: both; margin:0px 0px 48px;width:auto; transform: translateX(0)}
    
    .policy #Content1 .content{padding-right: 0px; background-image: none;}
    .policy #Content1 h1{background-image: url(../images/classroom.png); background-size: auto 160px; background-position: center top; background-repeat: no-repeat; padding-top: 174px;}
    
}

@media screen and (max-width:1215px){
    body{font-size: 16px;}
    header .tagline{font-size: 24px;}
    header .button{display: none;}
    .home #Content1 .content2{padding-right: 0px;}
    .home #Content1 #signature{margin:0px;}
    .home #Content1 h1{font-size: 32px;}
    .home #Content3 .side-content .content{padding:16px 20px;}
    .home #Content3 .testimonial .content{padding:16px 20px 65px 20px;}
    /*
    .home #Content1 .content:before{background-image: url(../images/home-content1a.png); right:0px; background-position: right top;} 
    .home #Content1 h1{margin:0px 150px 48px 0px; text-align: left;}
    .home #Content1 .content{padding-right: 48px;}
    .home #Content1 .content p:last-of-type{padding-right: 104px;}
    */
    .about #Content2 .testimonial .content{background-size: auto 124px;}

    .academics #Content1{height: auto; padding-top:1px; position: relative; background:none; }
    .academics #Content1:before{content:''; display: block; width:100%; height:auto; aspect-ratio: 1.2; background-image: url(../images/2024/IMG_0880.webp); background-size: cover; background-position: top left; box-shadow: rgb(0,0,0,0.8) 2px 2px 6px inset; position: absolute; top:0px; left:0px;}
    .academics #Content1 .content{}
    .academics #Reading{}
    .academics #Reading h2{margin-right: 320px;}
    .academics #Reading .section:nth-of-type(1){}
    .academics #Reading .section:last-child{}
    .academics #Reading2:after{content:''; display: none; width:175px; height: 250px; background-size: cover; background-position: center; background-image: url(../images/2021/SouthernRaised-14.jpg); position: absolute; bottom:0; right:100%; transform: translate(0px, 0px); box-shadow: rgba(0,0,0,0.3) 1px 1px 3px;}
    .academics #Math:before{transform: translateY(36px)}
    .academics #Math .content{}
    .academics #Math .testimonial{transform: translateX(-32px);}
    .academics #Math .testimonial .content{padding:32px 109px 68px 32px;}
    .academics #Content1 #Reading .content:after{left:100%; transform: translate(-270px, -80px);}
    .academics #Science .content{}
    .academics #Science .content > div:nth-child(2){padding-right: 128px;}
    .academics #Science > .content:after{display: none;}
    .academics #Social{}
    .academics #Social .content{}
    
    .academics #Social .testimonial{transform: translate(-32%, -54px); width:77%;}
    .academics #Social .testimonial .content{padding:32px 32px 42px 120px;}
    
    
    .admissions #Content1 .content {padding-left: 32px; background-image: none;}
    .admissions #Content1 .content:before{content:''; display: block; width:200px; height: 300px; margin-right: 24px; background-image: url(../images/2024/admission2.webp); background-size: contain; background-position: center; float:left; background-repeat: no-repeat;}
    .admissions #Content3{margin-left: 30%;}
    .admissions #Content3 .content{padding-right: 64px;}
    .calendar #Content1 .content {padding-left: 32px; background-image: none;}
    .calendar #Content1 .content:before{content:''; display: block; width:200px; height: 300px; margin-right: 24px; background-image: url(../images/calendar1.png); background-size: contain; background-position: center; float:left; background-repeat: no-repeat;}
    
    .contact #Content1 .content {padding-left: 32px; background-image: none;}
    .contact #Content1 .content:before{content:''; display: block; width:200px; height: 200px; margin-right: 24px; background-image: url(../images/2024/contact1.webp); background-size: contain; background-position: center; float:left; background-repeat: no-repeat;}
    .contact #Content1 .content h2{clear: both;}
    
    .open-house #Content1 .content {padding-left: 32px; padding-right: 32px; background-image: none;}
    .open-house #Content1 .content:before{content:''; display: block; width:200px; height: 190px; margin-right: 24px; background-image: url(../images/openhouse1.png); background-size: contain; background-position: center; float:left; background-repeat: no-repeat;}
    .open-house #Content1 .intro{padding-left: 0px; background-image: none;}
    .open-house #Content1 .intro h2{clear:both;}
    
    
    .contact #Content2{width:62.8%;}
    
    .contact #Content3{margin-left: 0px; margin-top:122px; width:47%;}
    .about #Content1:after{left:-150px;}
    .contact #Content3 .content{padding:32px 32px 32px 69px;}
    .blogpost h1{padding-left: 0px; font-size: 28px;}
    .blogpost h2{ font-size: 20px;}
    .blogpost{padding:24px 24px 48px;}
    .blogroll .content-wrap{margin-right: 0px;}
}

@media screen and (max-width:1172px){
    .board #Content1 .member:first-child > p:first-of-type{margin-right: 0px;}
}

@media screen and (max-width:1100px){
    #Sidebar{width:210px; padding-top:60px;}
    .sidenav ul{padding-left: 0px;}
    nav.sidenav li{margin-bottom: 27px;}
    nav.sidenav a{font-size: 14px;}
    #Content1{margin-left: 200px;}
    header .logo{width:170px; height: 181px;}
    .about #Content2{margin-left: 0px;}

    .academics #Reading2{margin-top:0px;}
    .academics #Math > .content:after{max-width: 100%;}
    .academics #Math:before{display: none;}
}

@media screen and (max-width:947px){
    .staff #Content1 h1{padding-bottom: 0px;}
    
}


@media screen and (max-width:800px){
    
    header .logo{width:140px; height: 120px;}
    header .tagline{margin-left: 140px; text-align: center; padding:24px;}
    header .tagline .break{display: block; margin-top:8px;}
    #Sidebar{ width:166px;}
    .sidenav ul{padding-left: 0px;}
    nav.sidenav a{font-size: 14px;}
    #Content1{margin-left: 172px;}

    .home #Content1 h1{margin-right: 0px;}
    .home #Content1 .content:before{display: none;}
    .home #Content2{}
    .home #Content2:before{display: none;}
    .home #Content2 .testimonial{width:80%; top:100%; right:0px; }
    .home #Content2 .testimonial:after{top:auto; bottom:100%; border:48px solid #f4ba3f; border-top-color:transparent; border-left-color:transparent;}
    .home #Content2.scroll-on .testimonial{transform: translate(-16px,13px);}
    /*.home #Content2:before{background-position: top center; background-size: 100% auto;}*/
    .home #Content3:before{background-position: top center; background-size: 100% auto; width:38%;}
    .home #Content3{width:auto; float:none; margin-right: 0px; margin-top:280px;}
    .home #Content3 .side-content{width:63%; top:auto; right:37%; bottom:100%; margin-bottom: 70px;}
    .home #Content3.scroll-on .side-content{transform: translate(-15px, 0px);}
    .home #Content3 .testimonial{width:75%; top:100%; left:25%;margin-top:70px; transform: translate(-130px, -258px);}
    .home #Content3.scroll-on .testimonial{transform: translate(16px, 0px);}
    .home #Content3 .testimonial .content{background-position: bottom right 92px;}
    .home #Content3 .testimonial:after{top:auto; bottom:100%; border:48px solid #fecf57; border-right-color:transparent; border-top-color:transparent; border-bottom-color:#fecf57;}

    .home .kids{height: auto; padding-bottom: 59%;}
    
    .academics #Content1 .content{}
    .academics #Content1 .content:after{}
    .academics #Reading{}
    .academics #Reading h2{margin-right: 240px;}
    .academics #Reading .section:nth-of-type(1){}
    .academics #Reading .section:last-child{}
    .academics #Content1 #Reading .content:after{display: none;}
    .academics #Math:before{right:-45px;}
    .academics #Math{width:auto; margin-right: 0px;}
    .academics #Math > .content{padding:32px 32px 64px 32px;}
    .academics #Math .section:nth-child(3){padding-left: 284px;}
    .academics #Math .testimonial{width:350px; top:273px; right:auto; left:-15%; z-index: 1; transform: translateX(0);}
    .academics #Math .testimonial .content{padding:16px 18px 24px; background-image: none;}
    .academics #Science{width:auto; transform: translate(-32px, 0px);}
    .academics #Science .content > div:nth-child(2){padding-right: 50%;}
    .academics #Science:after{width:40%; aspect-ratio: 1.5; left:calc(50% + 32px);     transform: translate(0%, 16px);}
    .academics #Social .testimonial{width:70%; transform: translate(0px, -20px); left:auto; right:-20px;}
    .academics #Social .testimonial .content{padding:16px 18px 24px 18px; background-image: none;}
    .academics #Social{margin-left:32px; margin-right: 32px; }
    .academics #Social .content{}
    .academics #Social > .content:after{left:auto; right:-23px; transform: none; top:283px;}
    
    .admissions #Content2 .content{padding: 24px 32px 50%;}
    .admissions #Content3{margin-left: 50%;}
    .admissions #Content3 .content{padding:94px 32px 64px; background-position: top 8px right -12px; background-size: 124px auto;}
    .admissions #Content3 .content:before{right:0px; transform: translateY(53px);}
    .contact #Content4{width:90%;}
    .contact #Content4 .content{padding:32px 32px 77px 32px;}

    footer{background-size: 106px auto;}
}

/*
#30bfbc
#f04c45
#32302d
#ffd058
#5e5184
*/

@media screen and (max-width:700px){
    #BodyWrap{overflow-x: hidden;}
    header .tagline .heart{display: none;}
    #Sidebar{display: none;}
    header #nav-toggle{position: absolute; top:22px; right:16px; width:36px; height: 32px; z-index: 5; transition:all 0.3s ease-in-out;}
    header #nav-toggle:before{content:''; display: block; width:36px; height: 8px; border-top:4px solid #ab2c29; border-bottom: 4px solid #ab2c29;}
    header #nav-toggle:after{content:''; display: block; width:36px; height: 8px; border-bottom: 4px solid #ab2c29;}
    #BodyWrap,
    header,
    footer{transition:all 0.3s ease-in-out; position: relative; z-index: 1; background-color:#f6f2e7; max-width: 100%; }
    #BodyWrap{overflow: hidden;}
    body.nav-on header,
    body.nav-on #BodyWrap,
    body.nav-on footer{transform: translateX(-450px); }
    body.nav-on header #nav-toggle{ transform:translatex(450px)}
    body.nav-on header #nav-toggle:before{border-bottom-width: 0px; transform-origin: center top; transform:  rotate(45deg) translate(0px,15px);}
    body.nav-on header #nav-toggle:after{ transform: rotate(-45deg) translate(0px, -15px); transform-origin: center bottom; }
    #mobile-nav{display: block; position:fixed;  top:0px; right:0px; height: 100vh; width:450px; max-width: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: inset rgba(0,0,0,0.4) 0px -1px 1px 2px;  background-color:#30bfbc;}
    .on #mobile-nav{opacity: 1;}
    #mobile-nav ul{display: block; list-style: none; margin:0px; padding:72px 0px 81px 0px;  position: relative; width:100%;min-height: 100%; }
    body.offtop #mobile-nav ul{padding-top:90px;}
    #mobile-nav li{margin:0px; padding:0px; border-bottom: 1px solid #fff;}
    #mobile-nav ul a,
    #mobile-nav .no-link{display: inline-block; width:auto; padding:18px 36px 18px; text-decoration: none;  color:#fff; cursor:pointer; text-transform: uppercase; font-size: 14px;}
    header{padding-bottom: 24px; z-index: 1;}
    header .logo{position: relative; margin:0px auto;}
    header .tagline{margin-left: 0px; padding:0px; font-size: 18px; }
    header .tagline .heart:after{width:51px;}
    .content-wrap{margin-left: 16px; margin-right: 16px;}
    #Content1{margin-left: -16px; margin-right: -16px; width:auto;}
    .home #Content1{margin-left: -16px; margin-right: -16px; width:auto; padding:16px;}
    
    .home #Content1 .button{z-index: 1;}
    .home #Content1 h1{font-size: 24px; margin-right: 0px;}
    .home #Content1 .content:before{ display: none; float:right; position: absolute; width:180px; height: 180px; top:0px; z-index: 1;}
    .home #Content1 .content:after{width:100%; height: auto; padding-top:64%; transform: none;}
    
    .home #Content1 h1:before{width:auto; height: auto; left:-16px; right: -16px; padding-top: 62%;}
    .home #Content1 .content p:last-of-type{padding-right: 0px}
    .home #Content1 .before-content{padding-right:0px; padding-left: 0px;}
    .home #Content1 .content2 h2{font-size: 27px;}
    
   
    
    .home #Content2{width:auto; margin-top:0px; margin-bottom: 0px; margin-left:-16px; margin-right:-16px; padding-left:16px; padding-right: 16px; padding-bottom: 0px; float:none;}
    .home #Content2 h2{margin:18px 0px;}
    .home #Content2 .testimonial{width:auto;margin-left: -16px; margin-right: -16px; margin-top: 24px;display: block; position: static; transform: none;}
    .home #Content2 .testimonial:after{display: none;}
    .home #Content2.scroll-on .testimonial{transform: none;}
    .home #Content2:before{display: none;}
    .home #Content3{width:auto; margin-left:-16px; margin-right:-16px; margin-top:80px; margin-bottom: 0px; padding-left:16px; padding-right: 16px; padding-bottom: 0px; float:none;}
    .home #Content3:before{width:69%; height: auto; padding-top:20%; right:auto; left:0px;}
    .home #Content3 h2{margin:18px 0px;}
    .home #Content3 .side-content{width:auto;margin-left: -16px; margin-right: -16px; margin-top: 24px;display: block; position: static; transform: none;}
    .home #Content3.scroll-on .side-content{transform: none; position: relative; right:0px;}
    .home #Content3 .side-content .content{padding:28px 16px;}
    .home #Content3 .testimonial{width:auto; left:0px; position: relative; margin-left: -16px; margin-right: -16px;}
    .home #Content3.scroll-on .testimonial{transform: translate(0,0);}
    .home .kids{display: none;}
    footer{background-size: 180px auto; padding-top:218px;}
    footer .contact{float:none; text-align: center;}
    footer .location{float:none; text-align: center;}
    
    .about #Content1{margin-right: -16px;}
    .about #Content1 .content{padding:32px 16px 1px; background-position: top right; background-image: none;}
    .about #Content1 > .content > p{padding-left: 0px;}
    .about #Meet-Meredith{float:none; position: static; width:auto; margin-left: -16px; margin-right: -16px; margin-top:0px; margin-bottom: 0px; padding:32px 16px; transform: none;}
    .about.on #Meet-Meredith{transform: none;}
    .about #Meet-Meredith .video-container{width:auto;}
    .about #Meet-Meredith p{text-align: left;}
    .about #Content1:after{display: none;}
    .about #Meet-Meredith:before{display: none;}
    .about #Content2:before{display: none;}
    .about #Content2 .testimonial{width:auto; position: static;}
    .about #Content2 .testimonial .content{padding:32px 16px 48px; background-image: url(../images/butterfly2.png);}
    .about #Content2 .testimonial:after{display: none;}
    .about #Content2{margin-left: -16px; margin-right: -16px; width:auto; padding-top:0px;}
    
    .about #Content2 > .content{padding:0px 16px 20% 16px;  transform: none; background-image: none;}
    .about #Content2 h2{font-size: 24px; margin-top:1.5rem;}
    .about #Content2 p strong {font-size: 20px;}
    .about #Content2 figure.aside.right{float:none; width:auto;}
    .academics #Content1{background-image: none; height: auto; margin-right: 0px; margin-left: 0px; box-shadow: none;}
    .academics #Content1:before{position: relative; margin-left: -16px; margin-right: -16px; width:auto; box-shadow: none;}
    .academics #Content1 .content{position: static; padding:32px 16px 0px; width:auto; margin-top:0px; margin-left: 0px;}
    .academics #Content1 .content:after{position: relative; bottom:auto; width:auto; margin-left:0px; background-image: url(../images/2024/IMG_0880.webp); background-size: cover; box-shadow: rgba(0,0,0,0.3) 0px -1px; height:auto; padding-top:65%; background-position: center top;}
    .academics #Reading{width:auto; margin-top:0px; margin-left:-16px; margin-right: -16px;}
    .academics #Reading .content{padding:16px 16px 32px;}
    .academics #Reading .section:last-child{padding-right: 0px;}
    .academics #Reading2{margin:-16px -16px 0px -16px;}
    .academics #Reading2 .content{padding:16px 16px 32px 16px;}
    .academics #Reading2:after{display: none;}
    .academics #Reading2.scroll-on:after{opacity: 1;}
    .academics #Math{width:auto; margin-left:-16px; margin-right: -16px; margin-top:0px; float:none;}
    .academics #Math:before{display: none;}
    .academics #Math .testimonial{width:auto; position: relative; top:auto; left:auto; right:auto; transform: none; }
    .academics #Math .testimonial:before{border-bottom-width: 48px; border-top-width: 48px;}
    .academics #Math .testimonial .content{background-image: url(../images/2021/ladybug2.png); background-size: auto 84px;}
    .academics #Math .content{padding:32px 16px 48px;}
    .academics #Math .section:nth-child(3){padding-left: 0px;}
    
    .academics #Science{width:auto; transform: translate(0px,0px); margin-left: -16px; margin-right: -16px;  }
    .academics #Science:after{display: none;}
    .academics #Science .content{padding:48px 16px 16px;}
    .academics #Science .content > div:nth-child(2){padding-right: 0px;}
    .academics #Science > .content:after{width:auto; position: static; padding-top:55%; height: auto; margin-left: -16px; margin-right: -16px; transform: none;}
    .academics #Social{width:auto; margin-top:0px; margin-left: -16px; margin-right: -16px; margin-bottom: 0px; padding-left: 0px;}
    .academics #Social:after{position: relative;width:auto; left:0px; top:0px;}
    .academics #Social .testimonial{width:auto; transform: none; position: relative; left:auto; bottom:auto; right:auto;}
    .academics #Social .testimonial .content{background-image: url(../images/bee3.png); background-size: auto 84px;}
    .academics #Social .testimonial:before{display: none;}
    .academics #Social .content{padding:32px 16px 0px;}
    .academics #Social > .content:after{width:auto; position: static; padding-top:100%; height: auto; margin-left: -16px; margin-right: -16px; transform: none;}
    
    
    .admissions #Content1 .content{padding:32px 16px;}
    .admissions #Content1 .content:before{float:none; position: relative;margin-left: auto; margin-right: auto; width:auto; max-width: 200px; height: 300px;}
    .admissions #Content2{width:auto; margin-left: -16px; margin-right: -16px; transform: none; }
    .admissions #Content3{width:auto; margin-left: -16px; margin-right: -16px; margin-top:0px; transform: none; }
    .admissions #Content3 .content:before{display: none;}
    .admissions #Content2:after{display: none;}
    .calendar #Content1{min-height: none; display: block;}
    .calendar #Content1 .content{padding:32px 16px;}
    .calendar #Content1 .content:before{float:none; position: relative;margin-left: auto; margin-right: auto; width:auto; max-width: 200px; height: 300px;}
    .calendar #Content2{width:auto; margin-left: -16px; margin-right: -16px; margin-top:0px; transform: none; padding:0px; }
    .calendar #Content2 .content{padding:16px 16px 32px;}
    .calendar #Content3{margin-left:-16px; margin-right: -16px;}
    .calendar #Content3 .content{padding:72px 16px 32px; background-image: none;}
    
    
    .contact #Content1 .content:before{float:none; position: relative;margin-left: auto; margin-right: auto; width:auto; max-width: 200px; height: 200px;}
    .contact #Content1 .content{padding:16px 16px 32px;}
    .contact #Content1 .content h2{font-size: 18px;}
    .contact #Content2{width:auto; margin-left: -16px; margin-right: -16px; float:none; transform: none;}
    
    .contact #Content2 .content{padding:32px 32px 64px;}
    
    .contact #Content3,
    .contact #Content4{width:auto; margin-left: -16px; margin-right: -16px; margin-top:0px; margin-bottom: 0px; float:none; transform: none;}
    
    .open-house #Content1 .content:before{float:none; position: relative; margin-left: auto; margin-right: auto; width:auto; max-width: 200px;}
    .open-house #Content1 h1{font-size: 32px;}
    .open-house #Content1 h2{font-size: 20px;}
    
    .blogpost h1{font-size: 24px;}
    #Content1.blogroll{min-height: 0px;}
    #Content1.blogroll  .LSidebar{width:275px; padding:48px 16px; display: table-cell;}
    #Content1.blogroll .blogpost{background:none; padding-left:0px; padding-right: 0px; box-shadow: none;}
    .container-table > .Content{width:100vw; margin:0px; padding-left: 32px; padding-right: 32px; display: table-cell;}
    .container-table{transform: translateX(-275px); transition:all 0.3s ease-in-out; display: table; table-layout: fixed; width:100%;}
    .container-table.on{transform: translateX(0px);}
    
    .slide-toggle{background-color:#ffd058; box-shadow: rgba(0,0,0,0.3) 1px 1px 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color:#f04c45; position: absolute; top:0px; left:0px; font-family: 'Hank BT W01 Roman', 'Times New Roman', Times, serif; font-size: 14px; padding:8px 12px; transition:all 0.3s ease-in-out; cursor:pointer;}
    .slide-toggle:before{content:'MORE';}
    .container-table.on .slide-toggle{background-color:#ffd058; color:#222;}
    .container-table.on .slide-toggle:before{content:'CLOSE';}
    
    .members .member img{float:none; display: block; margin:0px auto 0px; max-width: 100%;}
    .staff #Content1 .content{background:none;}
    .staff #Content1 h1{margin-right: 0px;}
    .board #Content1 h1{margin-right: 0px;}
    .board #Content1 .content{background:none;}
}