body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    scroll-padding-top: 160px; /* height of sticky header */
}
div{
   box-sizing: border-box;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
fieldset, img, input, textarea {
   border: 0
}
ol, ul {
   list-style: none
}
h1, h2, h3, h4, h5, h6 {
   font-weight: normal
}
input, textarea, select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-size: 100%;
}
a {
   text-decoration: none;
   color: inherit;
}
.textbox, .textarea, .select-box {
   box-sizing: border-box
}
textarea {
   resize: none
}
a, button, input[type=submit] {
   cursor: pointer
}
input[type=submit], input[type=text], input[type=email]{
   -webkit-appearance: none;
}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset !important;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
input::-webkit-input-placeholder { color: #fff; }
input:-moz-placeholder { color: #fff; }
input::-moz-placeholder { color: #fff; }
input:-ms-input-placeholder { color: #fff; }
textarea::-webkit-input-placeholder { color: #fff; }

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-700 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/muli-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Muli Bold'), local('Muli-Bold'),
       url('../fonts/muli-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-700.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-800 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/muli-v11-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'),
       url('../fonts/muli-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-800.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-900 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/muli-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Muli Black'), local('Muli-Black'),
       url('../fonts/muli-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-900.svg#Muli') format('svg'); /* Legacy iOS */
}


/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('../fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/satisfy-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Satisfy Regular'), local('Satisfy-Regular'),
       url('../fonts/satisfy-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/satisfy-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/satisfy-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/satisfy-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/satisfy-v8-latin-regular.svg#Satisfy') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: "cec";
  src:url("../fonts/cec.eot");
  src:url("../fonts/cec.eot?#iefix") format("embedded-opentype"),
    url("../fonts/cec.woff") format("woff"),
    url("../fonts/cec.ttf") format("truetype"),
    url("../fonts/cec.svg#cec") format("svg");
  font-weight: normal;
  font-style: normal;

}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cec" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-apply:before {
  content: "\61";
}
.icon-twitter:before {
  content: "\62";
}
.icon-stats-countries-icon:before {
  content: "\63";
}
.icon-stats-clubs:before {
  content: "\64";
}
.icon-stats-alumni:before {
  content: "\65";
}
.icon-organizations-icon:before {
  content: "\66";
}
.icon-facebook:before {
  content: "\67";
}
.icon-events-icon:before {
  content: "\68";
}
.icon-donate:before {
  content: "\69";
}
.icon-clubs-icon:before {
  content: "\6a";
}
.icon-athletics-icon:before {
  content: "\6b";
}
.icon-arrow-2-previous:before {
  content: "\6c";
}
.icon-arrow:before {
  content: "\6d";
}
.icon-arrow-2-next:before {
  content: "\6e";
}
.icon-stats-scholarships:before {
  content: "\6f";
}
.icon-stats-student-teacher:before {
  content: "\70";
}
.icon-stats-students-icon:before {
  content: "\71";
}
.icon-stats-total-enrollment:before {
  content: "\72";
}
.icon-arrow-down:before {
  content: "\73";
}
.icon-instagram-solo-black:before {
  content: "\74";
}

html, body {
   height: 100%;
   width: 100%;
}

body {
   color: #4E4E4E;
   font-family: Muli;
}

#navMobile {
   display: none
}

.block {
   display: inline-block;
   margin-bottom: -5px;
   width: 100%;
}

.ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
}

.content-container {
   margin: auto;
   max-width: 100%;
   padding: 0 140px;
   width: 1920px;
}

.content-container.home {
   width: 1920px;
}

.wrapper {
   margin-bottom: -842px;
	min-height: 100%;
}

.wrapper.admin-wrap {
    margin-bottom: -525px;
    min-height: 100%;
}

.footer-spacer.admin-spacer {
   height: 525px;
}

.footer-spacer {
   height: 842px;
}

header {
   height: 140px;
   position: fixed;
   text-transform: uppercase;
   width: 100%;
   z-index: 8;
}

.header-spacer {
   height: 140px;
}

.header-top {
   background: #001B32;
   border-bottom: 1px solid #00111f;
   color: #5EBBFC;
   font-size: 13px;
   height: 47px;
   line-height: 45px;
   position: relative;
   width: 100%;
   z-index: 6;
}

.header-top a:hover {
   color: #3797DB;
}

.header-apply {
   background: #F0C415;
   color: #0063A8;
   display: block;
   float: left;
   font-weight: 900;
   height: 47px;
   text-align: center;
   width: 165px;
}

.header-apply img, .header-calendar img {
   margin-right: 6px;
   position: relative;
   top: 2px;
}

.header-apply img {
   height: 16px;
   width: 16px;
}

.header-calendar img {
   height: 18px;
   top: 4px;
   width: 21px;
}

.header-calendar {
   float: left;
   margin-left: 25px;
}

.header-calendar-text {
   position: relative;
   top: -2px;
}

.header-icon {
   color: #F0C415;
   font-size: 19px;
   margin-right: 5px;
   position: relative;
   top: 2px;
}

.apply-text {
   display: inline-block;
}

.header-social {
   float: right;
   margin-top: 2px;
}

.header-social-logo.yt {
   float: right;
   height: 17px;
   width: 26px;
   display: inline-block;
   margin-top: 11px;
}

.header-social-logo {
   margin-right: 25px;
}

.header-social-logo.fb {
   height: 19px;
   width: 10px;
}

.header-social-logo.tw {
   height: 16px;
   width: 19px;
}

.top-nav {
   float: right;
   margin-right: 30px;
}

.top-nav li {
   float: left;
   margin-left: 45px;
}

.top-nav li.active {
   color: #F0C415;
}

.header-bottom {
   background: #0063A8;
   border-bottom: 1px solid #001B32;
   clear: both;
   height: 94px;
   line-height: 94px;
   padding: 0 25px;
   width: 100%;
   z-index: 5;
}

/*.wrapper.editing .header-bottom {
   top: 96px;
}*/

.header-bottom .content-container, .header-top .content-container {
   padding: 0;
}

.logo {
   float: left;
   height: 75px;
   margin-top: 21px;
}

.logo img {
   height: 66px;
}

.aops-banner {
   position: absolute;
   right: 25px;
   top: 47px;
}

.nav {
   float: right;
   margin-right: 115px;
   /*position: relative;*/
}

.nav li {
   color: #fff;
   float: left;
   font-size: 15px;
   font-weight: 800;
   margin-left: 45px;
   text-transform: uppercase;
}

.nopoint {
   cursor: default;
}

.nav li a:hover, .nav li.active a {
   color: #F0C415;
}

.submenu {
   background-color: #fff;
   box-sizing: border-box;
   color: #000;
   margin-top: 14px;
   max-width: calc(100% - 210px);
   padding: 35px;
   position: absolute;
   right: -20000px;
   top: 126px;
   width: 1640px;
   z-index: 10;
   -webkit-box-shadow: 0px 15px 20px -2px rgba(31,31,31,0.29);
   -moz-box-shadow: 0px 15px 20px -2px rgba(31,31,31,0.29);
   box-shadow: 0px 15px 20px -2px rgba(31,31,31,0.29);
}

.editing .submenu {
   top: 126px;
}

.nav .submenu .left20 a:hover,
.nav .submenu ul a:hover {
   color: #F0C415;
}

.nav ul > li:hover > ul, .submenu:hover, ul > li:focus > ul, .submenu:focus, .upperNav.hover .submenu {
   display: block;
   right: 105px;
}

.nav .submenu  li {
   color: #0063A8;
   float: none;
   font-size: 22px;
   font-weight: normal;
   line-height: 25px;
   margin: 0 0 30px;
   text-transform: none;
}

.nav .submenu li:last-of-type {
   margin-bottom: 0;
}

.nav .submenu li.sub-main-li {
   margin-bottom: 0;
}

.nav li.active .submenu a {
   color: #0063A8;
}

.nav-header {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 31px;
   font-weight: bold;
}

.nav-header:hover {
    color: #FF0000;
}

.nav li.active .submenu li.active a, .nav li.active .submenu .nav-header.active  {
   color: #F0C415;
}

.left20 {
   float: left;
   padding-right: 20px;
   text-align: left;
   width: 20%;
}

.left20:last-of-type {
   padding-right: 0;
}

.left30 {
   float: left;
   padding-right: 20px;
   text-align: left;
   width: 30%
}

.left-img, .left-text {
   float: left;
}

.left-img {
   width: 22%;
}

.left-text {
   padding-left: 35px;
   width: calc(100% - 62%);
}

.left-img img {
   max-width: 100%;
}

.left-text p {
   color: #838383;
   font-size: 16px;
   line-height: 28px;
   padding-right: 10px;
   padding-top: 10px; 
   max-width: 80%;
}

li.upperNav:hover {
   color: #F0C415;
}

li.upperNav:hover::after {
   bottom: -1px;
   transform: translateY(-50%), rotate(225deg);
   -webkit-transform: translateY(-50%), rotate(225deg);
   border-width: 0 12px 12px 12px;
   border-style: solid;
   border-color: #fff transparent;
   display: block;
   width: 0;
   content: "";
   position: absolute;
}

li.upperNav.discover:hover::after {
   right: 900px;
}

li.upperNav.admissions:hover::after {
   right: 749px;
}

li.upperNav.academics:hover::after {
   right: 610px;
}

li.upperNav.students-life:hover::after {
   right: 310px;
}

li.upperNav.alumni:hover::after {
   right: 425px;
}

li.upperNav.faith:hover::after {
   right: 195px;
}

.nav-arrow {
   float: right;
   height: 10px;
   margin-right: 40px;
   padding-top: 10px;
   width: 15px;
}

.submenu li {
   clear: left;
   float: left;
   padding: 0;
   width: 100%
}

.tuition-table-mobile p {
   display: inline;
}

.middle-col .table .tc.blank {
    text-align: left;
}

.tuition-line {
   display: inline-block;
   margin-bottom: 10px;
   width: 100%;
}

.tuition-table-mobile editContent p {
   margin-bottom: 10px;
}

.nav .sub-main-li {
   margin-left: 0;
   /* new layout */
   display: flex;
}

.two-column-nav {
   columns: 2;
   column-gap: 30px;
}

.menu-buffer {
   height: 34px;
   position: absolute;
   top: -34px;
   width: 64%;
}

.csl .menu-buffer {
   right: 0;
}

.alumni .menu-buffer {
   right: 150px;
}

.student-life .menu-buffer {
   right: 400px;
}

.learn-more {
   color: #0063A8;
   clear: left;
   float: left;
   font-size: 15px;
   font-weight: 800;
   position: relative;
   text-transform: uppercase;
}

.link-arrow-red {
   height: 12px;
   margin-left: 10px;
   position: relative;
   top: -1px;
   width: 36px;
}

.link-arrow-red.news {
    top: 8px;
}

.alumni-events .details p + p {
   margin-top: -15px;
}

.learn-more:hover + .link-arrow-red {
   animation-name: arrow;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

.next-text:hover + .link-arrow-red {
   animation-name: arrow2;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

@keyframes arrow {
    0%   {margin-left: 10px;}
    25%  {margin-left: 13px;}
    50%  {margin-left: 15px;}
    75%  {margin-left: 15px;}
    100% {margin-left: 10px;}
}

@keyframes arrow2 {
    0%   {margin-right: 0px; margin-left: 10px;}
    25%  {margin-right: -3px; margin-left: 13px;}
    50%  {margin-right: -5px; margin-left: 15px;}
    75%  {margin-right: -5px; margin-left: 15px;}
    100% {margin-right: 0px; margin-left: 10px;}
}

.learn-more-block {
   padding-top: 20px;
}

.alumni-events p + .learn-more-block {
   padding-top: 0;
}

footer {
   background: #001B32;
}

.footer-top {
   padding: 70px 0 55px;
   position: relative;
   text-align: center;
}

.footer-top-block {
   color: #fff;
   display: inline-block;
   margin-bottom: 100px;
   text-align: left;
   vertical-align: top;
   width: 550px;
}

.footer-top-block:first-of-type {
   margin-right: 200px;
} 

.footer-top p {
   line-height: 28px;
}

.cultivating {
   color: #F0C415;
   font-family: 'Roboto Slab';
   font-size: 30px;
}

.footer-bottom {
   border-top: 1px solid rgba(255,255,255,.38);
   padding: 60px 0 0px;
   position: relative;
}

.footer-top-shield {
   top: -31px;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
}

.footer-right {
   float: right;
}

.footer-nav {
   float: right;
}

.footer-nav li {
   color: #0063A8;
   float: left;
   font-size: 15px;
   font-weight: 700;
   margin-right: 60px;
   text-transform: uppercase;
}

.footer-social .footer-icon {
   color: #fff;
   font-size: 30px;
   margin-left: 15px;
}

.footer-social {
   clear: right;
   float: right;
}

.footer-newsletter {
   clear: right;
   float: right;
   margin: 0 0 40px;
   position: relative;
   width: 422px;
}

.covid-box label {
   display: inline-block;
   margin-bottom: 5px;
}

.covid-box .textbox {
   border: 1px solid #D1D1D1;
}

.covid-box .textarea.error , .covid-box .textbox.error {
   border: 1px solid red;
}


.covid-box .left50 , .covid-box .right50 {
   margin-left: 0px;
   margin-right: 0px;
   width: 100%;
}

.covid-box .button {
   box-sizing: border-box;
   text-align: center;
   width: 100%;
}

.covid-box {
   background-color: #F7F7F7;
   border: 1px solid #E8E8E8;
   padding: 20px;
}

.covid-box .textarea {
   background: #fff;
   border: 1px solid #D1D1D1;
   color: #000;
}

.covid-header {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   margin-bottom: 15px;
}

.textbox {
   height: 51px;
   margin-bottom: 28px;
   padding: 10px;
   width: 100%;
}

.textarea {
   background: #f2f2f2;
   border: 1px solid rgba(112, 112, 112, .14);
   height: 100px;
   margin-bottom: 28px;
   padding: 10px;
   width: 100%;
}

.textbox.small {
   width: 135px;
}

.form .left50 {
   clear: left;
   padding-right: 25px;
}

.form .right50 {
   padding-left: 25px;
}

.footer-newsletter .textbox {
   border-radius: 0;
   color: #0063A8;
   background: #fff;
   height: 48px;
   margin-bottom: 0;
   padding: 0 137px 0 15px;
   width: 100%;
}

.footer-newsletter .textbox.error {
   background: #f5a2a2;
}

.footer-newsletter input::-webkit-input-placeholder { color: #0063A8; }
.footer-newsletter input:-moz-placeholder { color: #0063A8; }
.footer-newsletter input::-moz-placeholder { color: #0063A8; }
.footer-newsletter input:-ms-input-placeholder { color: #0063A8; }

.newsletter-fields label {
   display: block;
   margin-bottom: -10px;
   visibility: hidden;
}

.newsletter-submit {
   background-color: #F0C415;
   background-image: url(../images/arrow-2-blue.svg);
   background-position: right 17px center;
   background-repeat: no-repeat;
   background-size: 7px 12px;
   border-radius: 0;
   bottom: 0;
   color: #0063A8;
   font-size: 12px;
   font-weight: 900;
   height: 48px;
   position: absolute;
   right: 0;
   text-transform: uppercase;
   width: 122px;
}

.newsletter-fields {
   position: relative;
}

.newsletter-text {
   color: #fff;
   font-size: 15px;
   line-height: 26px;
}

.footer-left {
   float: left;
   font-size: 15px;
   padding-top: 6px;
   position: relative;
}

.footer-logo {
   float: left;
   margin-right: 70px;
}

.footer-text {
   color: #fff;
   float: left;
   line-height: 25px;
}

.footer-address, .footer-contact {
   margin-bottom: 25px;
}

.mobile-phone {
   display: none;
}

.home-h4 {
   color: #F0C415;
   font-family: Satisfy;
   font-size: 35px;
}

.home-h5 {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 40px;
   margin-bottom: 10px;
}

.home-h5 .icon-arrow {
   color: #F0C415;
   margin-left: 8px;
   position: relative;
   top: 7px;
}

.home-top {
   height: calc(100vh - 140px);
}

.home-top-left, .home-top-right {
   height: calc(100vh - 139px);
   top: 0;
}

.home-top-left {
   background-image: url('../images/blue-shield-background-header.jpg');
   background-size: cover;
   left: 0;
   position: absolute;
   width: 38%;
}

.home-top-right {
   background-color: #000;
   background-image: url('../video/intro-placeholder.jpg');
   background-position: 50% 50%;
   background-size: cover;
   left: 38%;
   position: absolute;
   width: 62%;
}

.video-home {
   position: absolute;
   /*left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100vw;*/
   left: 0;
   height: 100%;
   overflow: hidden;
   top: 0;
   width: 100%;
   z-index: 1;
}

.fullscreen-bg__video {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   object-fit: cover;
}

.fullscreen-bg__video source {
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.fullscreen-bg__video.video-portrait {
   height: 100%;
   width: auto;
}

.home-top-content {
   color: #fff;
   position: relative;
   z-index: 2;
}

.home-h1 {
   color: #fff;
   font-family: 'Roboto Slab';
   font-size: 89px;
   font-weight: 700;
   letter-spacing: .5px;
   line-height: 115px;
   padding-top: 100px;
   text-shadow: 2px 2px 4px #000000;
}

.home-top p {
   font-size: 21px;
   line-height: 36px;
   margin: 30px 0 30px;
   width: 445px;
}

.content-section.acts-clubs .gray-box .gray-box-content ul {
   margin-bottom: 0px;
}

.content-img-centered {
   display: block;
   margin: 0 auto 20px;
}

.content-img {
   margin-bottom: 20px;
}

.link-arrow {
   height: 10px;
   margin-left: 10px;
   width: 27px;
}

.link-arrow.left-arrow {
   margin: 0 10px 0 0;
}

.link-text {
   font-size: 12px;
   font-weight: 800;
   text-transform: uppercase;
}

.yellow {
   color: #F0C415;
}

.home-h2 {
   color: #F0C415;
   font-family: 'Roboto Slab';
   font-size: 43px;
   font-weight: 700;
}

.tab {
   color: #0063A8;
   display: inline-block;
   float: left;
   font-size: 20px;
   font-weight: bold;
}

.tab:hover {
   text-decoration: underline;
}

.divider {
   background-color: rgba(167, 180, 191,0.5);
   float: left;
   height: 29px;
   margin-left: 15px;
   margin-right: 15px;
   width: 1px;
}

.top-arrow.visible {
    display: block;
}

.top-arrow.absolute {
   bottom: 0;
   position: absolute;
}

.top-arrow.absolute .top-arrow-back {
   top: -41px;
}

#trigger {
   height: 1px;
   width: 1px;
}

.home-top-link {
   display: inline-block;
   margin-bottom: 15px;
   width: 100%;
}

.contact-admissions-home:hover {
   color:#f0c415; 
   transition: ease-in-out .15s;
}

.contact-admissions {
    color: #0063a8;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    transition: ease-in-out .15s;
    
}

.contact-admissions:hover {
   color: #5ab1ee;
   text-decoration: underline;
   transition: ease-in-out 0.15s;
}

.top-arrow {
   bottom: 70px;
   display: none;
   height: 10px;
   max-width: 100%;
   position: fixed;
   text-align: center;
   width: calc(100% - 699px);
   z-index: 4;
}

.top-arrow-back {
   background: #0063A8;
   cursor: pointer;
   float: right;
   height: 50px;
   right: -50px;
   opacity: .7;
   position: relative;
   width: 50px;
}

.top-arrow img {
   height: 15px;
   padding-top: 17px;
   width: 30px;
}

.college-process-tabs {
   display: inline-block;
   margin-bottom: 25px;
}

.satisfy.happening {
   padding-right: 10px;
}

.satisfy {
   color: #fff;
   font-family: Satisfy;
}

.cec-advantage {
   background: #0063A8;
   color: #fff;
   padding-bottom: 30px;
   padding-top: 90px;
}

.full-section {
   height: calc( 100vh - 140px);
   position: relative;
}

.full-section-width {
   height: 0;
   padding-top: 50%;
   position: relative;
   width: 100%;
}

.home-top.full-section {
	height: auto;
	padding: 0px 0 150px;
}

.home-top-left, .home-top-right {
	height: 100%;
	top: 0;
}

.half-section {
   height: 0;
   padding-top: 50%;
   position: relative;
}

.full-section-inner {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   width: 100%;
}

.home-h2 {
   float: left;
}

.advantage-shield {
   float: left;
   margin-right: 20px;
}

.advantage-block, .advantage-block-mobile {
   margin-bottom: 55px;
   position: relative;
}

.advantage-block.active::after {
   border-width: 25px 25px 25px 0px;
   border-style: solid;
   border-color: transparent #0063A8;
   content: "";
   display: block;
   left: -75px;
   position: absolute;
   top: 6px;
   transform: translateY(-50%), rotate(225deg);
   -webkit-transform: translateY(-50%), rotate(225deg);
   width: 0;
}

.advantage-block:last-of-type {
   margin-bottom: 0;
}

.vertical-block {
   display: inline-block;
   vertical-align: middle;
}

.fifty {
   width: 50%;
}

.vertical-block.fifty {
   width: calc(50% - 2.5px);
}

.advantage-content {
   clear: left;
   width: 100%;
}

.advantage-content .tc {
   vertical-align: top;
}

.table {
   display: table;
   width: 100%;
}

.tr {
   display: table-row;
   width: 100%;
}

.tc {
   display: table-cell;
}

.advantage-head {
   margin-bottom: 30px;
}

.advantage-left {
   position: relative;   
}

.advantage-left.mobile, .advantage-right.mobile, .advantage-left.mobile.lower {
   display: none;
}

.advantage-img {
   background-position: 50% 0;
   background-size: cover;
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition: .5s ease .1s;
   width: 100%;
}

.advantage-img.active {
   opacity: 1;
   transition: .5s ease .1s;
}

#advantage-1 {
   background-image: url(../images/center-for-student-leadership.webp);
}

#advantage-2 {
   background-image: url(../images/center-for-performing-arts.webp);
}

#advantage-3 {
   background-image: url(../images/innovative-academic-curriculum.webp);
}

/*.advantage-left::after {
   border-width: 25px 25px 25px 0px;
   border-style: solid;
   border-color: transparent #0063A8;
   content: "";
   display: block;
   position: absolute;
   right: 0;
   top: calc(50% - 25px);
   transform: translateY(-50%), rotate(225deg);
   -webkit-transform: translateY(-50%), rotate(225deg);
   width: 0;
}*/

.advantage-header {
   color: #fff;
   display: block;
   font-family: 'Roboto Slab';
   font-size: 41px;
   font-weight: 700;
   transition: .5s ease color;
}

.advantage-subhead {
   display: block;
   line-height: 31px;
   margin-top: 5px;
}

.advantage-block.active .advantage-header {
   color: #F0C415;
   transition: .5s ease color;
}

.advantage-right {
   padding: 80px 0 80px 50px;
}

.home-pictures-left {
   background-image: url('../images/CEC-Spirit.webp');
   background-size: cover;
   float: left;
   text-align: center
}

.home-pictures-right, .home-pictures-right .fifty {
   float: left;
   text-align: center
}

.clubs-img-block::after {
   border-width: 25px 25px 25px 0px;
   border-style: solid;
   border-color: transparent #0063A8;
   content: "";
   display: block;
   position: absolute;
   right: 0;
   top: calc(50% - 25px);
   transform: translateY(-50%), rotate(225deg);
   -webkit-transform: translateY(-50%), rotate(225deg);
   width: 0;
}

.home-pictures-right .home-pictures-top .fifty, .home-pictures-left .fifty {
   float: right;
}

.left-mid-col .athetic-p p {
   color: #4e4e4e;
}

.athletics-img-block {
   background-image: url('../images/CEC-Athletics.webp');
   background-size: cover;
}

.athletics-img-block::after {
   border-width: 25px 0px 25px 25px;
   border-style: solid;
   border-color: transparent #fff;
   content: "";
   display: block;
   left: 0;
   position: absolute;
   top: calc(50%);
   transform: translateY(-50%) rotate(0deg);
   -webkit-transform: translateY(-50%) rotate(0deg);
   width: 0;
}

.home-pictures-top .half-section:nth-child(2)::after {
   border-width: 0 25px 25px 25px;
   border-style: solid;
   border-color: #fff transparent;
   bottom: 0;
   content: "";
   display: block;
   left: calc(50% - 25px);
   position: absolute;
   transform: translateX(-50%), rotate(225deg);
   -webkit-transform: translateX(-50%), rotate(225deg);
   width: 0;
}

.home-pictures-top .half-section.athletics-text::after {
   border: none;
}

.clubs-img-block {
   background-image: url('../images/fine-arts-at-CEC.webp');
   background-size: cover;
}

.home-pic-icon {
   margin-bottom: 10px;
}

.home-pic-icon.athletics {
   height: 65px;
   width: 66px;
}

.home-pic-icon.clubs {
   height: 90px;
   width: 75px;
}

.home-pic-icon.orgs {
   height: 62px;
   width: 62px;
}

.clubs-text {
   background: #0063A8;
}

.home-h3 {
   font-family: Satisfy;
   font-size: 43px;
}

.clubs-text .home-h3, .home-pictures .clubs-text p {
   color: #fff;
}

.home-pictures p {
   color: #838383;
   margin-bottom: 0;
}

.organizations-text {
   background: #fff;
}

.home-stats {
   background-image: url('../images/blue-shield-background-stats.jpg');
   background-size: cover;
   padding: 100px 0;
   text-align: center;
}

.home-br {
   display: none;
}

.home-stats img {
   height: 55px;
}

.home-stat {
   color: #fff;
   font-size: 61px;
   margin-bottom: 5px;
}

.home-stat-label {
   color: #F0C415;
   font-family: Satisfy;
   font-size: 33px;
   line-height: 45px;
}

.home-sub-label {
   color: #fff;
   display: none;
   font-family: 'Roboto Slab';
   font-size: 22px;
}

.quarter {
   float: left;
   width: 25%;
}

.thirds {
   float: left;
   width: 33.33%;
}

.thirds:nth-child(3n+2) {
   width: 33.33%;
}

.faculty .thirds {
   margin-bottom: 50px;
}

.faculty .thirds:nth-of-type(3n+1) {
   clear: left;
}

.three-column-outer {
   display: flex;
   flex-flow: wrap;
   min-height: 50px;
}

.edit-mode-on .three-column-outer {
   border: 2px solid #0063A8;
   border-radius: 3px;
   padding: 20px;
}

.edit-mode-on .three-column {
   border: 1px solid #0063A8;
   border-radius: 3px;
   margin: 20px 20px 0 0;
   min-height: 50px;
   padding: 10px;
   width: calc(33.33% - 20px);
}

.three-column {
   margin-bottom: 35px;
   padding-right: 20px;
   width: 33.33%;
}

.edit-mode-on .three-column:nth-of-type(1), .edit-mode-on .three-column:nth-of-type(2), .edit-mode-on .three-column:nth-of-type(3) {
   margin: 0 20px 0 0;
}

.abs-section {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.vc {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

.half-section .vc {
   padding: 0 45px;
}

.home-bottom-blue {
   background: #0063A8;
   color: #fff;
   padding-top: 5px;
}

.home-banner p {
   margin-bottom:0;
}

.home-banner img {
   display: block;
   margin: 0 auto;
}

.home-banner img:first-of-type {
   margin-top:60px;
}

.home-happening {
   border-bottom: 1px solid #3795d6;
   padding: 100px 0 60px;
}

.home-article {
   background-position: 50% 50%;
   background-size: cover;
   overflow: hidden;
   padding: 80px 75px;
   position: relative;
   text-align: center;
}

.adm-event-time {
   font-weight: bold;
   margin: 5px 0;
}

.home-event-inner {
   position: relative;
   z-index: 1;
}

.home-event-backdrop {
   height: 180%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.table .thirds {
   float: none;
}

.home-article:first-of-type .home-event-backdrop  {
   background: rgba(0,27,50,.78);
}

.home-article:nth-of-type(2) .home-event-backdrop  {
   background: rgba(240,196,21,.87);
}

.home-article:nth-of-type(3) .home-event-backdrop  {
   background: rgba(105,42,57,.82);
}

.event-date {
   font-size: 15px;
   margin-bottom: 20px;
}

.home-article .event-date {
   display: none;
}

.home-article-title {
   font-family: 'Roboto Slab';
   font-size: 51px;
   font-weight: 700;
   line-height: 57px;
}

.home-article:nth-of-type(2) .home-article-title, .home-article:nth-of-type(2) .event-link, .home-article:nth-of-type(2) .event-description, .home-article:nth-of-type(2) .event-date {
   color: #001B32;
}

.bottom-25 {
   margin-bottom: 25px
}

.event-hr {
   background: #fff;
   display: inline-block;
   height: 4px;
   margin: 35px 0 25px;
   width: 50px;
}

.event-description {
   font-size: 17px;
   line-height: 29px;
   margin-bottom: 40px;
}

.event-description.mobile {
   display: none;
}

.event-link {
   color: #F0C415;
   font-weight: 700;
   text-transform: uppercase;
}

.home-event:nth-of-type(2), .home-event:nth-of-type(2) .event-link  {
   color: #001B32;
}

.button {
   border: 1px solid #F0C415;
   color: #F0C415;
   display: inline-block;
   font-size: 12px;
   font-weight: 800;
   padding: 18px 30px;
   text-transform: uppercase;
}

.button.events {
   background: #001B32;
   border: none;
   margin-top: 20px;
   margin-left: 15px;
   margin-right: 15px;
   min-width: 284px;
}

.button .text {
   display: inline;
   margin-right: 5px;
   position: relative;
   top: -3px;
}

.button .icon-arrow {
   font-size: 20px;
   position: relative;
   top: 1px;
}

.button.submit {
   background-color: #F0C415;
   border: 1px solid #0063A8;
   font-family: Muli;
   color: #0063A8;
   padding: 30px 50px;   
}

.button.events:hover {
   background: #001120;
}

.college-block .button:hover {
   background-color: #F0C415;
   color: #0063A8;
}

.admissions-content .button.admin:hover {
   background-color: #F0C415;
   color: #0063A8;
}

.fr {
   float: right;
}

.center {
   text-align: center;
}

.events-button {
   margin-top: 40px;
}

.home-upcoming {
   border-bottom: 1px solid #3795D6;
   padding: 80px 0 90px;
}

.home-video-mobile {
   background: #0063a8;
   border-bottom: 1px solid #3795d6;
   display: none;
   margin: auto;
   padding: 80px 0;
   text-align: center;
}

.home-event-title {
   font-family: 'Roboto Slab';
   font-size: 29px;
   font-weight: bold;
   height: 76px;
   margin: 10px 0 25px;
}

.home-event-img img {
   border: 1px solid #167EC7;
   display: block;
   max-width: 100%;
}

.home-event-location {
   line-height: 28px;
   margin-bottom: 35px;
}

.home-event-img {
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   opacity: 1;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: scale(1.06);
   transform: scale(1.06);
   width: 100%;
}

.home-event-img:hover {
   opacity: 0.5;
	-webkit-transform: scale(1) translateZ(0);
	transform: scale(1) translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

footer {
   background: #001B32;
}

.events-button:hover {
    background-color: #F0C415;
}

.events-button:hover .text {
   color: #0063A8;
}

.events-button:hover .icon-arrow.yellow{
   color: #0063A8;
}

.admissions-content .button.admin:hover .icon-arrow.yellow{
   color: #0063A8;
}

.college-block .button:hover .icon-arrow.yellow{
   color: #0063A8;
}

.admissions-content .button.admin:hover .icon-arrow.yellow{
   color: #0063A8;
}

.event-link:hover {
   border-bottom: 2px solid;
}

.home-upcoming .button:hover {
    background-color: #F0C415;
}

.home-upcoming .button:hover .text {
   color: #0063A8;
}

.home-upcoming .button:hover .icon-arrow.yellow{
   color: #0063A8;
}

.home-video {
   height: 378px;
   width: 672px;
}

.lace-button {
   margin-top: 10px;
}

.donate-spacer {
   margin-bottom: 35px;
   margin-top: 45px;
}
/*Carousel*/

.home-events-box {
   height: auto;
   margin-bottom: 60px;
   padding: 0 0 0;
   position: relative;
}

.carousel {
   margin-top: 100px;
}

#vert-spacer {
   height: 100%;
   padding: 0 0 20px;
   position: absolute;
}

#vert-inner {
   height: 100%;
   width: 5px;
}

#space-inner {
   height: 1px;
   width: 100%;
}

.carousel-outer {
   box-sizing: border-box;
   margin-right: 1px;
   position: relative;
}

.carousel-inner {
   height: 369px;
}

#space-outer, .carousel-outer {
   padding: 0 45px;
}

.carousel-inner {
   overflow: hidden;
   position: relative;
   width: 100%;
}

.carousel-row {
   box-sizing: border-box;
   position: absolute;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   -webkit-transform-style: preserve-3d;
}

.carousel-row:nth-of-type(2) {
   -webkit-transform: translateX(100%) translateZ(0);
   transform: translateX(100%) translateZ(0);
}

.carousel-row:nth-of-type(3) {
   -webkit-transform: translateX(200%) translateZ(0);
   transform: translateX(200%) translateZ(0);
}

.carousel-row:nth-of-type(n+4) {
   -webkit-transform: translateX(400%) translateZ(0);
   transform: translateX(400%) translateZ(0);
}

.carousel-row:nth-of-type(4) {
   -webkit-transform: translateX(300%) translateZ(0);
   transform: translateX(300%) translateZ(0);
}



.carousel-inner.active .carousel-row {
   -webkit-transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
}

.carousel-row {
   padding: 0 0px;
   width: 25%;
}

.carousel-row:nth-of-type(1n+4) {
    padding: 0 0px;
    width: 25%;
}

.carousel-row-outer img {
   max-width: 100%;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility:    hidden;
   backface-visibility:     hidden;
   -moz-backface-visibility:    hidden;
   width: 100%;
}

.carousel-row-outer {
   height: 100%;
   padding: 0 5%;
   position: absolute;
   width: 100%;
}

.carousel-row-inner {
   padding: 0 15px;
}

.photoOverlay {
   background: #35bdf6;
   height: 100%;
   opacity: 0;
   position: absolute;
   -webkit-transition: opacity .5s ease;
   transition: opacity .5s ease;
   width: 100%;
}

.carousel-row:hover .photoOverlay {
   opacity: .7;
}

.carousel-row:hover .carousel-row-outer img {
   -webkit-backface-visibility: hidden;
   backface-visibility:  hidden;
   -moz-backface-visibility:    hidden;
}

.photoText {
   color: #fff;
   font-size: 20px;
   left: 0;
   margin: auto;
   opacity: 0;
   position: absolute;
   right: 0;
   text-align: center;
   top: 50%;
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: opacity .5s ease;
   transition: opacity .5s ease;
   width: 80%;
}

.carousel-row:hover .photoText {
   opacity: 1;
}

.photo-inner {
   height: 100%;
   position: relative;
   width: 100%;
}

.carousel-arrow.right {
   position: absolute;
   right: 0;
}

.carousel-arrow.left {
   position: absolute;
   left: 0;
}

.carousel-arrow {
   top: 47%;
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.carousel-arrow img {
   height: 35px;
   width: 20px;
}

.smallSlideArrow {
   height: 23px;
   width: 23px;
}

.off .smallSlideArrow {
   display: none;
}

.arrow-icon {
   font-size: 30px;
}

.home-upcoming .arrow-icon {
   color: #F0C415;
}

.carousel-outer .disabled {
   cursor: default;
}

.disabled .arrow-icon {
   opacity: .5;
}

.carousel-arrow {
   cursor: pointer;
   z-index: 1;
}

.carousel-arrow.off {
   display: none;
}
/**/

.content-header {
   background-image: url(../images/blue-shield-background-stats-2.jpg);
   background-size: cover;
   display: inline-block;
   margin-bottom: -5px;
   /*height: 307px;*/
   width: 100%;
}

.left-col {
   float: left;
   min-height: 10px;
   width: 305px;
}

.middle-col {
   float: left;
   padding: 0 70px;
   width: calc(100% - 655px);
}

.right-col {
   float: left;
   width: 350px;
}

.left-mid-col .has-paragraph {
   margin-bottom: 20px;
}

.left-mid-col p {
   color: #fff;
   font-size: 18px;
   line-height: 30px;
}

.content-header .left-col {
   height: 307px;
   position: relative;
}

.left-nav {
   border-bottom: 6px solid #0063A8;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 3;
}

.left-nav h2 {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: 700;
   margin: 40px 0 20px;
}

.left-nav li a {
   background: #FAFAFA;
   border-bottom: 1px solid rgba(112, 112, 112, .14);
   color: #001B32;
   box-sizing: border-box;
   display: block;
   padding: 15px 35px;
   width: 100%;
}

.left-nav li a:hover {
   background: #EDEDED;
}

.left-nav li.active a {
   color: #0063A8;
   font-weight: 800;
   position: relative;
}

.left-nav li.active a::after {
   left: 0;
   transform: translateY(-50%), rotate(225deg);
   -webkit-transform: translateY(-50%), rotate(225deg);
   top: 31%;
   border-width: 12px 0px 12px 12px;
   border-style: solid;
   border-color: transparent #0063A8;
   display: block;
   width: 0;
   content: "";
   position: absolute;
}

.left-nav li:last-of-type a {
   border: none;
}

h1, .content .content-h2-yellow, .subhead-h2-yellow, .middle-col .content-h1-yellow, .dl-article h1 {
   color: #F0C415;
   font-family: 'Roboto Slab';
   font-size: 42px;
   font-weight: 700;
   line-height: 50px;
}

.subhead-h2-yellow {
   font-size: 24px;
   line-height: 1.2;
   margin-bottom: 15px;
}

.mobile-alumni-subhead {
   display: none;
}

.middle-col h1 {
   margin: 80px 0 20px;
}

.content-header .middle-col p {
   color: #fff;
   font-size: 18px;
   line-height: 30px;
}

.content-header .middle-col p:last-of-type {
   margin-bottom: 30px;
}

.content-header .middle-col.long-text p:last-of-type {
   margin-bottom: 60px;
}


.header-button {
   background: #fff;
   color: #0063A8;
   display: inline-block;
   font-family: Satisfy;
   font-size: 35px;
   height: 102px;
   line-height: 102px;
   margin-top: 150px;
   text-align: center;
   width: 100%;
}

.header-button:hover {
   background: #f5f5f5;
}

p {
   line-height: 26px;
   margin-bottom: 20px;
}

.last {
   margin-bottom: 0;
}

p:last-of-type ~ .button {
   margin-top: 10px;
}

p a {
   color: #0063A8;
}

p a:hover {
   text-decoration: underline;
}

.content .middle-col {
   padding: 40px 70px 60px;
}

.blue-back .middle-col {
   padding-top: 60px;
}
.blue-back .middle-col.events {
   padding: 100px 20px;
   text-align: center;
}


.button.blue-button {
   background: #0063A8;
   border: none;
   color: #fff;
   padding: 23px 32px;
}

.button.blue-button:hover {
   background: #00518A;
}

.button.yellow-button {
   background: #F0C415;
   border: none;
   color: #0063A8;
   padding: 23px 36px;
}

.button.yellow-button:hover {
   background: #e1b814;
}

.content-section {
   display: inline-block;
   margin-bottom: 50px;
   width: 100%;
}

.content-section p + img {
   margin: 20px 0 25px;
}

.content-section .quote {
   margin: 25px 0 ;
}

.two-images {
   display: flex;
   flex-wrap: wrap;
   margin: 25px 0 40px;
}

.two-images div:first-of-type {
   padding-right: 15px;
}

.two-images div:last-of-type {
   padding-left: 15px;
}

.two-images div {
   width: 50%;
}

img {
   max-width: 100%;
}

.content-section.less {
   margin-bottom: 35px;
}

.quote {
   border-bottom: 1px solid #0063A8;
   border-top: 1px solid #0063A8;
   padding: 45px 0 25px;
   position: relative;
   text-align: center;
}

.quote.faith-quote {
   margin-top: 35px;
}

.mobile-video {
   display: none;
}

.quote-img {
   background: #0063A8;
   border-radius: 50%;
   color: #F0C415;
   font-family: Satisfy;
   font-size: 56px;
   height: 35px;
   left: 0;
   line-height: 35px;
   margin: auto;
   padding: 5px;
   position: absolute;
   right: 0;
   text-align: center;
   top: -18px;
   width: 35px;
}

.quote-img span {
   display: inline-block;
   left: -1px;
   position: relative;
   top: 14px;
}

.quote-text {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 26px;
   line-height: 40px;
   margin-bottom: 20px;
}

.quote-byline {
   color: #0063A8;
   font-family: Satisfy;
   font-size: 25px;
}

.gray-box .gray-box-header h2, .blue-box h2 {
   font-family: 'Roboto Slab';
   font-size: 22px;
   font-weight: 700;
   margin-top: -1px;
}

.gray-box-header.blue h2 {
   color: #F0C415;
   float: left;
}

.gray-box-header.blue {
   background: #0063A8;
}

.gray-box-header {
   height: 49px;
   line-height: 48px;
   padding: 0 25px;
}

.gray-box-header.insta-feed-header {
   position: relative;
   bottom: -18px;
   z-index: 1;
}

.gray-box-header .satisfy {
   font-size: 26px;
   font-weight: 400;
   margin-right: 7px;
   position: relative;
   top: 0px;
}

.gray-box-header img {
   float: left;
   margin-right: 20px;
   position: relative;
   top: -7px;
}

.gray-box-content {
   background: #F7F7F7;
   padding: 25px;
}

.gray-box-content.img-top {
   padding: 35px 25px 25px;
}

.article-h2 {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: 700;
}

.article-h3 {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 4px;
}

.article-p {
   background-color: none;
   border: none;
   line-height: 26px;
   margin-bottom: 20px;
}

.gray-box h2, .content h2, .content-h2, .dl-article h2 {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: 700;
}

.directors h2 {
   margin-bottom: 20px;
}

.gray-box h2 {
   font-size: 18px;
}

.content p + h2 {
   display: inline-block;
   margin-top: 10px;
   width: 100%;
}

.content .right-col {
   padding: 55px 0;
}

.right-col h2 {
   line-height: 1.2;
   margin-bottom: 15px;
}

.middle-col .gray-box h2 {
   margin-bottom: 2px;
}

.middle-col h2, .content-h2 {
   margin-bottom: 5px;
}

.middle-col ol {
   margin-top: 10px;
   padding-left: 25px;
   position: relative;
}

.middle-col ol li {
  counter-increment: step-counter;
  line-height: 28px;
  margin-bottom: 25px;
  width: calc(100% - 20px);
}

.college-prep ol li {
   margin-bottom: 15px;
}

.middle-col ol li::before {
   color: #F0C415;
   content: counter(step-counter) ".";
   font-family: Roboto Slab;
   font-size: 18px;
   font-weight: bold;
   left: 0;
   position: absolute;
   width: 20px;
}

.fit {
   margin-top: 80px;
   text-align: center;
}

.fit h2 {
   float: none;
}

.right-mid-col h3 {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 4px;
}

.middle-col h3, .content-h3 , .dl-article .middle-col h3, .dl-article .content-h3 , .dl-article h3 {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 4px;
}

.middle-col h2 + h3 {
   margin-top: 10px;
}

.middle-col ul + h2 {
   margin-top: 30px;
}

.button + h3 {
   margin-top: 35px;
}

.middle-col h3 a, .dl-article .middle-col h3 a {
   color: #0063A8;
}

.middle-col h3 a:hover {
   text-decoration: underline;
}

.middle-col ol b {
   color: #001B32;
   font-weight: bold;
}

.middle-col ol p~.button {
   margin-top: 0;
}

.middle-col h3 + .button {
   margin-top: 25px;
}

.gray-box-header.navy {
   background: #001B32;
   color: #fff;
}

.sport-text {
   color: #4e4e4e;
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 20px;
}

.sport-text a {
   color: #0063A8
}

.middle-col .gray-box-header.navy h2 {
   color: #fff;
}

.middle-col.covid .gray-box {
   margin-bottom: 50px;
}

.cta-header {
   color: #091B32;
   font-family: Satisfy;
   font-size: 43px;
   margin-bottom: 10px;
   line-height: 49px;
}

.welcome-holder {
   display: inline-block;
   padding-bottom: 50px;
   width: 100%;
}

.welcome-holder video {
   width: 100%;
}

.welcome-header {
   display: inline-block;
   color: #091B32;
   font-family: 'Roboto Slab';
   font-weight: 700;
   font-size: 37px;
   margin-bottom: 22px;
   text-align: center;
   width: 100%;
}

.cta-holder {
   display: flex;
   width: 100%;
}

.left-cta {
   display: inline-block;
   width: 165px;
}

.right-cta {
   display: inline-block;
   padding-left: 45px;
   width: calc(100% - 170px);
}

.right-cta p {
   color: #091B32;
   margin-bottom: 20px;
}
/*
.right-cta .button {
   background-color: #0063A8;
   border: none;
}

.right-cta .button:hover {
   background-color: #F0C415;
}

.right-cta .button:hover .text {
   color: #0063A8;
}

.right-cta .button:hover .icon-arrow.yellow {
    color: #0063A8;
}
*/

.covid-cta-block {
   background-color: #0063a8;
   padding-top: 50px;
}

.covid-cta-block p {
   margin-bottom: 0px;
}

.covid-cta {
   background-color: #fff;
   border: 4px solid #091B32;
   margin: auto;
   padding: 55px 45px;
   width: 1215px;
}

#anchor-athletics-student {
   display: block;
   position: relative;
   top: -250px;
   visibility: hidden;
}

.two-col {
   float: left;
   width: 50%;
}

.image-padding {
   padding-right: 30px;
}

.two-col .quote {
   border: none;
   padding: 20px 25px; 
}

.blue-back {
   background-color: #0063A8;
   overflow: hidden;
   position: relative;
}

.blue-back p {
   color: #fff;
}

.back-shield {
   left: 0;
   opacity: .07;
   position: absolute;
   top: 0;
}

.back-shield img {
   height: 960px;
}

.top-overlap {
   margin-top: -150px;
   padding-top: 150px;
}

.bottom-overlap {
   margin-bottom: -200px;
   padding-bottom: 200px;
}

.overlapper {
   position: relative;
}

.overlapper.overlapper-min {
   min-height: 550px;
}

.blue-back .middle-col {
   position: relative;
   z-index: 2;
}

.middle-col .content-section:last-of-type {
   margin-bottom: 0;
}

/*.middle-col .table .top-cal .tc {
   padding-top: 10px;
}*/

.middle-col .table .tc {
   padding: 15px;
   text-align: center;
}

.blue-back h2 {
   color: #F0C415;
}

.blue-back .quote-text {
   color: #fff;
   text-align: center;
}

.blue-back .quote-byline {
   color: #fff;
   text-align: center;
}

.contact-right-img,
.contact-right-img img {
   height: auto;
   max-width: 75px;
   width: 75px;
}

.contact-right-bio {
   line-height: 1.5;
   position: relative;
   flex: 1 1 calc(100% - 95px);
   /*max-width: calc(100% - 75px - 20px);*/
}

.contact-right-info {
   color: #001B32;
   font-size: 17px;
   font-weight: 700;
}

.right-member-holder {
   display: inline-block;
   margin-bottom: 20px;
}


.contact-right-img {
   float: left;
   width: 75px;
}

.contact-right-bio {
   float: left;
   line-height: 26px;
   padding-left: 20px;
   position: relative;
   top: -8px;
   width: calc(100% - 75px);
}

.contact-right-info {
   color: #001B32;
   font-size: 17px;
   font-weight: 700;
   margin-top: 10px;
}

.right-member-holder {
   display: inline-block;
   margin-bottom: 20px;
}

.right-contact {
   margin-bottom: 75px;
}

.right-event-dates {
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   width: 86px;
}

.right-event-info {
   display: inline-block;
   padding-top: 6px;
   vertical-align: middle;
   width: calc(100% - 91px);
}

.right-event {
   border-bottom: 1px solid rgba(112, 112, 112, .14);
   padding: 20px 0;
}

.right-event:first-of-type {
   padding-top: 0;
}

.right-event:last-of-type {
   border: none;
   margin-bottom: 15px;
}

.right-event-date {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 51px;
   font-weight: bold;
   line-height: 29px;
}

.right-event-month {
   color: #0063A8;
   font-size: 15px;
   font-weight: 700;
   line-height: 29px;
   text-transform: uppercase;
}

.right-event-day {
   color: #F0C415;
   font-size: 15px;
   font-weight: 700;
   line-height: 29px;
   margin-top: 4px;
   text-transform: uppercase;
}

.right-event-title {
   color: #001B32;
   font-size: 21px;
   font-weight: bold;
   line-height: 27px;
   margin: -9px 0 5px;
}

.right-event-location, .right-event-time {
   color: #4E4E4E;
}

.right-event-location {
   margin-bottom: 5px;
}

.content-header.landing {
   color: #fff;
   height: auto;
   padding: 70px 0 120px;
}

.schedule-buttons .left50 {
   margin-bottom: 50px;
   }

.schedule-buttons .right50 {
   margin-bottom: 50px;
}

.content-header.landing h1 {
   font-size: 54px;
   margin-bottom: 15px;
}

.content-header .landing-nav li {
   margin-bottom: 25px;
}

.content-header .landing-nav ul {
   margin-top: 25px;
}

.content-header .landing-nav li {
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: bold;
}

.content-header .landing-nav li a:hover {
   color: #F0C415;
}

.content-header .two-col:first-of-type {
   padding-right: 70px;
}

.content-header .two-col .two-col:first-of-type {
   padding-right: 15px;
}

.landing-right-box {
   display: none;
}

.blue-box {
   background: #0063A8;
   color: #fff;
}

.blue-box .satisfy {
   font-weight: 400;
   margin-right: 10px;
   position: relative;
   top: -2px;
}

.blue-box h2 {
   color: #F0C415;
}

.top-col-right {
   float: left;
   max-width: 100%;
}

.content-header .blue-box {
   margin: -50px auto 0;
   max-width: 90%;
   padding: 25px 40px;
   position: relative;
   width: 620px;
   z-index: 1;
}

.content-header .blue-box h2 {
   font-size: 35px;
   margin-bottom: 10px;
}

.link-text:hover + .link-arrow {
   animation-name: arrow;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

.button .link-text:hover + .link-arrow {
   animation: none;
}

.button:hover .link-text {
   text-decoration: none;
}

.footer-big-text:hover + .icon-arrow {
   animation-name: arrow;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

.next-text:hover + .link-arrow-red {
   animation-name: arrow2;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

.two-col.athletics-left {
   width: 45%;
}

.two-col.athletics-right {
   width: 55%;
}

.three-col {
   float: left;
   width: 33.33%;
}

.athletics-right .three-col {
   padding-right: 15px;
}

.three-col:nth-of-type(3n + 1) {
   width: 33.34%;
}

.content-header .landing-nav.three-col li {
   font-size: 23px;
}

.content-header .landing-nav.three-col li:first-of-type {
   color: #0063A8;
}

.content-header .landing-nav.three-col ul {
   margin-top: 0;
}

.landing-bottom {
   margin-top: 100px;
}

.landing-bottom h2, .h2-landing {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-weight: bold;
   font-size: 23px;
}

.content-header p a {
   color: #F0C415;
}

.landing-bottom p {
   margin-bottom: 25px;
}

.landing-bottom p:last-of-type {
   margin-bottom: 0;
}

.left-col-large {
   float: left;
   width: 65%;
}

.right-col-small {
   float: left;
   position: relative;
   width: 35%;
}

.content-header.athletics {
   height: 358px;
}

.subheader {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: bold;
   margin: 40px 0 10px;
}

.content-header-line {
   color: #fff;
   font-size: 18px;
   margin-bottom: 8px;
}

.content-header-title {
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   vertical-align: top;
   width: 150px;
}

.content-header-info {
   display: inline-block;
   vertical-align: top;
}

.content-header.athletics h1 {
   margin-bottom: 20px;
}

.content-header-info.record {
   color: #F0C415;
   font-size: 61px;
   line-height: 58px;
}

.right-col-small img {
   position: absolute;
   right: 0;
   top: 50px;
}

.content-sub-nav {
   background: #0063A8;
   color: #fff;
   font-family: 'Roboto Slab';
   font-weight: bold;
   height: 60px;
   line-height: 60px;
}

.content-sub-nav.guidance li a {
   padding: 0px 30px
}

.content-sub-nav li a {
   border-left: 1px solid #0973BE;
   display: inline-block;
   height: 60px;
   padding: 0 40px;
}

.content-sub-nav li a:hover {
   color: #F0C415;
}

.content-sub-nav li.active a {
   background: #F0C415;
   color: #0063A8;
}

.content-sub-nav li:last-of-type a {
   border-right: 1px solid #0973BE;
}

.content-sub-nav li {
   float: left;
   height: 60px;
}

.mobile-sub-nav {
   display: none;
}

.left-mid-col {
   float: left;
   padding: 40px 70px 40px 0;
   width: calc(100% - 350px);
}

.right-mid-col {
   float: right;
   padding: 40px 0 40px 70px;
   width: calc(100% - 305px);
}

.content-sub-nav .right-mid-col {
   float: left;
   padding: 0px 60px; 
}

.table .tr:nth-child(2n),
.course-table tbody tr:nth-child(2n) {
   background-color: #FDFAFA ;
}

.table .tr:nth-child(2n+1),
.course-table tbody tr:nth-child(2n+1) {
   background-color: #F2F2F2;
}

.table.athletics .tr:first-of-type {
   background-color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 21px;
   font-weight: bold;
}

 .table.tuition-table .tr:first-of-type {
   background-color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 20px;
   font-weight: bold;
 }

 .table.course-table .tr:first-of-type,
 .course-table thead > tr {
   background-color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 20px;
   font-weight: bold;
 }

.course-table thead {
   color: #fff;
}

.course-table table {
   margin-bottom: 15px;
   border-collapse:collapse;
}

.course-table td,
.course-table th {
   padding: 15px;
   text-align: center;
}

 .tuition-table p {
    margin-bottom: 0px;
 }

 .tuition-table {
    margin-bottom: 15px;
 }

 .tuition-table-mobile {
    display: none;
 }

.advantage-content .table .tr:first-of-type {
   background: none;
   font-family: Muli;
   font-size: 18px;
   font-weight: normal;
}

.table-list li:nth-of-type(odd) {
   background: #F7F7F7;
}

.table-list li:nth-of-type(even) {
   background: #fff;
}

.table-list li {
   padding: 20px 15px;
}

.table-list {
   margin-top: 15px;
}

.content-section .table-list ul li::before {
   content:"";
}

.content-section .table-list ul {
   padding-left: 0px;
}

.top-cal {
   border-bottom: none;
   color: #fff;
   font-weight: bold;
   height: 55px;
}

.athletics .top-cal .tc {
   border-bottom: none;
}

.athletics .tr {
   height: 52px;
}

.athletics .tc {
   border-bottom: 1px solid #D1D1D1;
   padding: 8px 10px 8px 0;
   vertical-align: middle;
}

.tc.opponent {
   font-size: 18px;
   font-weight: bold;
   padding-right: 20px;
}

.tc.date {
   line-height: 22px;
   padding-left: 20px;
   width: 144px;
}

.tc.away {
   text-align: center;
   width: 60px;
}

.tc.location {
}

.tc.result {
   width: 110px;
}

.month-date {
   font-weight: bold;
   text-transform: uppercase;
}

.athletics-forms {
   /*margin-top: 70px;*/
}

.right-events.sports {
   margin-bottom: 70px;
}

.mobile-schedule {
   display: none;
}
.gray-box {
   margin-bottom: 15px;
}
/*
.gray-box ul {
   margin-bottom: 20px;
   padding-left: 25px;
   position: relative;
}

.gray-box ul li {
   line-height: 28px;
   margin-bottom: 4px;
   position: relative;
}
    
.gray-box ul li::before {
   color: #0063A8;
   content: "•"; 
   left: -15px;
   position: absolute;
   top: -2px;
   width: 10px;
} */

.content-section ul, 
.gray-box ul, 
.content-section ul.ul-bull {
   margin-bottom: 20px;
   padding-left: 25px;
   position: relative;
}

.content-section p + ul , .content-section p + ul.ul-bull {
   margin-top: -10px;
}

.content-section ul:last-child {
   margin-bottom: 0;
}

.content-section ul li,
.content-section ul.ul-bull li,
.dl-article ul li,
.gray-box ul li {
   line-height: 1.6;
   margin-bottom: 1em;
   position: relative;
   list-style-type: disc;
}

.content-section ul li::marker,
.content-section ul.ul-bull li::marker,
.gray-box ul li::marker,
.dl-article ul li::marker {
   color: #0063A8;
}

.no-bull ul li,
.content-section ul.no-bull ul li {
   list-style-type: none;
}

   .no-bull ul li::before {
      content: "";
   }

.no-bull li:last-of-type {
   margin-bottom: 0;
}

.content-section li a {
   color: #0063A8;
}

.content-section li a:hover {
   text-decoration: underline;
}

.middle-col a.button:hover {
   text-decoration: none;
}

.middle-col.thanks-volunteer {
   min-height: 600px;
}

.middle-col.thanks-internship {
   min-height: 200px;
}

.middle-col.thanks-events {
   min-height: 450px;
}

.middle-col.thank-alumni {
   min-height: 600px;
}

.middle-col.thanks-admissions {
   min-height: 450px;
}

.no-bull ul li {
   margin-bottom: 30px;
}

.form label {
   color: #fff;
   display: inline-block;
   font-size: 16px;
   margin-bottom: 7px;
   width: 100%; 
}

.white-form {
   margin-top: 20px;
}

.white-form h2 {
   margin-bottom: 15px;
}

.white-form .form label {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-weight: bold;
}

.white-form .textbox {
   background: #f2f2f2;
   border: 1px solid rgba(112, 112, 112, .14);
}

.white-form .textbox.error {
   border: 1px solid red;
}

.blue-form label {
   font-family: 'Roboto Slab';
   font-weight: bold;
}

.blue-form .textbox.error {
   background: #f7afaf;
}

.form-error {
   color: #FF0000;
   clear: left;
   font-weight: bold;
}

.bio-outer {
   display: flex;
   flex-flow: wrap;
}

.bio-block {
   margin-bottom: 15px;
}

.edit-mode-on .bio-block {
   margin: 25px 0 0;
}

.bio {
   background-color: #FAFAFA;
   border: 1px solid #E0E0E0;
   margin-bottom: 22px;
   margin-left: 1%;
   margin-right: 1%;
   padding: 20px;
   position: relative;
   width: 32%;
}

.edit-mode-on .bio {
   margin: 20px 1% 0;
}

.bio:nth-of-type(3n+1) {
   clear: left;
   margin-left: 0%;
}

.bio:nth-of-type(3n+3) {
   margin-right: 0%;
}

.bio img {
   display: block;
   font-family: 'object-fit: cover;';
   height: 150px;
   margin-bottom: 15px;
   object-fit: cover;
   width: 100%;
}

.name,
.bio-content div.name {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 5px;
}

.bio-content .title,
.bio-content div.title {
   color: #001B32;
   font-size: 15px;
   font-weight: bold;
   line-height: 20px;
   margin-bottom: 18px;
}

.extention, .email, div.email, div.extension {
   color: #4E4E4E;
   font-size: 15px;
   margin: 3px 0px 2px;
}

.bio-content {
   margin-bottom: 15px;
}

.read-bio {
   bottom: 20px;
   position: absolute;
}

.adm-event-title {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 19px;
   font-weight: bold;
}

.admission-event {
   margin-bottom: 25px;
}

.admission-events {
   margin-top: 15px;
}

.adm-event-info p {
   margin-bottom: 0;
}

.admission-events .two-col:first-of-type {
   padding-right: 15px;
}

.admission-events h3 {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 10px;
}

.poweredBy {
   clear: right;
   float: right;
   margin-top: 20px;
}

.poweredBy img {
   height: 30px;
   width: 200px;
}

.mobile-powered {
   display: none;
   margin-top: 25px;  
}

.mobile-powered img {
   height: 30px;
   width: 200px;
}

.blue-break {
   display: none;
}

.blue-fb {
   float: left;
   height: 34px;
   width: 18px
}

.blue-tw {
   float: left;
   height: 29px;
   margin-left: 20px;
   margin-top: 3px;
   width: 35px;  
}

.blue-yt {
   float: left;
   margin-left: 20px;
   margin-top: 3px;
   width: 35px;
}

.blue-insta {
   float: right;
   height: 34px;
   margin-top: 2px;
   width: 18px
}

.blue-insta.nav {
   display: block;
   float: left;
   height: 30px;
   margin-left: 20px;
   width: 30px;
}

.right-col.choose {
   position: relative;
}

.right-col.choose .header-button {
   display: none;
}

.big-shield {
   max-width: 115%;
   position: absolute;
   width: 451px;
}

.fact {
   display: inline-block;
   margin-bottom: 45px;
}

.fact-right {
   float: right;
   padding-left: 15px;
   width: calc(100% - 81px);
}

.fact-img {
   float: left;
   text-align: center;
   width: 81px;
}

.fact-title {
   color: #001B32;
   display: inline-block;
   font-family: 'Roboto Slab';
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 0px;
   width: 100%;
}

.fact-title p, .fact-title-small p, .fact-info p {
   line-height: normal;
   margin: 0;
}

.spacer-top {
   margin-top: 175px;
}

.fact-title-small {
   clear: left;
   font-family: 'Roboto Slab';
   font-size: 16px;
   font-weight: normal;
}

.fact-info {
   color: #4E4E4E;
   font-family: Muli;
   font-size: 16px;
}

.fact1 {
   height: 54px;
   width: 43px ;
}

.fact2 {
   height: 51px;
   width: 70px;
}

.fact3 {
   height: 58px;
   width: 47px;
}

.fact4 {
   height: 49px;
   width: 58px;
}

.fact5 {
   height: 56px;
   width: 56px;
}

.fact6 {
   height: 62px;
   width: 49px;
}

.fact7 {
   height: 51px;
   width: 45px;
}

.birdie-img {
   display: inline-block;
   float: left;
   margin-top: 90px;
}

.bio-block.birdie .bio {
   height: auto;
   min-height: initial;
}

.bio-block.birdie .bio-content {
   margin-bottom: 0px;
}

.bio-block.birdie {
   margin-bottom: 20px;
   margin-top: 30px;
}

.content-section.birdie .blue-button {
   margin-bottom: 40px;
}

.birdie-left {
   float: left;
   margin-right: 60px;
   width: 235px;
}

.birdie-right {
   float: left;
   width: calc(100% - 295px);
}

.content-header .middle-col.birdie {
   width: calc(100% - 305px);
}

.college-header {
   margin: auto;
   text-align: center;
}

.college-header .satisfy {
   font-size: 37px;
}

.college-header .home-h2 {
   display: inline;
   float: none;
   font-size: 37px;
   padding-right: 15px;
}

.college-image img {
   max-width: 100%;
}

.mobile-power-school {
   display: inline-block;
   margin-left: 20px;
   padding: 15px 0;
}

.power-school-header {
   display: inline-block;
   float: right;
   margin-right: 20px;
   padding-top: 5px;   
}

.college-images {
   display: flex;
   flex-flow: row wrap;
   margin-top: 65px;
   width: 100%;
   justify-content: center;
   align-items: center;
}

.college-block {
   margin-bottom: 130px;
   margin-top: 75px;
}

.college-block .button-holder {
   margin-top: 70px;
}

.college-image {
   float: left;
   margin-bottom: 20px;
   padding: 0 2%;
   text-align: center;
   width: 16.66%;
}

.left-college {
   float: left;
   margin-right: 1%;
   width: 49%;
}

.right-college {
   float: left;
   margin-left: 1%;
   width: 49%;
}

.showEditableContent .DLFEE_SuppressLink {
   display: inline-block;
}

.video-lax {
   margin: auto;
   text-align: center;
}

.musical-button-holder {
   margin-bottom: 30px;
}

.musical-button-holder .button:hover {
   background-color: #f0c415;
   color: #0063a8;
}

.seus-image {
   margin: auto;
   text-align: center;
   padding-bottom: 30px;
}

.bio-line {
   display: inline-block;
   margin-bottom: 45px;
}

.bio-line .right-bio {
   float: left;
   padding-left: 30px;
   width: calc(100% - 300px);
}

.bio-name {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
   margin-bottom: 8px;
}

.bio-role {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 17px;
   font-weight: bold;
   margin-bottom: 10px;
}

.right-bio p {
   font-size: 16px;
   line-height: 30px;
}

.bio-line .left-bio {
   float: left;
   width: 300px;
}

/**Radios*/
.radios {
   float: left;
   margin-bottom: 20px;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
   font-weight: normal;
   margin-right: 50px;
}

input[type="radio"] + label span {
   background-color: #fff;
   border-radius: 50%;
   display: inline-block;
   height: 14px;
   margin: -1px 8px 0 0;
   vertical-align: middle;
   width: 14px;
}

input[type="radio"] + label span {
   position: relative;
}

input[type="radio"]:checked + label span {
   background-color: #fff;
}

input[type="radio"]:checked + label span:before {
   background: none;
   border: 5px solid #34a2e2;
   border-radius: 50%;
   content: "";
   display: block;
   position: absolute;
   top: 2px;
   left: 2px;
   right: 2px;
   bottom: 2px;
}
/**Bios*/
#bioModal {
   background: #fff;
   background-size: cover;
   border-radius: 5px;
   box-sizing: border-box;
   color: #000;
   height: 482px;
   left: 50%;
   max-height: 85%;
   max-width: 90%;
   overflow-y: auto;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 1175px;
   z-index: 26;
}

.bio-arrows {
   display: none;
   height: 482px;
   left: 50%;
   max-height: 85%;
   max-width: 90%;
   opacity: 0;
   position: fixed;
   top: 50%;
   transition: opacity 1s ease 1s;
   -webkit-transition: opacity .5s ease 5s;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   width: 1175px;
   z-index: 25;
}

.bio-arrows.active {
   display: block;
}

.bio-arrows-inner {
   position: relative;
}

#bioModal, #bioMask {
   display: none;
   opacity: 0;
}

#bioModal.active, #bioMask.active {
   opacity: 1;
}

#bioInner {
   padding: 64px;
}

.bio-left {
   float: left;
   width: 230px;
}

.bio-info {
   margin-bottom: 37px;
   margin-top: -15px;
}

.bio-right {
   float: right;
   padding-left: 30px;
   width: calc(100% - 230px);
}

.bio-left-details {
   color: #4E4E4E;
   display: inline-block;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 5px;
}

.bio-image {
   float: left;
   margin-bottom: 25px;
}

.bio-image img {
   display: inline-block;
   height: 150px;
   width: 230px;
}

.bio-top-info {
   display: inline-block;
   position: relative;
   width: calc(100% - 260px);
   top: 64px;
}

.bio-bottom {
   margin-top: 20px;
}

.bio-bottom p {
   font-family: Lato;
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 30px;
}

.bio-info .member-name {
   color: #0063A8;
   font-size: 42px;
   font-family: 'Roboto Slab';
   font-weight: 800;
}

.bio-info .member-position {
   color: #001B32;
   font-size: 23px;
   font-weight: bold;
}

.arrow-close {
   cursor: pointer;
   height: 27px;
   position: absolute;
   right: 50px;   
   width: 27px;
   z-index: 20;
}

.arrow {
   display: none;
    position: fixed;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 35;
}

.arrow.active {
   display: block;
}

.arrow.right img {
    cursor: pointer;
    height: 38px;
    width: 25px;
}

.arrow.left img {
    cursor: pointer;
    height: 38px;
    width: 25px;
}

.arrow.left {
    left: -50px;
}

.arrow.right {
    right: -50px;
}

.best-of-bucks {
   margin-top: 20px;
   margin-bottom: 21px;
   text-align: center;
   width: 322px;
}

.best-of-bucks img {
   display: inline-block;
   width: 130px;
   height: 135px;
}

.bucks-left {
   margin-right: 29px;
   margin-bottom: 15px;
}

.bucks-right {
   margin-left: 29px;
   margin-bottom: 15px;
}

.best-of-bucks.mobile {
   display: none;
}

.best-of-bucks.mobile-2 {
   display: none;
}

.left50 {
   float: left;
   width: 50%;
}

.right50 {
   float: left;
   width: 50%;
}

.map iframe {
   max-width: 100%;
}

.article-date {
   color: #fff;
   display: none;
   font-size: 15px;
   margin: 30px 0 0;
}

.article-details-img {
   margin: 15px 0 30px;
}

.middle-col .article-title {
   margin: 40px 0 35px;
}

.title {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 33px;
   line-height: 38px;
}

ul.juicer-feed h1.referral {
   display: none;
}

.articles-title,
h3.articles-title {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 33px;
   font-weight: bold;
   line-height: 38px;
   margin: 12px 0;
}

.details {
   color: #4E4E4E;
   line-height: 30px;
}

.full-col.videos {
   display: inline-block;
   margin-bottom: 40px;
   margin-top: 40px;
   width: 100%;
}

.news .summary-pagination {
   padding-top: 15px;
}

.right-mid-col.news > .summary-pagination  {
   padding-top: unset;
}

.news .thirds img {
   margin-bottom: 22px;
   max-width: 100%;
}

.news-article-img {
   margin-bottom: 22px;
   width: 100%;
   height: 250px;
   object-fit: cover;
}

.news .thirds {
   margin-bottom: 70px;
}

.news .date {
   display: none;
}

.alumni-events .date {
   display: block;
}

.news .thirds:nth-of-type(3n+1) {
   clear: left;
   padding-right: 22px;
}

.news .thirds:nth-of-type(3n+2) {
   padding-left: 11px;
   padding-right: 11px;
}

.news .thirds:nth-of-type(3n+3) {
   padding-left: 22px;
}

.news .thirds img {
   margin-bottom: 22px;
   max-width: 100%;
}

.news-article-img {
   height: 190px;
}

.news-header {
   padding: 35px 0 40px;
}

.display-events {
   color: #001B32;
   float: left;
   font-size: 16px;
   margin-bottom: 40px;
}

.page-number {
   color: #001B32;
   display: inline-block;
   line-height: 31px;
   padding: 0 12px 1px;
}

.left-news-arrow {
   margin-right: 8px;
}

.right-news-arrow {
   margin-left: 8px;
}

.left-col.top-news {
   height: auto;
   padding-top: 40px;
}

.left .link-arrow {
   margin-left: 0px;
   margin-right: 10px;
}

.left-col.news {
   padding: 55px 0;
}

.news-button-holder.center-news {
   margin: auto;
   text-align: center;
}

.page-number.active {
   border: 1px solid #0063A8;
}

.arrow-nav {
   float: right;
   position: relative;
   top: -5px;
} 

.arrow-nav img {
   height: 13px;
   position: relative;
   top: 1px;
   width: 16px;
}

.arrow-nav img.disabled {
   opacity: .4;
}

.bottom-pagination {
   position: relative;
   top: -60px;
}

.bottom-pagination .display-events {
   display: none;
}

.cec-home-img {
   text-align: center;
   padding-bottom: 50px;
}

.summer-camps-img {
   max-width: 100%;
}

.summer-camps-img-mobile {
   display: none;
   max-width: 100%;
}
/**Select Styles*/
.select-box {
   border: 1px solid #b8b8b8;
   box-sizing: border-box;
   background-color: #0063A8;
   background-image: url(../images/arrow-down-white.svg);
   background-size: 15px auto;
   background-position: right 17px top 25px;
   background-repeat: no-repeat;
   display: block;
   height: auto;
   margin-bottom: 40px;
   max-width: 100%;
   overflow: hidden;
   position: relative;
   width: 550px;
}

.select-box option {
   background: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 19px;
   font-weight: bold;
}

.select-arrow {
   height: 9px;
   position: absolute;
   width: 17px;
   right: 18px;
   top: 22px;
}

.select-box-inner {
   background: none;
   border: #044471;
   color: #F0C415;
   font-family: 'Roboto Slab';
   font-size: 19px;
   font-weight: bold;
   max-width: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   padding: 15px;
   text-align: left;
   width: 100%;
}

.select-box-options {
   background-color: #0063A8;
}

/**Login Styles*/
.login-submit:disabled {
   cursor: default;
   opacity: .5;
}

.form-inner-fields {
   height: 160px;
   position: relative;
}

.password-holder {
   display: inline-block;
   position: relative;
   width: 100%;
}

#show-pass {
   display: inline-block;
   font-size: 14px;
   top: -25px;
   position: absolute;
   right: 0;
   color: #0063a8;
}

#show-pass:hover {
   cursor: pointer;
   text-decoration: underline;
}

.form-loading {
   background: rgba(255,255,255, .9);
   display: none;
   height: 100%;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
}

.form-loading img {
   height: 42px;
   left: 50%;
   position: absolute;
   top: 40%;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
}

.login-field {
   background-color: #F6F8FA;
   border: solid 1px #CBD6E2;
   box-sizing: border-box; 
   height: 42px;
   margin-bottom: 10px; 
   margin-top: 0px;
   padding: 0 10px; 
   width: 100%; 
}

.login-submit {
   background: #0063a8; 
   border-radius: 4px; 
   box-sizing:border-box; 
   color: #fff; 
   display: block; 
   font-weight: 700;  
   font-size: 17px;
   height: 40px; 
   line-height: 40px; 
   margin: 10px 0 0; 
   text-align:center; 
   width: 100%;
}

.form-title {
   color: #444345;
   font-size: 27px;
   font-weight: 700;
   margin-bottom: 15px;
   line-height: 32px;
   width: 100%;
   text-align: center;
}
    
#login-form {
   background: #fff; 
   background-size: cover; 
   box-sizing: border-box; 
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.52); 
   border-radius: 5px; color: #000; left: 50%; 
   font-family: Roboto;
   padding: 50px 33px 40px;
   position: fixed; 
   top: 50%; transform: translate(-50%, -50%); 
   -webkit-transform: translate(-50%, -50%); 
   -moz-transform: translate(-50%, -50%); 
   -o-transform: translate(-50%, -50%); 
   transition: opacity .5s ease; 
   -webkit-transition: opacity .5s ease; 
   width: 370px; 
   z-index: 26; 
}

#login-form, #login-mask {
   display: none; 
   opacity: 0;
}

#login-form.active, #login-mask.active {
   opacity: 1;
}

#login-error {
   color: #f00;
   display: none;
   font-size: 13px;
   line-height: 14px;
   padding-top: 20px;
   text-align: center;
   visibility: hidden;
}

.forgot-password {
   color: #0063a8;
   font-size: 16px;
   padding-top: 20px;
   text-align: center;
}

.forgot-password-text:hover {
   text-decoration: underline;
}

.close-login img {
   height: 15px;
}

.close-login {
   cursor: pointer;
   position: absolute;
   right: 15px;
   top: 15px;
}

.login-label {
   font-weight: normal;
   font-size: 14px;
   line-height: 30px;
}

#login-mask {
   background: rgba(0,0,0,.7); 
   bottom: 0; 
   height: 100%; 
   position: fixed; 
   top: 0; 
   transition: opacity .5s ease; 
   -webkit-transition: opacity .5s ease; 
   width: 100%; 
   z-index: 25;
}

#login-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size: 16px;
   color: #595757;
}
#login-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size: 16px;
   color: #595757;
}
#login-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size: 16px;
   color: #595757;
}
#login-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size: 16px;
   color: #595757;
}

.login-link {
    clear: right;
    color: #fff;
    float: right;
    margin-top: 20px;
}

.quickViewNoDimensions {
   max-height: calc(100% - 180px);
   overflow-y: auto;
   top: 155px!important;
   transform: translate(-50%, 0)!important;
   -webkit-transform: translate(-50%, 0)!important;
}

/**Login Style End*/

/*Checkboxes*/

.checkbox .tabber.error {
   border-color: red;
}

.checkbox .tabber.error ~ .optionLabel {
   color: red;
}

input[type="checkbox"] {
    display: none;
}

.checkbox input:checked + .tabber {
  background-image: url("../images/check-select.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}



/*Gallery Styles*/
.gallery {
   box-sizing: border-box;
   position: relative;
}

.galleryHolder {
   display: inline-block;
   margin-top: 30px;
   width: 100%;
}

.gallery:nth-of-type(3n+1) {
   clear: left;
   padding-right: 1%;
}

.gallery:nth-of-type(3n+2) {
   padding: 0 0.5%;
}

.gallery img {
   display: block;
   max-width: 100%;
   width: 100%;
}

.gallery .galleryIcon img {
   display: inline-block;
   width: auto;
}

.gallery:nth-of-type(3n+3) {
   padding-left: 1%;
}

.gallery, .gallery, .gallery {
   box-sizing: border-box;
   float: left; 
   margin-bottom: 1.5%;
   width: 33.3333%;
}

.property-video img {
   margin-bottom: 15px;
   max-width: 100%;
}

.photo {
   height: 100%;
   position: relative;
}

.overlay {
   background: rgba(73,82,94,0.76);
   bottom: 0; 
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: opacity .2s ease;
   -webkit-transition: opacity .2s ease;
   -o-transition: opacity .2s ease;
   -moz-transition: opacity .2s ease;
   z-index: 1;
}

.gallery:hover .overlay, .gallery:hover .galleryIcon {
   cursor: pointer;
   opacity: 1;
   transition: opacity .2s ease;
   -webkit-transition: opacity .2s ease;
   -o-transition: opacity .2s ease;
   -moz-transition: opacity .2s ease;
}

.galleryIcon {
   color: #fff;
   font-size: 40px;
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   text-align: center;
   transition: opacity .2s ease;
   -webkit-transition: opacity .2s ease;
   -o-transition: opacity .2s ease;
   -moz-transition: opacity .2s ease;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   z-index: 1;
}

#mask {
   background: rgba(0, 27, 50, .9);
   bottom: 0;
   display: none;
   left: 0;
   opacity: 0;
   position: fixed;
   right: 0;
   top: 0;
   transition: opacity .5s ease 0s;
   z-index: 25;
}

#mask.active, #modalView.active {
   opacity: 1;
}

#mask.on, #modalView.on {
   display: block;
}

#modalView {
   background: #fff;
   box-sizing: border-box;
   color: #fff;
   display: none;
   left: 50%;
   opacity: 0;
   margin: auto;
   max-width: 90%;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease 0s;
   z-index: 26;
}

.modalOuter {
   padding: 5px;
   position: relative;
}

.modalClose {
   box-sizing: border-box;
   position: absolute;
   right: 0;
   top: 0;
}

#modalView .closeThanks {
   right: 0px;
   top: -34px;
}

.modalClose:hover {
   background: rgba(255,255,255,0.5);
}

.closeModal {
   font-size: 20px;
   position: relative;
   top: -35px;
}

.closeModal img{
   height: 20px;
   width: 20px;
}

.arrowLeft, .arrowRight {
   position: absolute;
   top: 55%;
}

.arrowLeft {
   left: -55px;
   transform: translate(-50%, -100%);
   -webkit-transform: translate(-50%, -100%);
   -moz-transform: translate(-50%, -100%);
   -o-transform: translate(-50%, -100%);
}

.arrowRight {
   right: -55px;
   transform: translate(50%, -100%);
   -webkit-transform: translate(50%, -100%);
   -moz-transform: translate(50%, -100%);
   -o-transform: translate(50%, -100%);
}

.gallery-arrow {
   display: block;
   font-size: 25px;
   line-height: 20px;
}

.gallery-arrows {
   background: #0063A8;
   padding: 15px 15px 12px;
}

.gallery-arrows:hover {
   background: #025c9b;
}

.modalInner {
   height: auto;
   max-width: 100%;
   width: 1000px;
}

.modalInner img{
   max-width: 100%;
}

.slidePosition {
   bottom: -30px;
   font-family: 'Open Sans';
   font-size: 16px;
   position: absolute;
   right: 0;
}

#CurrentSlide, #SlideTotal {
   display: inline-block;
}
/*Gallery End*/

/*Calendar*/

.mobile-no-events-calendar {
   display: none;
}

#calendar{
  margin: 0px auto 50px;
  padding: 0px 100px;
  width: 100%;
}

.calendarHeader {
   border: none;
   float: left;
}
 
#calendar .header {
   display: inline-block;
   margin: 10px 0 25px;
   position: relative;
   width: 385px;
}

.showing {
   float: left;
   line-height: 40px;
   margin-right: 10px;
}

#calendar .select-box {
   background-color: #F4F4F4;
   background-image: url(../images/dropdown-arrow-dark.svg);
   background-position: right 17px top 17px;
   background-size: 10px 6px;
   border: 1px solid #B2B2B2;
   border-radius: 2px;
   color: #575757;
   float: left;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   margin-bottom: 0;
   width: 244px;
}

#calendar .select-box-inner {
   color: #575757;
   font-size: 16px;
   font-weight: normal;
   line-height: 40px;
   padding: 0 10px;
}

.calendarTop {
   position: relative;
   text-align: center;
}

a.prev, a.next, .calendar-monthTitle {
   display: inline-block;
}

a.prev {
   left: 0;
   position: absolute;
}

a.next {
   position: absolute;
   right: 0;
}

#calendar ul.dates li.mask {
   cursor: default;
}

#calendar ul.dates li.mask:hover {
   background: #f4f4f4;
}

.calendar-monthTitle {
   color: #F0C415;
   display: inline-block;
   font-family: 'Roboto Slab';
   font-size: 32px;
   font-weight: bold;
   line-height: 40px;
   position: relative;
   top: -2px;
}

.landing-img {
   display: none;
}

.calendarNav img {
   height: 26px;
   position: relative;
   top: 9px;
   width: 15px;
} 

.calendarNav {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   position: relative;
   text-align: center;
   top: -2px;
   width: 36px;
}
 
.mobile-day {
   display: none;
}

.filters {
   left: 200px;
   position: absolute;
   top: 8px;
}

.filter-icon {
   height: 14px;
   margin-right: 8px;
   position: relative;
   top: 2px;
   width: 14px;
}

.filter-link {
   background: #F5F5F5;
   color: #001B32;
   cursor: pointer;
   padding: 9px 15px;
   position: relative;
   z-index: 2;
}

.filters-holder {
   background: #F5F5F5;
   -webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.46); 
   box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.46);
   display: none;
   padding: 20px 15px;
   position: absolute;
   top: 38px;
   width: 230px;
   z-index: 1;
}

.filter-hr {
   background: #C9C9C9;
   height: 1px;
   margin-bottom: 20px;
   width: 100%;
}

.button.filter-submit {
   background: #0063A8;
   border: none;
   box-sizing: border-box;
   color: #fff;
   width: 100%;
}

.button.filter-submit:hover, .button.filter-submit:focus {
   background: #00518A;
}

.filters-holder.active {
   display: block;
}

.checks-holder {
   display: inline-block;
   margin-bottom: 20px;
   text-align: left;
   width: 100%;
}

.checks-holder.guidance {
   border-right: 4px solid #FFBFCF;
}

.checks-holder.admissions {
   border-right: 4px solid #34BF22;
}

.checks-holder.academics {
   border-right: 4px solid #0063A8;
}

.checks-holder.athletics {
   border-right: 4px solid #F0C415;
}

.checks-holder.featured {
   border-right: 4px solid #89d7d4;
}

.checks-holder.alumni {
   border-right: 4px solid #9D785E;
}

.checks-holder.arts {
   border-right: 4px solid #C45DA0;
}

.checks-holder.ministry {
   border-right: 4px solid #FFAFBB;
}

.checks-holder.csl {
   border-right: 4px solid #afddff;
}

.checks-holder.student-life {
   border-right: 4px solid #D86C3B;
}

input[type=checkbox] {
   clear: left;
   float: left;
   height: 18px;
   margin-right: 5px;  
   width: 18px;
}

.checkbox {
   line-height: 20px;
   width: auto;
}

.checkboxes {
   display: inline-block;
   margin-bottom: 10px;
   width: 100%;
}

.contact-line {
   font-weight: 300;
   margin-bottom: 20px;
   margin-top: 10px;
}

.contact-page p {
   font-size: 18px;
}

.location-map {
   max-width: 100%;
}

.contact-page h2 {
   margin-bottom: 10px;
}

.checks-label {
   margin-bottom: 15px;
}

.checkbox .tabber.error {
   border-color: red;
}

.checkbox .tabber.error ~ .optionLabel {
   color: red;
}

input[type="checkbox"] {
    display: none;
}

.checkbox input:checked + .tabber {
  background-image: url("../images/check-select.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.checkbox .tabber {
   background: #fff;
   border: 1px solid #C9C9C9;
   clear: both;
   float: left;
   height: 18px;
   margin-right: 8px;
   width: 18px;
}

.optionLabel {
   color: #001B32;
   font-weight: normal;
   position: relative;
   top: -1px;
}

.play-holder {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   transition: opacity .2s ease-in-out;
   z-index: 1;
}

.play-holder .play-hover {
   display: none;
}

.thumbnail-img {
   border: 1px solid #707070;
   display: block;
   width: 100%;
}

.home-video-block {
   border-bottom: 1px solid #3795d6;
   margin-top: 40px;
   padding-bottom: 60px;
}

.thumbnail-holder {
   position: relative;
}

.events-button.videos {
   display: inline-block;
}

.video-home-holder .third:nth-of-type(3n+1) {
   clear: left;
}

.full-col.videos .video-home-holder p {
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 50px;
}

.full-col.videos .video-title-header {
   color: #0063A8;
   font-size: 33px;
   line-height: 38px;
   font-weight: bold;
   margin-top: 18px;
   margin-bottom: 18px;
}

.video-title-header {
   font-family: 'Roboto Slab';
   font-size: 29px;
   margin-top: 25px;
   line-height: 41px;
}

.video-home-holder {
   display: inline-block;
   margin-left: -1%;
   width: calc(100% + 3%);
}

.thumbnail-holder:hover .play-holder .play-hover {
   display: block;
}

.thumbnail-holder:hover .play-holder .play {
   display: none;
}

.video-home-holder .third {   
   float: left;
   margin-left: 1%;
   margin-right: 1%;
   width: calc(31.33% - 5px);
}


/*******************************Calendar Content Cells*********************************/
#calendar .box-content{
   border-bottom: none;
   border-top: none;
   display: inline-block;
}
 
#calendar ul.label {
   background: #F0C415;
   border: 1px solid #B2B2B2;
   box-sizing: border-box;
   color: #fff;
   display: inline-block;
   height: 45px;
   line-height: 60px;
   margin: 0 0 -4px 0;
}

#calendar ul.label li.label-title {
   background: none;
   font-family: 'Roboto Slab';
   line-height: 42px;
}
 
#calendar ul.label li{
   background-color: #F4F4F4;
   color: #2C2C2C;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 40px;
   line-height: 40px;
   list-style-type: none;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
   width: 14.2857143%;   
}
 
#calendar ul.dates {
   border: 1px solid #bcbcbc;
   border-bottom: none;
   border-top: none;
   box-sizing: border-box;
   display: inline-block;
   float: left;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

#calendar ul.dates li {
   background-color: #fff;
   border-bottom: 1px solid #bcbcbc;
   border-right: 1px solid #bcbcbc;
   box-sizing: border-box;
   color: #000;
   float: left;
   font-size: 18px;
   height: 190px;
   text-align: center; 
   vertical-align: middle;
   width: 14.2857%;
}

#calendar ul.dates li.today {
   background: #FFF5D0;
}

#calendar ul.dates li.today .event-title {
   color: #000;
}

#calendar ul.dates li.today:hover {
   background: #FFF0B7;
}

#calendar ul.dates li:hover {
   background: #f5f5f5;
}

#calendar ul.dates li.end {
   border-right: none;
   width: 14.2858%;
}

#calendar ul.dates li {
   cursor: pointer;
   position: relative;
}

#calendar ul.dates li.mask:hover {
   background: #fff;
   cursor: default;
}

#calendar ul.dates li.no-event-today {
   
}

@supports (-ms-ime-align:auto) {
   #calendar ul.dates li {
      border-bottom: 2px solid #bcbcbc;
      border-right: 2px solid #bcbcbc;
      margin-bottom: -1px;
      margin-right: -1px;
   }
}

.event-data {
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 56%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}

.mobile-date-left, .mobile-no-events, .mobile-header {
   display: none;
}

#calendar .select-box-inner {
   background: none;
}

.calendarDay {
   color: #4E4E4E;
    float: right;
    font-family: 'Roboto Slab';
    font-size: 24px;
    margin: 5px 10px -6px 0px;
}

.event-title, .event-time, .event-titleMobile, .event-more, .event-titleSmaller {
   clear: both;
   cursor: pointer;
   display: block;
   font-size: 14px;
   font-weight: normal;
   margin: auto;
   width: 100%;
}

.event-title {
   white-space: nowrap; 
   overflow: hidden;
   text-overflow: ellipsis;
}

.event-titleMobile, .event-titleSmaller {
   display: none;
}

.event-data {
   margin-top: -5px;
}

.event-more {
   color: #0063A8;
   bottom: 5px;
   font-family: 'Roboto Slab';
   font-size: 14px;
   padding: 0 10px 0 13px;
   position: absolute;
   text-align: left;
}

.event-title, .event-titleMobile, .event-titleSmaller {
   border-left: 3px solid #3F3A3A;
   background-color: #C2C2C2;
   margin-bottom: 3px;
   padding: 5px;
}

#calendar .event-title {
   background: none;
   color: #0063A8;
   font-family: 'Roboto Slab';
   line-height: normal;
   margin-bottom: 8px;
   padding: 0 10px;
   text-align: left;
}

.event-title.guidance {
   border-left: 3px solid #FFBFCF;
}

.event-title.featured {
   border-left: 3px solid #89d7d4;
}

.event-title.athletics {
   border-left: 3px solid #F0C415;
}

.event-title.ministry {
   border-left: 3px solid #FFAFBB;
}

.popupHeader.ministry {
   border-top: 10px solid #FFAFBB;
}

.popupHeader.athletics {
   border-top: 10px solid #FF0000;
}

.event-title.admissions {
   border-left: 3px solid #34BF22;
}

.popupHeader.featured {
   border-top: 10px solid #89d7d4;
}

.popupHeader.admissions {
   border-top: 10px solid #DB7918;
}

.event-title.academics {
   border-left: 3px solid #0063A8;
}

.event-title.alumni {
   border-left: 3px solid #9D785E;
}

.popupHeader.academics {
   border-top: 10px solid #9D9D9D;
}

.event-title.arts {
   border-left: 3px solid #C45DA0;
}

.event-title.student-life {
   border-left: 3px solid #D86C3B;
}

.event-title.csl {
   border-left: 3px solid #afddff;
}

.popupHeader.arts {
   border-top: 10px solid #C45DA0;
}

.event-time {
   font-weight: bold;
}

.l-calendarInner {
   background: #fff;
}

#calendarMask {
   background: rgba(0,0,0,0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity 1s ease 1s;
   width: 100%;
   z-index: 25;
}

#calendarPopup {
   border-radius: 2px;
   color: #000;
   max-height: 83vh;
   overflow: auto;
   transition: opacity .5s ease;
   width: 715px;
   z-index: 26;
}

/*#calendarPopup, #calendarMask {
   display: none;
   opacity: 0;
}*/

#calendarMask.active, #calendarPopup.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

#calendarPopupInner {
   background: #fff;
   min-height: 322px;
   padding: 5px;
   position: relative;
}

.popupHeader {
   background: #001B32;
   color: #fff;
   font-family: 'Roboto Slab';
   font-size: 22px;
   font-weight: bold;
   height: 55px;
   line-height: 45px;
   position: relative;
   text-align: center;
}

.popupHeader-inner {
   display: inline-block;
   position: relative;
   width: 355px;
}

.popup-vr {
   background-color: #123F65;
   height: 100%;
   position: absolute;
   right: 54px;
   top: 0;
   width: 1px;
}

.popup-left {
   color: #001B32;
   float: left;
   font-weight: 800;
   padding-right: 12px;
   width: 146px;
}

.popup-inner-vr {
   background: #000;
   float: left;
   height: 23px;
   width: 3px;
}

.popup-inner-vr.guidance {
   background: #FFBFCF;
}

.popup-inner-vr.featured {
   background: #89d7d4;
}

.popup-inner-vr.academics {
   background: #0063A8;
}

.popup-inner-vr.athletics {
   background: #F0C415;
}

.popup-inner-vr.admissions {
   background: #34BF22;
}

.popup-inner-vr.ministry {
   background: #FFAFBB;
}

.popup-inner-vr.arts {
   background: #C45DA0;
}

.popup-inner-vr.student-life {
   background: #D86C3B;
}

.popup-inner-vr.csl {
   background: #afddff;
}

.popup-inner-vr.alumni {
   background: #9D785E;
}

.popup-right {
   float: left;
   padding-left: 15px;
   width: calc(100% - 151px);
}

.popup-location {
   color: #001B32;
   font-weight: 700;
   margin-top: 10px;
}

.popup-eventText {
   color: #707070;
   line-height: 24px;
   margin-top: 7px;
}

.popup-eventText p {
   margin-bottom: 5px;
}

#calendarPopupInner .closeThanks {
   right: 25px;
   top: 25px;
   z-index: 5;
}

.calendar-close {
   display: none;
}

.popupHeader.athletics {
   border-top: 10px solid #FF0000;
}

.popupHeader.generic {
   border-top: 10px solid #3F3A3A;
}

.popupHeader-right {
   position: absolute;
   right: 0;
}

.popupHeader .calendarNav {
   background: none;
   border: none;
   position: absolute;
   top: 1px;
   width: auto;
}

.popupHeader .prevNav  {
   left: 0;
   margin-right: 20px;
}

.popupHeader .nextNav  {
   margin-left: 20px;
   right: 0;
}


.popupHeader .calendarNav.disabled {
   cursor: default;
   opacity: .3;
}

.popupHeader-date, .popup-bar, .popupHeader-time {
   display: inline-block;
   vertical-align: middle;
}

.popup-bar {
   margin: 0 8px;
}

.popup-time {
   text-transform: uppercase;
}

.popup-eventTitle {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 25px;
   line-height: 27px;
   margin-top: -3px;
}

.popup-eventOrg {
   font-size: 23px;
   margin-bottom: 25px;
}

.popup-row {
   padding: 0 18px;
} 

.popup-content {
   border-bottom: 1px solid #E3E3E3;
   padding: 25px 0;
}

.popup-row:last-of-type .popup-content {
   border: none;
}

.content-header.calendar-page {
   height: 300px;
   margin-bottom: -280px;
}

.calendar-header {
   color: #fff;
   font-size: 34px;
   left: 0;
   margin-bottom: 0;
   position: absolute;
   top: 3px;
}

.calendar-sync {
   position: absolute;
   right: 0;
   top: 20px;
}

.calendar-sync img {
   height: 23px;
   width: 23px;
}

.sync-text {
   color: #fff;
   margin-right: 10px;
   position: relative;
   top: -6px;
}

/*End Calendar*/

/*Contact Thank you Popup*/
.error {
   border-color: red;
}

.maskModal {
   background: rgba(0,0,0,0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity .5s ease;
   width: 100%;
   z-index: 25;
}

#videoModal {
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.52);
    color: #000;
    left: 50%;
    max-width: 80%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: opacity .5s ease;
    width: 1214px;
    z-index: 26;
}

#contactThanks, #contactMask, #videoMask, #videoModal {
   display: none;
   opacity: 0;
}

#videoMask.maskModal.active {
   opacity: 1;
}

#videoModal .closeThanks {
   right: 0;
   top: -27px;
}

#videoModal.active {
   opacity: 1;
}

.videoOuter {
    box-sizing: border-box;
    width: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 98%;
    margin-left: 1%;
    z-index: 4;
}

.embed-container iframe {
   border: none;
}

.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   border-width: 0px;
   width: 1px;
   min-width: 100%;
   *width: 100%;
}

#contactThanks {
   background: #e34426;
   box-sizing: border-box;
   color: #fff;
   left: 50%;
   padding: 65px 0;
   position: fixed;
   text-align: center;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 520px;
   z-index: 26;
}

#covidThanks {
   background: #fff;
   background-size: cover;
   border-radius: 5px;
   box-sizing: border-box;
   color: #000;
   left: 50%;
   max-height: 85%;
   max-width: 90%;
   overflow-y: auto;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   padding: 70px 50px;
   text-align: center;
   width: 640px;
   z-index: 26;
}

#contactMask.active, #contactThanks.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

.thanks-logo {
   display: block;
   margin-bottom: 50px;
}

.thanksHeader {
   color: #0063A8;
   display: block;
   font-family: 'Roboto Slab';
   font-size: 21px;
   font-weight: bold;
}

.thanksText {
   color: #4E4E4E;
   display: block;
   line-height: 20px;
   margin: 12px auto 5px;
}

.covid-inner .closeThanks {
   right: 10px;
   top: 10px;
}

.closeThanks {
   color: #fff;
   cursor: pointer;
   font-size: 69%;
   letter-spacing: 1px;
   position: absolute;
   right: 3px;
   top: -20px;
}

#newsletterThanks {
   background: #fff;
   box-sizing: border-box;
   color: #4E4E4E;
   padding: 20px;
   position: absolute;
   right: 0;
   top: -71px;
   width: 100%;
   z-index: 26;
}

#newsletterMask.active, #newsletterThanks.active, #covidMask.active, #covidThanks.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

#newsletterThanks, #newsletterMask, #covidMask, #covidThanks{
   display: none;
   opacity: 0;
}

.covid-content h1 {
   color: #061C34;
   margin-bottom: 15px;
}

.covid-content p {
   color: #4e4e4e;
}

.covid-inner {

}

/**/

.content-header.thank-you .left-col {
   height: auto;
}

.content-header.thank-you .header-button {
   margin: 60px 0 40px;
}

/*Homepage Announcement*/
#announcementModal {
   background: #fff;
   background-size: cover;
   box-sizing: border-box;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.52);
   color: #000;
   left: 50%;
   max-height: 85%;
   max-width: 90%;
   overflow-y: auto;
   position: fixed;
   text-align: center;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 885px;
   z-index: 26;
}

.announcement-header {
   background: #0063A8;
   color: #fff;
   font-size: 24px;
   font-weight: bold;
   height: 60px;
   width: 100%;
}

.announce-title {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 48px;
   font-weight: bold;
   margin-bottom: 15px;
}

#announcementInner {
   padding: 60px 75px 65px;
}

.announcement-text {
   color: #001B32;
   font-size: 21px;
   line-height: 36px;
   margin: 0 auto 30px;
   max-width: 550px;
}

.announcement-text a {
   color: #0063A8;
}

.announcement-text a:hover {
   text-decoration: underline;
}

.announce-shield {
   left: 50%;
   position: absolute;
   top: 28px;
   transform: translateX(-50%);
}
/**/


/*Announcements*/
.announcement-bar {
   background-color: #04327C;
   color: #fff;
   font-size: 16px;
   padding: 15px 20px;
   position: fixed;
   text-align: center;
   width: 100%;
   z-index: 8;
}

.announcement-bar .announcement-text {
   color: #fff;
   font-size: 14px;
   line-height: 21px;
   margin: 0;
   max-width: none;
   padding: 5px 20px;
}

.announcement-bar a {
   color: #3DB1E3;
}

.announcement-bar a:hover {
   text-decoration: underline;
}

/**/

.mobile-top-link {
   display: none;
}

.partner-imgs img {
   display: inline-block;
   vertical-align: middle;
}

p:empty {
   display: none;
}

.top-30 {
   margin-top: 30px;
}

.collapse-info {
   background: #F8F8F8;
   border: 1px solid #D8D8D8;
   margin-bottom: 20px;
   width: 100%;
}

.collapse-info-top {
   cursor: pointer;
   font-size: 17px;
   font-weight: bold;
   padding: 17px 20px;
   position: relative;
}

.collapse-info-top:hover {
   color: #000;
}

.collapse-info-text {
   padding-right: 30px;
   width: 100%;
}

.collapse-info-icon {
   cursor: pointer;
   height: 25px;
   font-size: 25px;
   position: absolute;
   right: 0;
   top: 18px;
   width: 25px;
}

.collapse-info-icon:before {
   content: '+';
   height: 0;
   position: absolute;
   right: 10px;
   top: -9px;
   width: 25px;
}

.collapse-info.active .collapse-info-icon:before {
   content: '-';
}

.edit-mode-on .collapse-info-bottom {
   max-height: 10000px;
}

.collapse-info-bottom {
   max-height: 0;
   overflow: hidden;
   padding: 0 20px;
}

.collapse-info.active .collapse-info-bottom {
   padding: 0 20px 20px;
}

.collapse-info-bottom img {
   display: block;
   height: auto;
   max-width: 100%;
}

.collapse-info.active .collapse-info-bottom {
   max-height: 10000px;
}

.dl-article .collapse-info-bottom {
   max-height: 10000px;
   padding-bottom: 20px;
}

.dl-article .cke_widget_wrapper {
   position: relative !important;
}

.collapse-info.first {
   margin-top: 30px;
}

.content-image-left {
   float: left;
   margin-right: 10px;
}

.content-image-right {
   float: right;
   margin-left: 10px;
}

.content-image-center {
   display: flex;
   margin: 25px auto;
   justify-content: center;
}


/*New Modal*/
.modal-outer {
   align-items: center;
   background: rgba(0,0,0,.8);
   display: none;
   left: 0;
   height: 100%;
   justify-content: center;
   opacity: 0;
   position: fixed;
   top: 0;
   transition: opacity .5s ease;
   -webkit-transition: opacity .5s ease;
   width: 100%;
   z-index: 27;
}

.modal-outer.active {
   opacity: 1;
   transition: opacity .5s ease;
   -webkit-transition: opacity .5s ease;
}

.modal-outer .modal-box {
   display: block;
   left: auto;
   top: auto;
   transform: none!important;
   -webkit-transform: none!important;
   width: 95%;
   z-index: 4;
}

#VideoModalFlex .close-login {
   right: 25px;
   z-index: 5;
}

#VideoModalFlex .close-login img {

}
/**/

/*Tutoring*/
.tutor-bottom {
   display: inline-block;
   margin-top: 30px;
}

.tutoring-section-outer {
   display: flex;
}
.tutoring-section-left {
   width: 181px;
}

.tutoring-section-right {
   padding-left: 25px;
   width: calc(100% - 181px);
}

.tutoring-section {
   border-bottom: 1px solid rgba(112, 112, 112, .14);
   padding: 25px 0;
}

.tutoring-section h2 {
   margin-bottom: 10px;
}

.tutoring-section-right a, .blue-button {
   background: #0063A8;
   border: none;
   color: #fff;
   display: inline-block;
   font-size: 12px;
   font-weight: 800;
   padding: 23px 32px;
   text-transform: uppercase;
}

.tutoring-section-right a:after, .blue-button:after {
   content: url(../images/arrow-yellow.svg);
   display: inline-block;
   height: 10px;
   margin-left: 10px;
   position: relative;
   width: 27px;
   top: 1px;

}

.tutoring-section-right a:hover, .blue-button:hover {
   background: #00518A;
}
/**/

/*New Admissions Portal*/
.footer-top.admin-foot {
    padding: 40px 0 55px;
}

.row-reverse {
   flex-direction: row-reverse;
}

.js-open-modal {
   cursor: pointer;
}

.admissions-portal-top {
   align-items: center;
   background-image: url(../images/hero-1920.jpg);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: cover;
   color: #fff;
   display: flex;
   justify-content: center;
   min-height: 830px;
   text-align: center;
}

.admissions-h1 {
   color: #000;
   font-size: 74px;
   font-weight: 700;
   line-height: 70px;
   margin-bottom: 25px;
}

.admissions-iframe {
   margin-top: 150px;
}

.left-embed {
   margin-bottom: 30px;
   width: calc(100% - 650px);
}

.admissions-top-content .admissions-h1 {
   color: #fff;
}

.admissions-top-content {
   position: relative;
   z-index: 7;
}

.admissions-play-button {
   margin: 15px 0 95px;
   text-align: center;
}

.admissions-portal-top p {
   font-size: 19px;
   line-height: 33px;
   margin-bottom: 30px;
}

.admissions-content .content-container {
   padding: 0;
   width: 1370px;
}

.admissions-white-back {
   padding: 60px 0 180px;
}

.two-columns {
   display: flex;
}

.tc-left-img, .tc-left-text  {
   padding-right: 60px;
   opacity: 0;
   transform: translateX(-50px);
}

.tc-right-text, .tc-right-img {
   padding-left: 60px;
   opacity: 0;
   transform: translateX(50px);
}

.tc-left-text, .tc-right-img, .tc-left-img, .tc-right-text {
   width: 50%;
}

.tc-left-text, .tc-right-text {
   position: relative;
   z-index: 7;
}

.tc-left-text p, .tc-right-text p {
   margin-bottom: 25px;
}

.tc-right-img {
   position: relative;
}

.tc-right-img img {
   max-width: 100%;
}

.landing-h2 {
   font-family: 'Roboto Slab';
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 10px;
}

.white-admissions h1.admissions-h1 {
   color: #fff;
}

.white-admissions h2.landing-h2 {
   color: #fff;
}

.faq-text .landing-h2 {
   color: #0063A8;
}

h2.landing-h2.yellow {
   color: #F0C415;
}

.tc-4-buttons .blue-button {
   box-sizing: border-box;
   padding: 23px 0;
   text-align: center;
   width: calc(50% - 8px);
}

.tc-4-buttons .blue-button:nth-of-type(2n+1) {
   margin: 0 5px 10px 0;
}

.tc-4-buttons .blue-button:nth-of-type(2n+2) {
   margin: 0 0 10px 5px;
}

/*.best-of-callout {
   background: #fff;
   border: 1px solid #0063A8;
   border-top: 5px solid #0063A8;
   bottom: -230px;
   color: #001B32;
   font-family: 'Roboto Slab';
   left: calc(50% + 30px);
   padding: 45px 50px 30px;
   position: absolute;
   text-align: center;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   width: 432px;
}*/

.best-of-callout {
   background: #fff;
   border: 1px solid #0063A8;
   border-top: 5px solid #0063A8;
   color: #001B32;
   font-family: 'Roboto Slab';
   margin-top: 50px;
   padding: 45px 50px 30px;
   position: relative;
   text-align: center;
   width: 1000px;
   margin: auto;
   margin-top: 75px;
   display: inline-block;
   text-align: center;
}

.callout-holder {
   display: inline-block;
   margin: auto;
   text-align: center;
   width: 100%;
}

.callout-shield {
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   top: -30px;
}

.best-of-h2 {
   color: #0063A8;
   font-size: 36px;
   font-weight: 700;
   line-height: 38px;
   margin-bottom: 15px;
}

.best-of-h3 {
   font-size: 26px;
   margin-bottom: 15px;
}

.best-of-h4 {
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 10px;
}

.best-of-logos {
   display: inline-block;
   margin-top: 10px;
   text-align: center;
   width: 100%;
}

.bucks-logo {
   margin: 0 20px;
   width: 122px;
   height: 122px
}

.three-img-links {
   display: flex;
}

.admissions-content .three-img-links {
   margin: 50px 0 50px;
}

.three-img-links .img-link {
   width: calc(33.33% - 8px);
}

.three-img-links .img-link:first-of-type {
   margin-right: 8px;
}

.three-img-links .img-link:nth-of-type(2) {
   margin: 0 4px;
}

.three-img-links .img-link:last-of-type {
   margin-left: 8px;
}

.img-link-container {
   height: 0;
   overflow: hidden;
   padding-bottom: 85%;
   position: relative;
   width: 100%;
}

.img-link-img {
   background-size: cover;
   bottom: 0;
   height: 100%;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
}

.img-link-container:before {
   content: '';
   display: block;
   position: absolute;
   height: 80px;
   width: 100%;
   bottom: 0;
   transition: height 0.3s ease-out;
   background: linear-gradient(to bottom, transparent 0%, #001b32 100%);
   z-index: 1;
}

.img-link-container:hover:before {
   height: 100%;
}

.img-link-arrow {
   bottom: 20px;
   color: #F0C415;
   font-family: 'Roboto Slab';
   font-size: 26px;
   font-weight: 700;
   left: 20px;
   position: absolute;
   z-index: 2;
}

.img-link-arrow:after {
   content: url(../images/arrow-yellow.svg);
   display: inline-block;
   height: 9px;
   left: 10px;
   position: relative;
   width: 27px;
   top: -1px;
}

.img-link-container:hover .img-link-arrow:after {
   animation-name: arrow-bounce-1;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

@keyframes arrow-bounce-1 {
   0% {
      left: 10px;
   }

   25% {
      left: 14px;
   }

   50% {
      left: 18px;
   }

   75% {
      left: 14px;
   }

   100% {
      left: 10px;
   }
}

.admissions-blue-back {
   background: #0063A8;
   color: #fff;
   padding: 0 0 100px;
}

.landing-navy-block {
   background: #001B32;
   color: #fff;
   margin-bottom: -150px;
   padding: 75px;
   position: relative;
   top: -150px;
   width: 100%;
}

.admissions-content .thumbnail-img {
   border: none;
}

.landing-navy-block .landing-h2 {
   color: #F0C415;
}

.landing-navy-block .two-columns {
   align-items: center;
}

.landing-divider-outer {
   margin: 75px 0;
   overflow: hidden;
   text-align: center;
}

.landing-divider-h2 {
   color: #F0C415;
   display: inline-block;
   font-family: Satisfy;
   font-size: 61px;
   margin: auto;
   position: relative;
}

.landing-divider-h2:before,
.landing-divider-h2:after {
   content: "";
   position: absolute;
   height: 1px;
   border-top: 1px solid #F0C415;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   width: 600px;
}

.landing-divider-h2:before {
   right: 100%;
   margin-right: 15px;
}

.landing-divider-h2:after {
   left: 100%;
   margin-left: 15px;
}

.landing-white-text {
   color: #000;
}

.csl-content .landing-white-text {
   color: #fff;
}

.blue-landing {
   color: #0063A8 
}

.landing-h2-bigger {
   font-size: 71px;
   line-height: 68px;
   margin-bottom: 20px;
}

.admissions-tc-top, .admissions-tc-middle {
   margin-bottom: 215px;
}

.flex-center-vertical {
   align-items: center;
}

.callout-circle, .callout-circle-back {
   background: #fff;
   border-radius: 50%;
   height: 430px;
   padding: 50px;
   position: absolute;
   text-align: center;
   width: 430px;
}

.callout-circle {
   z-index: 1;
}

.callout-circle-outer {
   height: 430px;
   position: absolute;
   width: 430px;
   z-index: 7;
}

.callout-circle-back {
   background: #F0C415;
   bottom: -10px;
   right: -10px;
}

.white-bg {
   background: #fff;
}

.callout-circle p {
   color: #001B32;
   font-family: 'Roboto Slab';
}

.callout-lg-text {
   color: #0063A8;
   font-family: 'Roboto Slab';
   font-size: 81px;
   font-weight: 700;
}

.callout-circle-bl {
   bottom: -230px;
   left: -125px;
}

.callout-circle-img {
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 50px;
   height: 162px;
   width: 162px;
   z-index: 1;
}

.cci-csl {
   background-image: url(../images/counseling-img-new.png);
}

.callout-circle-img.arc {
  background-image: url(../images/arc-img.png); 
}

.callout-circle-bl .callout-circle-img {
   bottom: -12px;
   left: -70px;
   position: absolute;
}

.callout-circle-br .callout-circle-img.arc {
   top: 35px;
   right: -85px;
   position: absolute;
}

.admissions-white-box {
   background-color: #fff;
   display: inline-block;
   margin-top: 95px;
   padding: 65px;
   width: 100%;
}

.admissions-white-box p {
   color: #011B32;
}

.left-white-box {
   border-right: 1px solid #0063A8;
   float: left;
   padding-right: 85px;
   width: 50%;
}

.right-white-box {
   float: left;
   padding-left: 85px;
   width: 50%;
}

.text-arrow-link {
   color: #0063A8;
   font-family: Muli;
   font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
}

.text-arrow-link:after {
   content: url(../images/arrow-yellow.svg);
   display: inline-block;
   height: 9px;
   left: 10px;
   position: relative;
   width: 27px;
   top: -1px;
}

.text-arrow-link:hover:after {
   animation-name: arrow-bounce-1;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

.relative {
   position: relative;
}

.navy-bg {
   background: #001B32;
}

.callout-circle-br {
   bottom: -240px;
   right: -20px;
}

.navy-bg .callout-lg-text, .navy-bg .callout-md-text {
   color: #F0C415;
}

.navy-bg .callout-lg-text {
   line-height: 75px;
}

.navy-bg .callout-circle-inner p {
   color: #fff;
}

.callout-circle-inner p {
   position: relative;
   z-index: 7;
}

.clear-button.text-arrow-link {
   color: #F0C415;
}

.callout-md-text {
   font-family: 'Roboto Slab';
   font-size: 51px;
   font-weight: 700;
   line-height: 53px;
   margin-bottom: 20px;
}
/**/

.vis-content.admissions-landing {
   margin-bottom: 100px
}
/*Admissions Transitions*/
@keyframes popout {
   from{transform:scale(0)}
    to{transform:scale(1)}
}
@-webkit-keyframes popout {
    from{-webkit-transform:scale(0)}
    to{-webkit-transform:scale(1)}
}

@keyframes popout2 {
    from{transform:scale(0)}
    to{transform:scale(1)}
}
@-webkit-keyframes popout2 {
    from{-webkit-transform:scale(0)}
    to{-webkit-transform:scale(1)}
}

.vis-trig {
   position: relative;
   top: 300px
}

.vis-content {
   position: relative;
}

.vis-content.vertical {
   opacity: 0;
   transform: translateY(50px);
   -webkit-transform: translateY(50px);
   position: relative;
   z-index: 7;
}

.vis-content.vertical.z-lower {
   z-index: 6;
}

.vis-trig.active+.vis-content .callout-circle-outer.popout {
   animation: popout 1 ease;
   -webkit-animation: popout 1s ease;
}

.vis-trig.active+.vis-content .callout-circle-outer .callout-circle-img.popout2 {
   animation: popout 2 ease;
   -webkit-animation: popout 2s ease;
}

.vis-trig.active+.vis-content.vertical {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: opacity 1s ease 0s,transform 1s ease 0s;
    transition: opacity 0.5s ease 0s,transform 0.5s ease 0s;
}

.vis-trig.active + .vis-content .tc-left-text , .vis-trig.active + .vis-content .tc-left-img  {
   opacity: 1;
   transform: translateX(0);
   transition: opacity 0.5s ease 0s,transform 0.5s ease 0s;
}

.vis-trig.active + .vis-content .tc-right-img, .vis-trig.active + .vis-content .tc-right-text {
   opacity: 1;
   transform: translateX(0);
   transition: opacity 0.5s ease 0s,transform 0.5s ease 0s;
}
    
/**/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
}

@media screen and (min-ratio: 4/3) and (max-ratio: 52/27) {
   .home-top-left, .home-top-right {
	   height: calc(100vh - 139px);
	   top: 0;
   }

   .home-top {
      height: calc(100vh - 140px);
   }
}

@media screen and (min-width: 1921px) {
   .home-top.full-section {
	   height: auto;
	   padding: 50px 0 200px;
   }

   .home-top-left, .home-top-right {
	   height: 100%;
	   top: 0;
   }
}

@media screen and (max-width: 1899px) {
   .right-mid-col.cps ul li {
      font-size: 14px;
   }

   .right-mid-col.cps ul li a {
      padding: 0 20px;
   }

   .home-article-title {
      font-size: 37px;
      line-height: 43px;
   }

   .home-article {
      padding: 70px 55px;
   }
}

@media screen and (max-width: 1800px) {
   .callout-circle-bl {
      left: -35px;
   }

   .content-sub-nav.guidance li a {
      padding: 0 30px;
      font-size: 14px;
      height: 59px;
   }
}
@media screen and (max-width: 1700px) {
   .top-arrow {
      width: calc(100% - 579px);
   }

   .content-container {
      padding: 0 80px;
   }

   .home-h1 {
      font-size: 75px;
      line-height: 92px;
   }

   .home-top p {
      font-size: 19px;
      line-height: 34px;
      width: 351px;
   }

   .home-top-left {
      width: 34%;
   }

   .home-top-right {
      left: 34%;
      width: 66%;
   }

   .home-h3 {
      font-size: 32px;
      margin-bottom: 8px;
   }

   .home-pic-icon.clubs {
	   height: 68px;
	   width: 53px;
   }

   .half-section .vc {
	   padding: 0 35px;
   }

   .half-section, .full-section-width {
      padding-top: 54%;
   }
}

@media screen and (max-width: 1650px) {
   .callout-circle-bl {
      left: 50px;
   }

   .callout-circle-br {
      right: 50px;
   }
}

@media screen and (max-width: 1600px) {
   .admissions-portal-top {
      min-height: 750px;
   }

   li.upperNav.discover:hover::after {
      right: 870px;
   }

   li.upperNav.academics:hover::after {
      right: 590px;
   }

   li.upperNav.admissions:hover::after {
      right: 723px;
   }

   .nav li {
      margin-left: 40px;
   }

   .bio-line .left-bio {
      float: left;
      width: 225px;
   }

   .bio-line .right-bio {
    float: left;
    width: calc(100% - 225px);
}

   .content-sub-nav.guidance li a {
      padding: 0 20px;
   }

   .bio-block.birdie .name {
      line-height: 20px;
      height: 40px;
   }

   .bio-block.birdie .title {
      line-height: 20px;
      height: 40px;
   }
}

@media screen and (max-width: 1500px) {
   .content-sub-nav.guidance li a {
      padding: 0 17px;
   }

   .callout-circle-outer {
      height: 375px;
      position: absolute;
      width: 375px;
      bottom: -200px;
   }

   .callout-circle-bl .callout-circle-img {
      bottom: -50px;
      left: -50px;
   }

   .callout-circle-br .callout-circle-img.arc {
      top: -35px;
      right: -65px;
   }

   .callout-lg-text {
      font-size: 53px;
   }

   .navy-bg .callout-circle-inner p {
      color: #fff;
      padding: 0 15px;
   }

   .navy-bg .callout-lg-text {
      line-height: 48px;
   }

   .callout-md-text {
      font-size: 40px;
      line-height: 43px;
      margin-bottom: 20px;
   }

   .callout-circle, .callout-circle-back {
      height: 375px;
      padding: 30px;
      width: 375px;
   }

   .callout-circle-back {
      background: #F0C415;
      bottom: -10px;
      right: -10px;
   }

   .admissions-content .content-container {
      padding: 0 50px;
      width: 100%;
   }

   li.upperNav.discover:hover::after {
      right: 755px;
   }

   li.upperNav.admissions:hover::after {
      right: 609px;
   }

   li.upperNav.academics:hover::after {
      right: 472px;
   }

   li.upperNav.alumni:hover::after {
      right: 302px;
   }

   li.upperNav.students-life:hover::after {
      right: 190px;
   }

   .top-arrow {
      width: calc(100% - 460px);
   }

   .header-social {
      margin-right: 80px
   }

   .aops-banner {
      height: 75px;
      position: absolute;
      right: 25px;
      top: 0;
   }

   .aops-banner img {
      height: 75px;
   }

   .nav {
      margin-right: 0;
   }

   .content-container {
      padding: 0 50px;
   }

   .home-h1 {
      font-size: 65px;
      line-height: 82px;
   }

   .home-h2 {
      font-size: 35px;
   }

   .home-h2 .satisfy {
      position: relative;
      top: -2px;
   }

   .advantage-head {
      margin-bottom: 20px;
   }

   .advantage-shield {
      height: 58px;
   }

   .home-top p {
      font-size: 17px;
      line-height: 31px;
      width: 328px;
   }

   .home-top-left {
      width: 30%;
   }

   .home-top-right {
      left: 30%;
      width: 70%;
   }

   .advantage-header {
      font-size: 36px;
   }

   .submenu {
      max-width: 100%;
      right: -20000px;
   }

   .nav ul > li:hover > ul, .submenu:hover, ul > li:focus > ul, .submenu:focus, .upperNav.hover .submenu {
      display: block;
      right: 0px;
   }

   .nav .submenu li {
      font-size: 19px;
   }

   li.upperNav.faith:hover::after {
      right: 85px;
   }

   .right-col {
      width: 290px;
   }

   .left-mid-col {
      width: calc(100% - 290px);
   }

   .left-col {
      width: 280px;
   }

   .middle-col {
      width: calc(100% - 570px);
   }

   .cec-advantage {
      padding: 70px 0 30px;
   }

   .home-upcoming {
      padding: 70px 0 70px;
   }

   .home-happening {
      padding: 70px 0 50px;
   }

   .home-pic-icon.athletics {
      height: 45px;
      width: 46px;
   }

   .home-h3 {
	   font-size: 30px;
   }

   .home-pic-icon.orgs {
      height: 46px;
      width: 46px;
   }

   .home-pic-icon.clubs {
	   height: 47px;
	   width: 62px;
   }

   .half-section .vc {
	   padding: 0 30px;
   }

   .home-article-title {
	   font-size: 33px;
	   line-height: 38px;
   }

   .event-hr {
      margin: 28px 0 18px;
   }

   .home-article {
	   padding: 60px 50px;
   }

   .content-sub-nav li a {
      padding: 0 23px;
   }

   #calendar {
      padding: 0 50px;
   }

   .home-h3 {
      margin-bottom: 0;
   }

   .home-pic-icon {
	   margin-bottom: 5px;
   }

   .content-header.landing h1 {
      font-size: 36px;
      line-height: 42px;
   }

   .content-header.landing {
      padding-bottom: 100px;
   }

   .content-header .landing-nav.three-col li {
	   font-size: 20px;
   }

   .articles-title {
      font-size: 25px;
      line-height: 30px;
   }
}

@media screen and (max-width: 1450px) {
   .footer-top-block:first-of-type {
      margin-right: 140px;
   }
}

@media screen and (max-width: 1400px) {
   .header-social-logo {
      margin-right: 15px;
   }

   .top-nav li {
      float: left;
      margin-left: 30px;
   }

   .left-embed {
      width: calc(100% - 525px);
   }

   .admissions-portal-top {
      min-height: 680px;
   }

   .right-mid-col.cps ul li a {
      padding: 0 18px;
   }

   li.upperNav.discover:hover::after {
      right: 697px;
   }

   li.upperNav.admissions:hover::after {
      right: 559px;
   }

   li.upperNav.academics:hover::after {
      right: 437px;
   }

   li.upperNav.alumni:hover::after {
      right: 282px;
   }

   .nav li {
      margin-left: 30px;
   }

   .content-sub-nav.guidance li a {
      padding: 0 13px;
   }

   .top-col-right iframe {
      height: 310px;
      width: 554px;
   }

   .advantage-right {
      padding: 60px 0 60px 50px;
   }

   .advantage-subhead {
      line-height: 28px;
   }
}

@media screen and (max-width: 1366px) {
   .blue-back .middle-col.events {
      float: none;
      padding: 100px 20px;
      text-align: center;
      width: 100%;
   }

   .carousel-row, .carousel-row:nth-of-type(n+4) {
      width: 33.33%;
   }

   .home-h5 {
      font-size: 38px;
   }

   .footer-top-block:first-of-type {
      margin-right: 70px;
   }

   .home-h4 {
      font-size: 29px;
   }

   .cultivating {
      font-size: 26px;
   }
}

@media screen and (max-width: 1365px) {
   .overlapper.overlapper-min {
      min-height: unset;
   }

   .top-nav li {
      margin-left: 30px;
   }

   .content-sub-nav.guidance li a {
      padding: 0 35px;
   }

    .middle-col.thanks-volunteer, .middle-col.thanks-internship, .middle-col.thanks-events, .middle-col.thank-alumni, .middle-col.thanks-admissions  {
      min-height: unset;
   }

   .bio-line .left-bio {
      width: 300px;
   }

   .bio-line .right-bio {
      width: calc(100% - 300px);
   }

   .content-header .middle-col.birdie {
      width: 100%;
   }

   .birdie-left {
      margin-right: 0px;
   }

   .birdie-img {
      display: inline-block;
      float: left;
      margin-right: 60px;
      margin-top: 40px;
   }

   .birdie-img img {
      height: 130px;
   }

   .bio-block.birdie .name {
      line-height: 30px;
      height: auto;
   }

   .bio-block .bio img {
      height: 170px;
   }

   .aop {
      color: #4A79A5;
      font-size: 16px;
      float: right;
   }

   .header-button {
      margin: 80px 0 40px;
   }

   .left-col {
      display: none;
   }

   .middle-col {
      padding-left: 0;
      width: calc(100% - 290px);
   }

   .content-sub-nav .right-mid-col {
      padding: 0;
      width: 100%;
   }

   .right-mid-col.faculty, .right-mid-col.location-contact, .right-mid-col.directors, .right-mid-col.news {
      padding: 40px 0 40px 0px;
      width: 100%;
   }

   .content .middle-col {
      padding-left: 0;
   }

   .middle-col h1 {
      margin-top: 40px;
   }

   .content-header .middle-col p {
      margin-bottom: 30px;
   }

   .header-button {
      margin-top: 100px;
   }

   .home-h1 {
      padding-top: 70px;
   }

   .home-top p {
      margin-bottom: 40px;
      width: 25%;
   }

   .advantage-header {
      font-size: 31px;
   }

   .half-section, .full-section-width {
      padding-top: 65%;
   }

   .home-h3 {
	   font-size: 28px;
   }

   .home-article-title {
	   font-size: 30px;
	   line-height: 36px;
   }

   .home-article {
	   padding: 50px 35px;
   }

   .event-description {
	   font-size: 16px;
	   line-height: 26px;
	   margin-bottom: 29px;
   }

   .content-header .landing-nav li {
      font-size: 21px;
      line-height: 30px;
   }

}

@media screen and (max-width: 1350px) {
   .bucks-left {
      margin-right: 15px;
   }

   .bucks-right {
      margin-left: 15px;
   }

   .wrapper.admin-wrap {
      margin-bottom: -505px;
   }

   .footer-spacer.admin-spacer {
      height: 505px;
   }

   .covid-cta {
      width: 100%
   }

   .footer-left .best-of-bucks img {
      width: 120px;
      max-width: 100%;
   }

   .best-of-bucks {
      width: 274px;
   }

   .footer-newsletter {
      clear: right;
      float: right;
      margin: 0 0 40px;
      width: 390px;
   }

   .footer-logo {
      margin-right: 20px;
   }

   .footer-logo img {
      max-width: 80%;     
   }
}
@media screen and (max-width: 1300px) {
   .header-calendar {
      margin-left: 22px;
   }

   .top-nav {
      margin-right: 20px;
   }

   .top-nav li {
      margin-left: 15px;
   }

   .admissions-tc-top, .admissions-tc-middle {
      margin-bottom: 200px;
   }

   .landing-h2-bigger {
      font-size: 60px;
      line-height: 60px;
      margin-bottom: 20px;
   }

   li.upperNav.discover:hover::after {
      right: 667px;
   }

   li.upperNav.admissions:hover::after {
      right: 539px;
   }

   li.upperNav.academics:hover::after {
      right: 417px;
   }

   li.upperNav.students-life:hover::after {
      right: 170px;
   }

   .logo img {
      height: 50px;
   }

   .nav li {
      margin-left: 25px;
   }

   .full-col.videos .video-home-holder p {
      line-height: 25px;
   }

   .full-col.videos .video-title-header {
      font-size: 29px;
      line-height: 32px;
      margin-top: 15px;
   }

   .college-image {
      float: left;
      padding: 0 2%;
      width: 16.66%;
   }

   .advantage-block, .advantage-block-mobile {
      margin-bottom: 30px;
   }

   .advantage-subhead {
      display: block;
      line-height: 28px;
      margin-top: 5px;
   }

   .home-h5 {
      font-size: 35px;
   }

   .footer-top-block:first-of-type {
      float: left;
   }

   .footer-top-block {
      float: right;
      width: 450px;
   }

   .cultivating {
      display: inline-block;
   }

   .filters {
      left: 196px;
   }

   #calendar .header {
      width: 360px;
   }

   .home-pictures p {
      font-size: 15px;
      line-height: 23px;
   }
}

@media screen and (max-width: 1250px) {
   .top-nav li {
      margin-left: 10px;
   }

   .home-stat-label {
      font-size: 32px;
      line-height: 39px;
   }

   .home-stat {
      font-size: 52px;
   }

   .footer-logo {
      margin-right: 0px;
   }

   .footer-newsletter {
      width: 350px;
   }

   .newsletter-submit {
      background-position: right 11px center;
      width: 108px;
   }

   .footer-top-block:first-of-type {
      margin-right: 25px;
   }

   #calendar {
      padding: 0;
   }

   .content-header .two-col.athletics-left:first-of-type {
      padding-right: 40px;
   }
   
   .two-col.athletics-left {
      width: 40%;
   }

   .two-col.athletics-right {
      width: 60%;
   }

}

@media screen and (min-width: 1201px) {
   #navMobile {
      display: none !important;
   }
}

@media screen and (max-width: 1200px) {
   .bucks-left , .bucks-right {
      margin-bottom: 0px;
   }

   .footer-left .best-of-bucks img {
      width: 100px;
      max-width: 100%;
      height: 100px;
      margin-right: 15px;
      margin-bottom: 0px;
   }

   .footer-logo {
      display: none;
   }

   .best-of-bucks.mobile {
      display: block;
      margin-bottom: 25px;
      margin-top: 0px;
      width: 472px;
   }

   .bucks-left {
      margin-bottom: 0px;
      margin-left: 10px;
   }

   .bucks-right {
      margin-right: 10px;
   }


   .best-of-callout {
      width: 100%;
   }

   .top-nav ul {
      display: none;
   }

   .left-embed br {
      display: none;
   }

   .bucks-left {
      margin-bottom: 20px;
      margin-right: 0px;
      margin-left: 0px;
   }

   .bucks-right {
      margin-left: 0px;
   }

   .admissions-white-box {
      padding: 50px;
   }

   .right-white-box {
      padding-left: 50px;
   }

   .left-white-box {
      padding-right: 50px;
   }

   .tc-right-img.faq-img, .tc-left-text.faq-text {
      width: 50%;
   }

   .admissions-tc-top, .admissions-tc-middle {
      margin-bottom: 275px;
   }

   .callout-circle-bl {
      left: 7%;
      bottom: -225px;
   }

   .callout-circle-br {
      right: 4%;
      bottom: -270px;
   }

   .tc-left-text,  .tc-right-text {
      width: 45%;
   }

   .tc-right-img, .tc-left-img {
      width: 55%;
   }

   .bio-line .left-bio {
      width: 225px;
   }

   .bio-line .right-bio {
      width: calc(100% - 225px);
   }

   .play-holder {
      height: 75px;
      width: 75px;
   }

   .video-title-header {
      font-size: 25px;
      margin-top: 15px;
      line-height: 29px;
   }

   .cec-footer-logo {
      display: none;
   }

   .g-disclaimer {
      left: 0;
      position: absolute;
      bottom: -15px;
   }

   .footer-text {
      padding-bottom: 50px;
   }

   .content-sub-nav.guidance li a {
      padding: 0 30px;
   }

   .top-col-right iframe {
      height: 281px;
      width: 504px;
   }

   .logo img {
      height: 56px;
   }

   .header-bottom {
      height: 80px;
   }

   header, .header-spacer {
      height: 126px;
   }

   /*.home-top-left, .home-top-right {
	   height: calc(100vh - 125px);
	   top: 0;
   }

   .full-section {
	   height: calc( 100vh - 126px);
	   position: relative;
   }*/

   .content-header.athletics {
      height: 328px;
   }

   /*Mobile Nav styles*/
   .nav {
      display: none;
   }

   .aops-banner {
      display: none;
   }

   .header-bottom {
      position: relative;
      text-align: center;
   }

   /*.wrapper.editing .header-bottom {
      top: 46px;
   }*/

   .logo {
      float: none;
      margin-top: 0;
      padding-top: 14px;
   }

    #mobileMenuLink, #mobileCloseLink {
      display: block;
      position: absolute;
      right: 14px;
      top: 13px;
      z-index: 21;
   }

   /*#mobileMenuLink.editing {
      top: 63px;
   }*/

   #navMobile {
      background: #042643;
      height: calc(100% - 96px);
      overflow-y: auto;
      right: 0;
      position: fixed;
      top: 47px;
      transform: translateX(375px);
      -webkit-transform: translateX(375px);
      -o-transform: translateX(375px);
      -moz-transform: translateX(375px);
      -ms-transform: translateX(375px);
      transition: transform .3s ease;
      -webkit-transition: -webkit-transform .3s ease;
      -o-transition: transform .3s ease;
      -moz-transition: transform .3s ease;
      width: 375px;
      z-index: 20;
      -webkit-box-shadow: -16px 5px 32px 3px rgba(0,0,0,0.75);
      -moz-box-shadow: -16px 5px 32px 3px rgba(0,0,0,0.75);
      box-shadow: -16px 5px 32px 3px rgba(0,0,0,0.75);
   }

   @media screen and (min-width: 1151px) { 
      /* This offset (for dlfee toolbar) is only needed on desktop. */
      #navMobile.editing {
         top: 151px;
      }      
   }

      #navMobile.active {
         opacity: .98;
         right: 0px;
         transform: scale(1,1);
         -webkit-transform: scale(1,1);
         -o-transform: scale(1,1);
         -moz-transform: scale(1,1);
         -ms-transform: scale(1,1);
         transition: opacity .5s ease, transform .3s ease;
         -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
         -o-transition: opacity .5s ease, transform .3s ease;
         -moz-transition: opacity .5s ease, transform .3s ease;
      }

      #navMobile ul li.active, #navMobile .mobile-links ul li.active {
         color: #F0C415;
      }

      .vertCenter {
         display: inline-block;
         height: 100%;
         vertical-align: middle;
         width: 0;
      }

      #navMobile #linksHolder {
         display: inline-block;
         font-size: 30px;
         vertical-align: middle;
         width: 100%;
      }

      #navMobile li {
         border-bottom: 1px solid #4A79A5;
         color: #4A79A5;
         font-size: 16px;
         position: relative;
         text-transform: uppercase;
      }

      .mobile-icon {
         border-left: 1px solid #4A79A5;
         color: #4A79A5;
         cursor: pointer;
         height: 60px;
         line-height: 60px;
         position: absolute;
         right: 0;
         text-align: center;
         top: 0;
         width: 60px;
      }

         .mobile-icon::before {
            content: "+";
            font-size: 34px;
            position: relative;
            top: -3px;
         }

      .open .mobile-icon::before {
         content: "-";
         /*font-family: "cec" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;*/
      }

      #navMobile li a {
         height: 60px;
         line-height: 60px;
         padding: 0 20px;
      }


      #navMobile li ul {
         padding: 0 20px;
      }

      #navMobile li li a {
         color: #fff;
         height: auto;
         line-height: normal;
         padding: 0;
         text-transform: none;
      }

      #navMobile li .nav-arrow {
         margin-top: 15px;
      }

      #navMobile li.open .nav-arrow {
         margin-top: 25px;
         transform: rotate(180deg);
         -webkit-transform: rotate(180deg);
      }

      #navIcon {
         width: 32px;
         height: 36px;
         position: relative;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .5s ease-in-out;
         -moz-transition: .5s ease-in-out;
         -o-transition: .5s ease-in-out;
         transition: .5s ease-in-out;
         cursor: pointer;
      }

         #navIcon span {
            background: #F0C415;
            display: block;
            height: 2px;
            left: 0;
            opacity: 1;
            position: absolute;
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transition: .25s ease-in-out;
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            width: 100%;
         }

            #navIcon span:nth-child(1) {
               top: 0px
            }

            #navIcon span:nth-child(2), #navIcon span:nth-child(3) {
               top: 8px
            }

            #navIcon span:nth-child(4) {
               top: 16px
            }

         #navIcon.open span:nth-child(1) {
            left: 50%;
            top: 18px;
            width: 0%;
         }

         #navIcon.open span:nth-child(2) {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
         }

         #navIcon.open span:nth-child(3) {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
         }

         #navIcon.open span:nth-child(4) {
            left: 50%;
            top: 18px;
            width: 0%;
         }

      .mobileSub {
         box-sizing: border-box;
         max-height: 0;
         overflow: hidden;
         padding: 20px;
         transition: max-height .5s ease;
         -webkit-transition: max-height .5s ease;
         width: 100%;
      }

      #navMobile .mobileSub.active li {
         border-top: none;
         color: #000;
         font-size: 18px;
      }

      #navMobile .mobileSub li:first-of-type {
         padding-top: 25px;
      }

      #navMobile .mobileSub li:last-of-type {
         padding-bottom: 25px;
      }

      #navMobile .mobileSub.active li.active a {
         color: #F0C415;
      }

      #navMobile .mobileSub li {
         border-bottom: none;
         color: #000;
         font-size: 18px;
         padding: 12px 0px;
      }

      #navMobiel .mobileSub li li {
         padding: 10px 0;
      }

      .mobileSub.active {
         max-height: 605px;
         transition: max-height .5s ease;
         -webkit-transition: max-height .5s ease;
      }

      .mobileSub.border {
         border-top: 1px solid #4A79A5;
      }

      #navMobile li.mobileSub.active li {
         border-top: none;
      }

      #navMobile li.open {
         padding-bottom: 0;
      }

      .mobile-social {
         display: inline-block;
         margin: 20px 0;
         padding: 0 20px;
         width: 100%;
      }

      #navMobile .mobile-links ul li {
         border-bottom: none;
         color: #ABB7C1;
      }

      .header-social {
         margin-right: 50px;
      }
      /**/

      .best-of-bucks {
         margin-top: 5px;
         margin-right: 30px;
         width: 120px;
      }

      .footer-newsletter {
         width: 390px;
      }

      .newsletter-submit {
         background-position: right 17px center;
         width: 122px;
      }

      .home-stats .thirds {
         padding: 0 20px;
      }

      .advantage-header {
         font-size: 26px;
      }

      .advantage-subhead {
         font-size: 16px;
         line-height: 26px;
      }

      .home-pic-icon {
         margin-bottom: 5px;
      }

      .home-h3 {
         margin-bottom: 2px;
      }

      .home-box-mobile-cut {
         display: none;
      }

      .half-section, .full-section-width {
         padding-top: 55%;
      }

      .event-description {
         display: none;
      }

         .event-description.mobile {
            display: block;
         }
   }

@media screen and (max-width: 1100px) {
   .left-embed {
      width: calc(100% - 445px);
   }

   .home-h1 {
      font-size: 63px;
      line-height: 80px;
   }

   .admissions-tc-top, .admissions-tc-middle {
      margin-bottom: 300px;
   }

   .tc-left-text {
      padding-right: 40px;
   }

   .tc-right-text {
      padding-left: 40px;
   }

   .landing-h2-bigger {
      font-size: 54px;
      line-height: 50px;
      margin-bottom: 20px;
   }

   .right-mid-col.cps ul li {
      font-size: 14px;
   }

   .right-mid-col.cps ul li a {
      padding: 0 20px;
   }

   .welcome-holder {
      padding-bottom: 30px;
   }

   .full-width {
      display: inline-block;
      width: 100%;
   }

   .covid-box .left50 {
      margin-left: 0px;
      margin-right: 2.5%;
      width: 47.5%;
   }

   .covid-box .right50 {
      margin-left: 2.5%;
      margin-right: 0px;
      width: 47.5%;
   }

   .video-home-holder .third:nth-of-type(3) {
      display: none;
   }

   .full-col.videos .video-home-holder .third:nth-of-type(3) {
      display: block;
   }

   .video-home-holder .third {
      float: left;
      margin-left: 1%;
      margin-right: 1%;
      width: calc(48% - 5px);
   }

   .footer-newsletter {
      width: 370px;
   }

   .news-header {
      padding: 30px 0 40px;
   }

   .content-sub-nav.guidance li a {
      padding: 0 20px;
   }

   .contact-admissions {
      margin-top: 20px;
      width: 100%;
   }

   .home-stat {
      font-size: 45px;
   }

   .mobile-alumni-subhead {
      display: block;
      margin-top:50px;
   }

   .mobile-video {
      display: block;
      margin: auto;
      margin-bottom: 50px;
      margin-top: 30px;
      text-align: center;
      overflow:hidden;
      padding-bottom:56.25%;
      position:relative;
      height:0;
   }

   .mobile-video iframe {
      left:0;
      top:0;
      height:100%;
      width:100%;
      position:absolute;
   }

   .college-image {
      float: left;
      margin-bottom: 30px;
      padding: 0 3%;
      text-align: center;
      width: 33.33%;
   }

   .birdie-img img {
      height: 115px;
   }

   .top-arrow-back {
      right: 50px;
   }

   .top-arrow {
      width: 100%;
   }

   .home-top p {
      font-size: 16px;
      line-height: 26px;
      width: 27%;
   }

   .home-top-left {
      width: 33%;
   }

   .home-top-right {
      left: 33%;
      width: 67%;
   }

   .advantage-right {
      padding: 50px 0 50px 45px;
   }

   .advantage-left {

   }

   .advantage-block.active::after {
      left: -70px;
   }

   #space-outer, .carousel-outer {
      padding: 0 35px;
   }

   .home-h5 {
      font-size: 29px;
   }

   .home-h4 {
      font-size: 23px;
   }

   .footer-top-block {
      width: 425px;
   }

   .cultivating {
      font-size: 23px;
   }

   .content .middle-col, .content .right-col {
      width: 100%;
   }

   .content .right-col {
      padding-top: 20px;
   }

   .content .middle-col {
      padding-bottom: 30px;
      padding-right: 0;
   }

   .left-mid-col {
      padding-right: 0;
      width: 100%;
   }

   .right-contact {
      background: #F4F4F4;
      margin-bottom: 50px;
      padding: 20px;
      width: 100%;
   }

   .contact-right-info {
      display: block;
      float: left;
      margin-top: 10px;
      padding-left: 20px;
      width: calc(100% - 75px);
   }

   .right-events {
      display: table;
   }

   .right-event-holder {
      display: table-row;
   }

   .right-event {
      border-bottom: none;
      border-right: 1px solid rgba(112, 112, 112, .14);
      display: table-cell;
      padding: 10px 10px 10px 5px;
      width: 33.33%;
   }

   .right-event:first-of-type {
      padding-top: 20px;
   }

   .right-events .blue-button {
      margin-top: 15px;
   }

   .right-event-date {
      font-size: 40px;
   }

   .right-event-dates {
      margin-top: -5px;
      vertical-align: top;
      width: 66px;
   }

   .right-event-info {
      vertical-align: top;
      width: calc(100% - 71px);
   }

   .landing-left-links {
      float: left;
      width: 60%;
   }

   .landing-right-box {
      display: block;
      float: left;
      width: 40%;
   }

   .landing-right-box img {
      margin-top: 20px;
   }

   .content-header.landing {
      padding: 40px 0 80px;
   }

   .content-header.landing .two-col:first-of-type {
      padding-right: 0;
      width: 100%;
   }

   .content-header.landing .two-col:last-of-type {
      display: none;
   }

   .content-header.landing .two-col.landing-nav:first-of-type {
      padding-right: 15px;
      width: 50%;
   }

   .content-header.landing .two-col.landing-nav:last-of-type {
      display: block;
   }

   .content-header .blue-box {
      margin: 15px 0 0;
      max-width: 100%;
      width: 100%;
   }

   .content-header.landing {
      padding-bottom: 80px;
   }

   .athletics-left img {
      display: none;
   }

   .two-col.athletics-right {
      margin-top: 25px;
      width: 100%;
   }

   .content-header.landing .landing-bottom .two-col:first-of-type {
      display: block;
      padding-right: 70px;
      width: 50%;
   }
   
   .content-header.landing .landing-bottom .two-col:last-of-type {
      display: block;
      width: 50%;
   }

   .landing-bottom {
      margin-top: 50px;
   }

   .right-col.choose .header-button {
      display: block;
   }

   .big-shield {
      display: none;
   }

   .fact {
      padding-right: 20px;
      vertical-align: top;
      width: calc(33.33% - 5px);
   }

   .fact-right {
      padding-left: 5px;
   }

   .spacer-top {
      margin-top: 20px;
   }

   /*mobile calendar switch*/
      #calendar ul.dates li, #calendar ul.dates li.end, #calendar ul.dates li.start {
      border-right: none;
      height: auto;
      width: 100%;
   }

   .event-more {
      display: none;
   }

   .event-title.extra-events {
      display: block;
   }

   #calendar ul.dates li.today {
      color: #FF0000;
   }

   .mobile-day {
      display: block;
      float: left;
      font-size: 19px;
      font-weight: bold;
      margin: 10px 20px 0 15px;
      text-transform: uppercase;
      width: 30px;
   }

   .calendarDay {
      margin:0 0 0 10px;
      text-align: right;
      width: 30px;
   }

   #calendar ul.label {
      display: none;
   }

   .event-data {
      display: inline-block;
      position: static;
      top: 0;
      transform: none;
      -webkit-transform: none;
      vertical-align: middle;
      width: 70%;
   }

   .event-title, .event-time, .event-titleMobile, .event-more {
      width: auto;
   }

   .event-title:last-of-type, .event-titleMobile:last-of-type {
      margin-bottom: 0;
   }

   .event-data {
      margin-top: 0;
   }

   #calendar ul.dates li {
      padding: 0;
      text-align: left;
   }

   #calendar .box-content {
      width: 100%;
   }

   #calendar ul.dates li.no-event-today {
      /*display: none;*/
   }

   .calendarHeader {
      margin-bottom: 0
   }

   .dates .mask {
      display: none;
   }

   .mobile-date-left {
      padding: 10px 0;
      text-align: center;
      width: 45px;
   }

   .mobile-date-date {
      color: #4E4E4E;
      font-family: 'Roboto Slab';
      font-size: 24px;
      line-height: 30px;
   }

   .mobile-date-month {
      display: none;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
   }

   .mobile-date-day {
      color: #939393;
      font-family: 'Roboto Slab';
      font-size: 11px;
   }

   .calendarDay, .mobile-day {
      display: none;
   }

   .mobile-table {
      display: table;
      width: 100%;
   }

   .dates .mobile-table, .dates .mobile-tr {
      display: block;
   }

   .mobile-tr {
      display: table-row;
      width: 100%;
   }

   .mobile-date-left, .event-data {
      display: table-cell;
      vertical-align: middle;
   }

   .event-data {
      max-width: calc(100% - 55px);
      padding: 15px 15px 15px 0;
      width: calc(100% - 55px);
   }

   #calendar ul.dates {
      border-top: 1px solid #bcbcbc;
   }

   .mobile-no-events {
      display: none;
      font-size: 14px;
   }
   
   #calendar .event-title:last-of-type {
      margin-bottom: 0;
   }

   .mobile-header {
      background: #F0C415;
      color: #001B32;
      display: inline-block;
      height: 60px;
      line-height: 60px;
      text-align: center;
   }

   #calendar .header {
      display: none;
   }

   .mobile-header .calendar-monthTitle {
      color: #001B32;
      font-size: 22px;
      font-weight: bold;
   }

   #calendar .mobile-header .header {
      display: inline-block;
      margin: 0 0 -5px;
      position: relative;
      top: -4px;
      width: 290px;
   }

   a.prev, a.next, .calendar-monthTitle {
      float: none;
      vertical-align: middle;
   }

   .mobile-calendarNav .calendarNav {
      top: 10px;
   }

   .calendar-monthTitle {
      position: relative;
      top: 0;
   }

   .calendar-header {
      float: left;
      position: static;
   }

   .calendarTop {
      margin-bottom: 20px;
   }

   .calendar-sync {
      top: 10px;
   }

   .filters {
      top: 4px;
   }
   /*End mobile calendar switch*/

   h1 {
      font-size: 36px;
      line-height: 40px;
   }

   .content-header h1 {
      margin-bottom: 10px;
   }

   .content-header .article-title {
	   margin-bottom: 30px;
   }

   .half-section, .full-section-width {
	   padding-top: 60%;
   }
}

@media screen and (max-width: 1024px) {
   .home-video-mobile iframe {
      width: 624px;
      height: 353px;
   }

   .video-header {
      float: left;
      width: 100%;
   }

   .video-header .home-h2 {
      float: none;
      text-align: center;
   }

   .home-video-mobile {
      display: block;
      padding: 60px 0;
   }

   .advantage-content {
      border-bottom: 1px solid #3795d6;
      margin-bottom: 20px;
      padding-bottom: 60px;
      text-align: center;
   }

   .advantage-head {
      display: flex;
      justify-content: center;
      margin-bottom: 35px;
   }

   .advantage-right {
      padding: 0px;
   }

   .advantage-left, .advantage-right {
      display: none;
   }

   .advantage-left.mobile, .advantage-right.mobile {
      display: table-cell;
   }
   
   .advantage-3-mobile {
	   background-image: url(../images/home-advantage-curriculum.jpg);
      opacity: 1;
   }

   .advantage-block-mobile:last-of-type {
      margin-bottom: 0;
   }

   .video-home {
      display: none;
   }

   .home-top-right.background-1 {
      background-image: url(../images/home-mobile-background-1.jpg);
   }

   .home-top-right.background-2 {
      background-image: url(../images/home-mobile-background-2.jpg);
   }

   .home-top-right.background-3 {
      background-image: url(../images/home-mobile-background-3.jpg);
   }

   .home-top-right.background-4 {
      background-image: url(../images/home-mobile-background-4.jpg);
   }

   .home-top-right.background-5 {
      background-image: url(../images/home-mobile-background-5.jpg);
   }
}

@media screen and (max-width: 1024px) and (min-height: 600px) and (max-height: 767px) {
   .home-top.full-section {
	   height: auto;
	   padding: 0 0 70px;
   }

   .home-top-left, .home-top-right {
	   height: 100%;
	   top: 0;
   }
}

@media screen and (max-width: 1000px){
   .best-of-bucks.mobile {
      display: block;
      margin-bottom: 25px;
      margin-top: 0px;
      width: 304px;
   }

   .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.38);
      padding: 60px 0 30px;
      position: relative;
   }

   .footer-left .best-of-bucks img {
      width: 135px;
      max-width: 100%;
      height: 135px;
      margin-right: 15px;
      margin-bottom: 15px;
   }

   .left-embed {
      width: 100%;
   }

   .admissions-iframe {
      margin-top: 250px;
   }

   .footer-top-block:first-of-type {
      float: none;
   }

   .left-white-box {
      border-bottom: 1px solid #0063A8;
      border-right: 0px;
      margin-bottom: 35px;
      padding-bottom: 35px;
      padding-right: 0px;
      width: 100%;
   }

   .right-white-box {
      padding-left: 0px;
      width: 100%;
   }

   /*.best-of-callout {
      left: 50%;
   }*/

   .tc-left-img, .tc-left-text {
      padding-right: 0px;
   }

   .tc-right-img, .tc-right-text {
      padding-left: 0px;
   }

   .img-link-arrow {
      font-size: 22px;
   }

   .callout-circle.white-bg .callout-lg-text {
      padding-top: 25px;
   }

   .tc-right-img .best-of-callout img {
      width: unset;
   }

   .tc-right-img .best-of-callout .bucks-logo, .tc-right-img .best-of-callout .bucks-logo-2{
      width: 100px;
   }

   .tc-right-img.faq-img {
      margin-top: 50px;
      width: 100%;
   }

   .landing-h2-bigger {
      font-size: 45px;
      line-height: 44px;
      margin-bottom: 20px;
   }

   .tc-right-text.steem, .tc-right-text.shadow, .tc-left-text.faq-text {
      padding-right: 0px;
      width: 100%;
   }

   .admissions-tc-top, .admissions-tc-middle {
      margin-bottom: 75px;
   }

   .callout-circle-bl .callout-circle-img {
      top: -75px;
      left: -40px;
   }

   .callout-circle-br .callout-circle-img.arc {
      left: -65px;
   }

   .callout-circle-br {
      bottom: 0;
      right: 0;
   }

   .callout-circle-bl {
      bottom: 0;
      right: 0;
      left: initial;
   }

   .row-reverse {
      flex-direction: initial;
   }

   .tc-left-img img , .tc-right-img img {
      width: 100%;
   }

   .tc-left-text {
      padding-right: 0px;
   }

   .tc-right-text {
      padding-left: 0px;
   }

   .two-columns {
      display: inline-block;
   }

   .tc-right-img, .tc-left-img {
      margin-bottom: 35px;
      width: 100%;
   }

   .tc-left-text, .tc-right-text {
      padding-right: 40px;
      width: calc(100% - 370px);  
   }

   .covid-cta {
      padding: 40px 35px;
   }

   .left-cta {
      width: 125px;
   }

   .right-cta {
      padding-left: 30px;
      width: calc(100% - 130px);
   }

   .footer-text {
      padding-bottom: 0px;
   }

   .home-stats .quarter {
      margin-bottom: 30px;
      width: 50%;
   }

   .home-stats .quarter:nth-of-type(odd) {
      clear: left;
   }

   .home-video {
      height: 315px;
      width: 560px;
   }

   .athletics .content-container .left-col-large {
      width: 100%;
   }

   .content-header.athletics {
      height: 305px;
   }

   .right-col-small img {
      display: none;
   }

   .footer-top {
      padding: 50px 0 55px;
   }

   .content-container {
      padding: 0 30px;
   }

   .home-h1 {
      font-size: 55px;
      line-height: 70px;
   }

   /*
   .advantage-right {
	   padding: 50px 0 50px 30px;
   } */

   .advantage-block.active::after {
      left: -55px;
   }

   .cec-advantage {
      padding: 50px 0 25px;
   }

   .home-happening {
      padding: 50px 0;
   }

   .home-upcoming {
      padding: 50px 0 50px;
   }

   .home-article-title {
	   font-size: 27px;
	   line-height: 33px;
   }

   .footer-top-block {
      margin-bottom: 50px;
      width: 100%;
   }
 
   .content-sub-nav {
      display: none;
   }

   .mobile-sub-nav {
      display: block;
   }

   .left-mid-col .select-box {
      margin-bottom: 35px;
   }

   .content-header .right-col {
      width: 220px;
   }

   .content-header .middle-col {
      width: calc(100% - 220px);
   }

   .header-button {
      font-size: 31px;
      height: 90px;
      line-height: 90px;
      margin-top: 101px;
   }

   .half-section .vc {
	   padding: 0 20px;
   }

   .half-section, .full-section-width {
	   padding-top: 66%;
   }

   .quote-text {
      font-size: 22px;
      line-height: 35px;
   }
}


@media screen and (max-aspect-ratio: 17/10) and (min-width: 1500px) {
   /*.fullscreen-bg__video {
      height: auto;
      min-height: 100%;
      width: 150%;
   }*/
}

@media screen and (min-aspect-ratio: 75/40) and (min-width: 1900px) and (max-height: 900px){
   .home-top.full-section {
      height: auto;
      padding: 0 0 135px;
   }

   .home-top-left, .home-top-right {
      height: 100%;
      top: 0;
   }
}

@media screen and (min-aspect-ratio: 60/40) and (min-width: 1000px) and (max-width: 1899px) {
   .home-top.full-section {
      height: auto;
      padding: 0 0 100px;
   }

   .home-top-left, .home-top-right {
      height: 100%;
      top: 0;
   }
}

@media screen and (max-height: 700px) and (max-width: 1200px) {
   .home-top.full-section {
      height: auto;
      padding: 0 0 100px;
   }

   .home-top-left, .home-top-right {
      height: 100%;
      top: 0;
   }
}

@media screen and (max-width: 1000px) and (max-height: 550px) {
   
}

@media screen and (max-width: 900px) {
   .bucks-logo {
      margin: 0px 15px;
      width: 100px;
      height: 100px;
   }

   .cec-home-img {
      padding-bottom: 75px;
   }

   .home-h1 {
      font-size: 49px;
      line-height: 60px;
   }

   .admissions-content {
      overflow: hidden;
   }

   .img-link-arrow {
      left: 10px;
   }

   .tc-right-text.steem {
      text-align: center;
   }

   .callout-circle-bl .callout-circle-img {
      top: -55px;
      left: -35px;
   }

   .callout-circle-br, .callout-circle-bl {
      bottom: 0;
      right: 0;
      left: initial;
      display: inline-block;
      margin-top: 100px;
      position: relative;
   }

   .admissions-tc-top, .admissions-tc-middle {
      text-align: center;
   }

   .tc-left-text, .tc-right-text {
      padding-right: 0px;
      width: 100%
   }

   .admissions-portal-top p {
      margin: auto;
      margin-bottom: 30px;
      width: 450px;
   }

   .admissions-portal-top {
      min-height: 600px;
   }

   .admissions-h1 {
      font-size: 60px;
      line-height: 60px;
   }

   .admissions-content .content-container {
      padding: 0 30px;
      width: 100%;
   }

   .cta-holder {
      display: inline-block;
   }

   .covid-cta {
      display: inline-block;
      position: relative;
      text-align: center;
   }

   .covid-cta-block {
      background-color: #0063a8;
      padding-top: 50px;
   }

   .left-cta {
      position: absolute;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: 80px;
      top: -45px;
   }

   .right-cta {
      padding-left: 0px;
      padding-top: 30px;
      width: 100%;
   }

   .mobile-button-holder {
      display: inline-block;
      text-align: center;
      width: 100%;
   }

   .mobile-button-holder {
      display: inline-block;
      text-align:center;
   }

   .bio-block.birdie .bio {
      padding: 15px;
   }

   .advantage-header {
      font-size: 26px;
      line-height: 27px;
   }

   .advantage-right {
	   padding: 40px 0 40px 30px;
   }

   .home-article, .home-article:nth-of-type(2) {
      display: block;
      width: 100%;
   }

   .event-description {
      display: block;
   }

   .event-description.mobile {
      display: none;
   }

   .home-article {
      padding: 50px 35px;
   }

   .home-event-location {
      margin-bottom: 20px;
   }

   .carousel-row, .carousel-row:nth-of-type(n+4) {
      width: 50%;
   }

   .footer-newsletter {
      width: 331px;
   }

   .newsletter-submit {
      width: 116px;
   }

   .home-stat-label {
      font-size: 30px;
   }

   .home-stat {
      font-size: 40px;
   }

   .home-sub-label {
      font-size: 18px;
   }

   .advantage-content, .advantage-head {
      text-align: center;
   }

   .advantage-head {
      margin-bottom: 35px;
   }

   .advantage-shield, .advantage-head .home-h2 {
      display: inline-block;
      float: none;
      vertical-align: middle;
   }

   .advantage-left, .advantage-right {
      padding: 0;
      width: 100%;
   }
   
   .advantage-left {
      display: none;
   }

   .advantage-left.mobile {
      display: none;
   }

   .advantage-right.mobile, .advantage-left.mobile.lower {
      display: block;
   }

   .advantage-left::after {
      border: none;
   }

   .advantage-left {
      height: 385px;
      margin-bottom: 25px;
   }

   .advantage-block-mobile {
      margin-bottom: 38px;
   }

   .fit {
      margin-top: 23px;
   }

   .home-h2 {
      font-size: 31px;
   }

   .advantage-shield {
      height: 49px;
      margin-right: 7px;
   }

   .home-pictures p {
      display: none;
   }

   .half-section .vc {
	   width: 100%;
   }

   .half-section, .full-section-width {
	   padding-top: 54%;
   }

   .home-pic-icon.clubs {
	   height: 52px;
	   width: 52px;
   }

   .home-h3 {
      line-height: 33px;
   }

   .home-bottom-blue h2 {
      text-align: center;
      width: 100%;
   }

   .events-button.fr {
      display: inline-block;
      float: none;
      text-align: center;
   }

   .home-event-title {
      font-size: 26px;
      margin: 2px 0 20px;
   }

   .landing-left-links, .landing-right-box {
      width: 100%;
   }

   .landing-right-box {
      margin-top: 25px;
   }

   .landing-right-box img {
      display: none;
   }

   .landing-right-box img.link-arrow {
	   display: inline;
   }

   .content-header .landing-nav.three-col li {
      font-size: 18px;
      line-height: 21px;
   }

   .content-header.landing .landing-bottom .two-col:first-of-type, .content-header.landing .landing-bottom .two-col:last-of-type {
	   padding: 0;
	   width: 100%;
   }

   .contact-page .left50, .contact-page .right50 {
      width: 100%;
   }

   .contact-page .left50 {
      margin-bottom: 35px;
   }

   .directors .content-section ul li {
      margin-bottom: 10px;
   }
}

@media screen and (max-width: 800px) {
   .admissions-white-box {
      padding: 35px;
   }

   .admissions-h1 {
      font-size: 51px;
      line-height: 53px;
   }

   .admissions-portal-top {
      min-height: 525px;
   }

   .landing-navy-block {
      padding: 50px;
   }

   .admissions-content .three-img-links {
      margin: 50px 0 20px;
   }

   .three-img-links .img-link:last-of-type {
      margin-left: 25%;
      margin-top: 16px;
   }

   .three-img-links .img-link:nth-of-type(2) {
      margin: 0 0 0 8px;
   }

   .three-img-links .img-link {
      width: calc(50% - 8px);
   }

   .admissions-content .three-img-links {
      flex-flow: wrap;
   }

   .welcome-header {
      font-size: 32px;
   }

   .cta-header {
      font-size: 38px;
      margin-bottom: 5px;
   }

   .covid-box .left50 {
      margin-left: 0px;
      margin-right: 1%;
      width: 49%;
   }

   .covid-box .right50 {
      margin-left: 1%;
      margin-right: 0px;
      width: 49%;
   }

   .full-col.videos .video-title-header {
      font-size: 25px;
      line-height: 27px;
      margin-top: 15px;
   }

   .bio-block.birdie .name {
      font-size: 19px;
   }

   .news-header {
      padding: 20px 0 30px;
   }

   .college-image.clear {
      clear: both;
   }

   .college-image {
      padding: 0 1.5%;
   }

   .birdie-right {
      float: left;
      width: calc(100% - 205px);
   }

   .birdie-left {
      width: 205px;
   }

   .birdie-img {
      margin-right: 30px;
   }

   /*.home-event-img {
      display: none;
   }*/

   .faculty .content-section .thirds {
      margin-bottom: 50px;
      width: 49%;
   }

   .three-column {
      width: 50%;
   }

   .edit-mode-on .three-column {
      width: calc(50% - 20px);
   }

   .edit-mode-on .three-column:nth-of-type(3) {
      margin-top: 20px;
   }

   .faculty .thirds:nth-of-type(3n+1) {
      clear: none;
   }

   .faculty .content-section .thirds:nth-of-type(odd) {
      clear: left;
      margin-right: 1%;
   }

   .faculty .content-section .thirds:nth-of-type(even) {
      margin-left: 1%;
   }

   .table.athletics .tr:first-of-type {
      font-size: 16px;
   }

   .tc.date {
      font-size: 16px;
   }

   .tc.away {
      font-size: 16px;
   }

   .tc.opponent {
      font-size: 16px;
   }

   .tc.location {
      font-size: 16px;
   }

   .tc.result {
      font-size: 16px;
   }

   .content-header.athletics h1 {
      font-size: 36px;
      line-height: 40px;
      margin-bottom: 20px;
   }

   .cultivating {
      font-size: 19px;
   }

   .content-header .middle-col {
      padding-right: 0;
      width: 100%;
   }

   .content-header .right-col {
      display: none;
   }

   .content-header h1.no-par {
      margin-bottom: 25px;
   }

   h1 {
      font-size: 30px;
      line-height: 36px;
   }

   .content-header.landing h1 {
      font-size: 30px;
      line-height: 36px;
   }

   .content-header.athletics h1 {
      font-size: 36px;
   }

   .content h2 {
      font-size: 21px;
   }

   .admission-events h3 {
      font-size: 18px;
   }

   .adm-event-title {
      font-size: 17px;
   }

   .content-header .middle-col p {
      font-size: 16px;
      line-height: 28px;
   }

   .news .thirds:nth-of-type(3n+1) {
      clear: none;
      padding: 0;
   }

   .news .thirds:nth-of-type(2n+1) {
      clear: left;
      padding-left: 0;
      padding-right: 15px;
   }

   .news .thirds:nth-of-type(2n+2) {
      padding-left: 15px;
      padding-right: 0;
   }

   .news .thirds {
      width: 50%;
   }

   .fact {
      width: calc(50% - 5px);
   }

   .fact-right {
      padding-left: 10px;
   }

   .tuition-table {
      display: none;
   }

   .tuition-table-mobile {
      display: inline-block;
      margin-bottom: 15px;
      margin-top: 15px;
      width: 100%;
   }

   .gray-box-content .thirds ul {
      padding-left: 15px;
   }

   .gray-box-content .thirds:first-of-type ul {
      padding-left: 0;
   }
}

@media screen and (max-width: 767px) {
   .best-of-logos {
      display: inline-block;
      margin-top: 10px;
      text-align: center;
      width: 375px;
   }

   .bucks-logo {
      margin: 0px 15px 15px;
      width: 122px;
      height: 122px;
   }

   .covid-cta-block .cec-home-img {
     padding-bottom: 20px;
   }

   .bucks-left {
      margin-left: 0px;
      margin-right: 10px;
   }

   .bucks-right {
      margin-left: 10px;
      margin-right: 0px;
   }

   .bio-line .left-bio {
      width: 200px;
   }

   .bio-line .right-bio {
      width: calc(100% - 200px);
   }

   .best-of-bucks.mobile-2 {
      display: inline-block;
      text-align: center;
      margin-right: 0;
      margin-top: 25px;
   }

   .best-of-bucks {
      width: 315px;
   }

   .best-of-bucks.mobile {
      display: none;
   }

   .bio-block.birdie .name {
      font-size: 20px;
   }

   .footer-text {
      padding-bottom: 10px;
   }

   .g-disclaimer {
      position: static;
      display: inline-block;
      float: none;
      text-align: center;
   }

   .home-br {
      display: block;
   }

   .home-stats .quarter {
      margin-bottom: 30px;
      width: 100%;
   }

   .mobile-powered {
      display: block;
   }

   .tc.date {
      padding-right: 0px;
      width: 125px;
   }

   .home-top.full-section {
      height: auto;
      padding: 0 0 70px;
   }

   .home-top-left, .home-top-right {
      height: 100%;
      top: 0;
   }

   .home-top-content p {
      display: none;
   }

   .home-h1 {
	   font-size: 36px;
	   line-height: 49px;
      margin-bottom: 25px;
   }

   .header-social {
      margin-right: 42px;
   }

   .home-event-title {
      font-size: 25px;
      height: 73px;
      margin: 5px 0 20px;
   }

   #space-outer, .carousel-outer {
	   padding: 0 20px;
   }

   .carousel-arrow.left {
	   left: -15px;
   }

   .carousel-arrow.right {
	   right: -15px;
   }

   .footer-bottom {
      margin: auto;
      text-align: center;
   }

   .footer-right {
      float: none;
   }

   .footer-newsletter {
      float: none;
      margin: 0 auto 35px;
      text-align: center;
      width: 331px;
   }

   .footer-social {
      float: none;
      margin-top: 17px;
   }

   .footer-left {
      float: none;
   }

   .login-link {
      float: none;
      margin-top: 10px;
   }

   .poweredBy {
      display: none;
   }

   .footer-text {
      color: #fff;
      float: none;
      line-height: 25px;
   }

   .footer-address {
      margin-top: 20px;
   }

   .footer-social .footer-icon {
      color: #fff;
      font-size: 30px;
      margin: 0 15px;
   }

   .home-stats .thirds {
      margin-bottom: 70px;
      width: 100%;
   }

   .home-stats .thirds:last-of-type {
      margin-bottom: 0;
   }

   .home-stats {
      background-image: url('../images/blue-shield-background-header.jpg');
      padding: 75px 0;
   }

   .home-stats img {
      height: 50px;
      margin-bottom: 5px;
   }

   .content-header.landing {
	   padding-bottom: 50px;
   }

   .eagle .two-col {
      text-align: center;
      width: 100%;
   }

   .back-shield img {
      height: auto;
      width: 100%;
   }

   .contact-section.content-section ul li {
      line-height: 23px;
   }


   /*Mobile Calendar Popup*/
   #calendarPopup {
      max-width: 95%;
   }
   /**/

   .advantage-subhead {
      font-size: 15px;
      line-height: 23px;
   }

   .home-h3 {
      font-size: 23px;
	   line-height: 30px;
   }

   .right-event {
      border-bottom: 1px solid rgba(112, 112, 112, .14);
      border-right: none;
      display: block;
      padding: 20px 0;
      width: 100%;
   }

   .right-event:first-of-type {
	   padding-top: 10px;
   }

   .right-event-dates {
      margin-top: 0;
      vertical-align: middle;
   }

   .right-event-info {
      vertical-align: middle;
   }

   .articles-title {
	   font-size: 21px;
	   line-height: 27px;
   }

   .news .details {
      font-size: 15px;
      line-height: 25px;
   }

   .bio {
      width: 49%;
   }


   .bio:nth-of-type(3n+1) {
      clear: none;
   }

   .bio-block .bio:nth-of-type(2n+1) {
      clear: left;
      margin: 0 1% 2% 0;
   }

   .bio:nth-of-type(2n+2) {
      margin: 0 0 2% 1%;
   }

   .bio-block .bio img {
      height: 180px;
   }


   .gallery-arrows {
      padding: 9px 8px 6px;
      top: 57%;
   }

   .gallery-arrows.arrowLeft {
      left: 20px;
   }

   .gallery-arrows.arrowRight {
      right: 20px;
   }
}

@media screen and (max-width: 750px) {
   .power-school-header {
      display: none;
   }
}
@media screen and (max-width: 700px) {
   .right-bio .bio-name , .right-bio .bio-role {
      display: none;
   }

   .left-bio img {
      margin-bottom: 10px;
      width: 100%;
   }

   .bio-line .left-bio {
      width: 100%;
   }

   .bio-line .right-bio {
      padding-left: 0px;
      width: 100%;
   }

   .full-col.videos .video-home-holder .third:nth-of-type(3) {
      display: block;
   }

   .full-col.videos .video-home-holder .third:nth-of-type(2) {
      display: block;
   }

   .video-home-holder .third:nth-of-type(2) {
      display: none;
   }

   .video-home-holder .third {
      float: left;
      margin-left: 0%;
      margin-right: 0%;
      width: 100%;
   }

   .video-title-header {
      font-size: 21px;
      margin-top: 10px;
      line-height: 26px;
   }

   .video-lax {
      margin: unset;
      text-align: initial;
      height:340px;
      position:relative;
      overflow:hidden;
   }

   .video-lax iframe {
      height:100%;
      width:100%;
      position:absolute;
      top:0;
      bottom:0;
   }
   

   .college-image {
      padding: 0px 3.5%;
   }

   .home-video-mobile iframe {
      width: 500px;
      height: 282px;
   }

   .directors .thirds {
      width: 100%;
   }
}

@media screen and (max-width: 650px) {
   .contact-section .thirds {
      margin-bottom: 30px;
      width: 100%;
   }

   .contact-section .thirds:last-of-type {
      margin-bottom: 0;
   }

   .gray-box-content .thirds ul {
      padding-left: 0;
   }

   .tutoring-section-left {
      width: 120px;
   }

   .tutoring-section-img img {
      max-width: 100%;
   }

   .tutoring-section-right {
      padding-left: 15px;
      width: calc(100% - 120px);
   }
}

@media screen and (max-width: 600px) {
   .best-of-logos {
      display: inline-block;
      margin-top: 10px;
      text-align: center;
      width: 315px;
   }

   .content-image-left {
      float: none !important;
      margin-right: 0px;
      margin: auto;
      margin-bottom: 25px;
   }

   .content-image-right {
      float: none !important;
      margin-left: 0px;
      margin: auto;
      margin-bottom: 25px;
   }

   .content-image-center {
      display: flex;
      margin: 25px auto;
      justify-content: center;
   }

   .home-h1 {
      font-size: 29px;
      line-height: 38px;
   }

   .landing-divider-h2 {
      font-size: 45px;
   }

   .admissions-top-content {
      margin-top: 50px;
   }

   .admissions-portal-top {
      min-height: 475px;
   }

   .admissions-portal-top p {
      font-size: 17px;
      line-height: 24px;
      margin-bottom: 30px;
      width: 100%;
   }

   .admissions-h1 {
      font-size: 40px;
      line-height: 41px;
   }

   .best-of-h2 {
      font-size: 32px;
      line-height: 28px;
   }

   .best-of-callout {
      padding: 45px 30px 30px;
      width: 100%;
   }

   .landing-navy-block {
      padding: 25px;
   }
    
   .landing-navy-block .landing-h2 {
      font-size: 32px;
      line-height: 36px;
   }

   .img-link-arrow {
      bottom: 10px;
      font-size: 18px;
   }

   .welcome-header {
      font-size: 28px;
   }

   .covid-cta {
      padding: 40px 25px 25px;
   }

   .right-cta p {
      font-size: 16px;
      line-height: 28px;
   }

   .cta-header {
      font-size: 28px;
      line-height: 35px;
   }

   #covidThanks {
      padding: 50px 25px;
   }

   .covid-box .left50 {
      margin-left: 0px;
      margin-right: 0%;
      width: 100%;
   }

   .covid-box .right50 {
      margin-left: 0%;
      margin-right: 0px;
      width: 100%;
   }

   .bio-block.birdie .name {
      font-size: 18px;
   }

   .schedule-buttons .left50 {
      margin-right: 0px;
      width: 100%;
   }

   .schedule-buttons .right50 {
      margin-left: 0px;
      margin-top: 0px;
      width: 100%;
   }

   .left-college {
      margin-right: 0%;
      width: 100%;
   }

   .right-college {
      margin-left: 0%;
      width: 100%;
   }

   .home-video-mobile iframe {
      width: 400px;
      height: 225px;
   }

   .divider {
      height: 25px;
   }

   .tab {
      font-size: 16px;
   }

   .faculty .content-section .thirds {
      margin-bottom: 40px;
      width: 100%;
   }

   .faculty .content-section .thirds:nth-of-type(even) {
      margin-left: 0%;
   }

   .faculty .content-section .thirds:nth-of-type(odd) {
      margin-right: 0%;
   }

   .faculty .content-section .thirds:last-of-type {
      margin-bottom: 0;
   }

   .header-social {
      display: none;
   }

   .table.athletics {
      display: none;
   }

   .mobile-schedule {
      display: block;
   }

   .mobile-game {
      color: #4E4E4E;
      padding: 22px;
   }

   .mobile-game:nth-of-type(odd) {
      background-color: #F7F7F7
   }

   .mobile-game-date {
      display: inline-block;
      font-size: 22px;
      float: left;
      margin-bottom: 11px;
   }

   .mobile-game-time {
      display: inline-block;
      float: left;
      font-size: 22px;  
      margin-left: 30px;
   }

   .mobile-game-opponent {      
      clear: left;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 7px;
   }

   .mobile-game-result {
      font-size: 16px;
      margin-top: 5px;
   }

   .mobile-schedule h2 {
      margin-bottom: 10px;
   }

   .gallery, .gallery, .gallery {
      margin-bottom: 3%;
   }

   .gallery:nth-of-type(odd) {
      clear: none;
      float: left;
      padding-left: 0%;
      padding-right: 1%;
      width: 49%
   }

   .gallery:nth-of-type(even) {
      clear: none;
      float: right;
      padding-left: 1%;
      padding-right: 0%;
      width: 49%
   }

   .athletics .content-header-line {
      margin-bottom: 15px;
   }

   .content-header.athletics {
      height: auto;
      padding: 30px 0px;
   }

   .athletics .subheader {
      margin-top: 0px;
   }

   .athletics .content-header-title {
      width: 100%;
   }

   .content-header.athletics {
      height: auto;
   }

   .announce-title {
      font-size: 25px;
   }

   .announcement-text {
      font-size: 16px;
   }

   .announcement-header {
      height: 42px;
   }

   .announce-shield img {
      height: 54px;
   }

   .announce-shield {
      top: 17px;
   }

   #announcementInner {
	   padding: 40px 25px 45px;
   }

   .advantage-header {
	   font-size: 23px;
	   line-height: 30px;
   }

   .advantage-left {
      height: 285px;
   }

   .content-header .landing-nav li {
      font-size: 18px;
      line-height: 25px;
   }

   .three-column, .three-column:nth-of-type(1), .three-column:nth-of-type(2), .three-column:nth-of-type(3) {
      margin: 0 0 25px 0;
      padding: 0;
      width: 100%;
   }

   
}

@media screen and (max-width: 550px) {
   .carousel-row, .carousel-row:nth-of-type(n+4) {
      width: 100%;
   }

   .carousel-arrow.right {
	   bottom: -60px;
	   left: calc(50% + 30px);
      right: auto;
	   top: auto;
	   transform: translateX(-50%);
   }

   .carousel-arrow.left {
	   bottom: -60px;
	   left: calc(50% - 30px);
      right: auto;
	   top: auto;
	   transform: translateX(-50%);
   }

   .home-events-box {
      margin-bottom: 85px;
   }

   /*.home-event-img {
      display: none;
   }*/

   #calendarPopupInner .closeThanks {
      right: 0;
      top: -25px;
   }

   .popupHeader .popup-vr {
      display: none;
   }

   .popupHeader {
      font-size: 18px;
      height: 71px;
      line-height: 25px;
   }

   .popup-day {
      display: block;
   }

   .popupHeader-inner {
      margin-top: 8px;
      width: 260px;
   }

   .popupHeader .calendarNav {
      top: 5px;
   }

   .popup-row {
      padding: 0 15px;
   }

   .popup-left {
      float: none;
      margin-bottom: 15px;
   }

   .popup-right {
      width: calc(100% - 3px);
   }

   .popup-eventTitle {
      font-size: 22px;
      line-height: 25px;
   }

   .popup-content {
      padding: 18px 0 14px;
   }

   .closeThanks.calendar-close {
      position: fixed;
      top: 12px;
      right: 17px;
   }

   #CalendarModal.active #calendarPopup ~ .calendar-close {
      display: block;
      z-index: 26;
   }

   #calendarPopup {
      max-height: calc(100% - 140px);
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
   }

   .sync-text, .filter-link-text {
      display: none;
   }

   .filter-icon {
      margin-right: 0;
   }

   .filter-link {
      border-radius: 5px;
      padding: 3px 7px;
   }

   .filters {
      left: auto;
      right: 37px;
      top: 10px;
   }

   .filters-holder {
      right: 0;
   }

   .calendar-header {
      font-size: 33px;
      position: relative;
      top: 4px;
   }

   #calendar .mobile-header .header {
      width: 272px;
   }

   .mobile-date-left, .event-data {
      display: inline-block;
   }

   .fact {
      padding: 0;
      width: 100%;
   }

   .form .left50, .form .right50, .acts-clubs .left50, .acts-clubs .right50 {
      padding: 0;
      width: 100%;
   }

   .admission-events .two-col {
      width: 100%;
   }

   .gray-box-header img {
      display: none;
   }

   .gray-box-header.insta-feed-header {
      bottom: unset;
   }

   .two-images div {
      padding: 0;
      width: 100%;
   }

   .two-images div:first-of-type,.two-images div:last-of-type {
      margin-bottom: 15px;
      padding: 0;
   }

   .two-images div:last-of-type {
      margin-bottom: 0;
   }

   .two-images img {
      display: block;
      margin: auto;
   }
}

@media screen and (max-width: 500px) {
   .two-column-nav {
      columns: unset;
   }

   .admissions-iframe {
      margin-top: 0px;
   }

   .admissions-white-box {
      padding: 20px;
   }

   .text-arrow-link {
      padding: 16px 20px;
      font-size: 13px;
   }

   .best-of-h3 {
      font-size: 26px;
      margin-bottom: 5px;
   }

   .best-of-h2 {
      font-size: 28px;
      line-height: 26px;
      margin-bottom: 5px;
   }

   .tc-right-img .best-of-callout img {
      width: 50px;
   }

   .landing-h2-bigger {
      font-size: 37px;
      line-height: 39px;
      margin-bottom: 20px;
   }

   .admissions-content .content-container {
      padding: 0 20px;
   }

   .callout-circle-outer {
      height: 325px;
      margin-top: 70px;
      width: 325px;
   }

   .callout-circle-back {
      bottom: -5px;
      right: -10px;
   }

   .callout-circle-img {
      display: none;
   }

   .callout-md-text {
      font-size: 31px;
      line-height: 41px;
      margin-bottom: 11px;
   }

   .navy-bg .callout-lg-text {
      line-height: 34px;
      font-size: 34px;
   }

   .callout-circle p {
      font-size: 14px;
      line-height: 22px;
   }

   .callout-lg-text {
      font-size: 43px;
   }

   .callout-circle.white-bg .callout-lg-text {
      padding-top: 25px;
   }

   .callout-circle, .callout-circle-back {
      height: 325px;
      padding: 20px;
      width: 325px;
   }

   .tc-4-buttons .blue-button {
      box-sizing: border-box;
      margin: 0 0 15px 0 !important;
      padding: 23px 0;
      text-align: center;
      width: 100% !important;
   }

   .best-of-callout {
      padding: 25px 30px 30px;
      position: static;
      transform: none;
      -webkit-transform: none;
      width: 100%;
      margin-top: -20px;
   }

   .admissions-content .three-img-links {
      margin: 20px 0 20px;
   }

   .callout-shield {
      margin-top: -40px;
      position: static;
      left: unset;
      position: static;
      transform: none;
      -webkit-transform: none;
   }

   .img-link-arrow {
      bottom: 20px;
      font-size: 27px;
   }

   .three-img-links .img-link:first-of-type, .three-img-links .img-link:nth-of-type(2), .three-img-links .img-link:last-of-type {
      margin-left: 0;
      margin-right: 0;
      margin-top: 16px;
   }

   .three-img-links .img-link {
      width: 100%
   }

   .left-cta {
      width: 65px;
      top: -35px;
   }

   .right-cta {
      padding-top: 15px;
   }

   .tuition-table-mobile .left50, .tuition-table-mobile .right50 {
      width: 100%
   }

   .tuition-table-mobile .left50 {
      margin-bottom: 20px;
   }

   footer {
      overflow: hidden;
   }

   .college-image.clear {
      clear: none;
   }

   .college-image:nth-of-type(odd) {
      clear: left;
   }
   .college-image {
      width: 50%;
   }

   .birdie-right {
      width: 100%;
   }

   .birdie-left {
      display: none;
   }

   .bio-block.birdie .title {
      height: 40px;
      line-height: 20px;
      margin-bottom: 0px; 
   }

   .bio-block.birdie .name{
      line-height: 20px;
      height: 40px;
   }

   .divider {
      margin-left: 7px;
      margin-right: 7px;
   }

   .tab {
      font-size: 15px;
   }

   .athletics .subheader {
      margin-top: 0px;
      font-size: 20px;
   }

   .athletics-right .three-col {
      margin-bottom: 20px;
      padding: 0;
      width: 100%;
   }

   .landing-bottom {
      margin-top: 20px;
   }

   .content-header.athletics h1 {
      font-size: 32px;
      line-height: 33px;
   }

   .home-h1 {
      font-size: 23px;
      line-height: 32px;
      margin-bottom: 20px;
   }

   .content-container {
      padding: 0 20px;
   }

   .home-top.full-section {
      padding: 0 0 50px;
   }

   .header-calendar {
      display: none;
   }

   .home-h2 {
      font-size: 30px;
   }

   .advantage-shield {
      margin-right: 10px;
   }

   .logo img {
      height: 54px;
   }

   .header-bottom {
      height: 80px;
   }

   header {
      height: 127px;
   }

   .home-top-left {
      width: 30%;
   }

   .home-top-right {
      left: 30%;
      width: 70%;
   }

   .mobile-top-link {
      display: block;
   }

   .home-stats .thirds {
      margin-bottom: 45px;
   }

   .content-header.landing .two-col.landing-nav:first-of-type, .content-header.landing .two-col.landing-nav:last-of-type {
      padding: 0;
      width: 100%;
   }

   .content-header .landing-nav ul {
	   margin-top: 15px;
   }

   .content-header.landing .two-col.landing-nav:last-of-type ul {
      margin-top: 0;
   }

   .landing-right-box {
	   margin-top: 0px;
   }

   /*Mobile home boxes*/
   .home-pictures-left {
      width: 100%;
   }

   .home-pictures-left .home-pictures-top {
      display: none;
   }

   .organizations-img-block {
      background-image: url('../images/CEC-Spirit.webp');
      background-size: cover;
   }

   .home-pictures-left .fifty {
      width: 100%;
   }

   .home-pictures .home-pictures-left  p {
      display: block;
   }

   .home-pictures.full-section-width {
      height: auto;
      padding-top: 0;
   }

   .abs-section {
      display: inline-block;
      position: static;
      width: 100%;
   }

   .home-pictures-right.fifty, .home-pictures-right .fifty {
      width: 100%;
   }

   .home-pictures-right .fifty {
      padding-top: 100%;
   }

   .home-pictures-right .home-pictures-top, .home-pictures-right .home-pictures-bottom {
      float: left;
      width: 50%;
   }

   .home-pictures-right {
      height: auto;
      margin-bottom: -5px;
   }

   .athletics-img-block::after {
      bottom: -15px;
      left: 50%;
      top: auto;
      transform: translate(-50%,0) rotate(270deg);
      -webkit-transform: translate(-50%,0) rotate(270deg);
   }

   .clubs-img-block::after {
      bottom: -15px;
      left: 50%;
      top: auto;
      transform: translate(-50%,0) rotate(90deg);
      -webkit-transform: translate(-50%,0) rotate(90deg);
   }

   .organizations-img-block::after {
      border-width: 0 25px 25px 25px;
      border-style: solid;
      border-color: #fff transparent;
      bottom: 0;
      content: "";
      display: block;
      left: calc(50% - 25px);
      position: absolute;
      transform: translateX(-50%), rotate(225deg);
      -webkit-transform: translateX(-50%), rotate(225deg);
      width: 0;
   }

   .half-section, .full-section-width {
	   padding-top: 43%;
   }
   /**/

   .news .thirds:nth-of-type(2n+1) {
      padding: 0;
   }

   .news .thirds:nth-of-type(2n+2) {
      padding: 0;
   }

   .news .thirds {
      margin-bottom: 55px;
      width: 100%;
   }

   .news .thirds img {
	   margin-bottom: 13px;
	   max-width: 100%;
   }

   .news-article-img {
      height: unset;
      max-height: 225px;
   }

   .articles-title {
      margin:  5px 0;
   }

   .gray-box-header {
      display: inline-block;
      height: auto;
      margin-bottom: -5px;
      width: 100%;
   }

   .gray-box-header h2 {
      line-height: 27px;
      padding: 10px 0;
   }

   .arrow-nav {
      clear: left;
      float: left;
      margin: 10px 0;
   }

   .display-events.pagination-visible {
      margin-bottom: 10px;
   }

   .tutoring-section-outer {
      display: block;
   }

   .tutoring-section-left {
      margin-bottom: 20px;
      width: 100%
   }

   .tutoring-section-img img {
      max-width: 100%;
   }

   .tutoring-section-right {
      padding: 0;
      width: 100%;
   }
}

@media screen and (max-width: 450px) {
   .home-video-mobile iframe {
      width: 350px;
      height: 197px;
   }

   .footer-newsletter {
      width: 100%;
   }

   .home-top.full-section {
      padding: 0 0 40px;
   }

   .advantage-block {
	   margin-bottom: 35px;
   }

   .home-h5 {
      font-size: 26px;
   }

   .home-h5 .icon-arrow {
      top: 4px;
   }

   .half-section, .full-section-width {
	   padding-top: 51%;
   }

}

@media screen and (max-width: 400px) {
   .bio-block.birdie .name {
      height: auto;
   }

   .home-video-mobile iframe {
      width: 300px;
      height: 169px;
   }

   .tab {
      width: 100%;
   }

   .divider {
      height: 1px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 7px;
      margin-bottom: 7px;
      width: 150px;
   }

   .image-holder {
      text-align: center;
   }

   .bio {
      width: 100%;
   }

   .bio-block .bio:nth-of-type(2n+1) {
      margin: 0 0% 20px 0;
   }

   .bio-block .bio:nth-of-type(2n+2) {
      margin: 0 0 20px 0%;
   }


   .home-h2 {
      font-size: 28px;
   }

   .home-h5 {
	   font-size: 24px;
   }

   .half-section, .full-section-width {
      height: 200px;
	   padding-top: 0;
   }

   .home-h2 {
      font-size: 26px;
   }

   .carousel-row-outer, .carousel-row-inner {
      padding: 0;
   }

   .content-header .blue-box {
      padding: 25px;
   }

   #navMobile {
      transform: translateX(375px);
      -webkit-transform: translateX(375px);
      -o-transform: translateX(375px);
      -moz-transform: translateX(375px);
      -ms-transform: translateX(375px);
      width: 100%;
   }
}

@media screen and (max-width: 350px) {
   .home-video-mobile iframe {
      width: 275px;
      height: 155px;
   }

   .advantage-shield {
      display: none;
   }

   .advantage-head {
	   margin-bottom: 11px;
   }

   .home-h5 {
	   font-size: 21px;
      margin-bottom: 5px;
   }

   .half-section, .full-section-width {
      height: 210px;
	   padding-top: 0;
   }

   .home-h2 {
      font-size: 24px;
   }

   .home-article {
	   padding: 50px 17px;
   }
}

/* Discover CEC - Media page */
.media-content-container {
   width: calc(100% - 310px);
}

.media-video-gallery {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-column-gap: 30px;
   width: 100%;
}

body.top-toolbar-in-use .media-video-gallery {
   display: block;
   margin: 0 auto;
   max-width: 100%;
   width: 600px;
}

.media-video-gallery > .editContent .media-item:before, 
.media-video-gallery > .editContent .media-item-full:before {
   background-color: gray;
   content: '';
   display: block;
   height: 2px;
   margin: 1em 0;
   width: 100%;
}

.media-item,
.media-item-full {
   margin-bottom: 35px;
   width: 100%;
}

.media-item-full {
   grid-column: span 3;
}
   
.media-video-gallery .videodetector {
   margin: 0 0 15px;
   max-width: 100%;
}

.media-video-gallery .videodetector::after {
   content:'';
   display: table;
   width: 100%;
}

h3.media-item-title,
.middle-col h3.media-item-title {
   color: #001B32;
   font-family: 'Roboto Slab';
   font-size: 15px;
   font-weight: bold;
   line-height: 20px;
   margin: 0 0 15px;
}

p.media-item-desc,
.media-item p{
   color: #4E4E4E;
   font-size: 15px;
}

   .media-item p:last-child {
      margin-bottom: 0;
   }

@media screen and (max-width: 1366px) {
   .content .middle-col.media-content-container {
      float: none;
      margin: 0 auto;
      max-width: 100%;
      padding: 70px 0px;
      width: 920px;
   }
}

@media screen and (max-width: 1024px) {
   .media-video-gallery {
      grid-template-columns: 1fr 1fr;
   }
   .media-item-full {
      grid-column: span 2;
   }

}

@media screen and (max-width: 620px) {
   .media-video-gallery {
      display: inline-block;
   }
}


/*** Graduate Requirements Page ***/
.grad-requirements {
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 40px;
   row-gap: 50px;
}

   .grad-requirements > div,
   body.top-toolbar-in-use .grad-requirements > div > .editContent {
      display: flex;
      flex-direction: column;
      height: 100%;
   }

.grad-requirements__bottom {
   margin-bottom: 0;
   margin-top: auto;
}

@media screen and (max-width: 767px) {
   .grad-requirements {
      grid-template-columns: 1fr;
   }
}

/* Athletics header images, can be used for any landing page header */

.landing-header-message {
   padding-top: 60px;
}

.landing-header-imgs {
   display: flex;
   column-gap: 10px;
}

.landing-header-imgs > div {
   flex:1
}

   .landing-header-imgs img {
      object-fit: cover;
      height: 100%;
   }
@media screen and (max-width:1100px) {
   .landing-header-message {
      padding-top: 0px;
   }
}

/* Settings Page */
.settings-page .content-header,
.settings-page .content {
   padding: 60px 0px;
}

.settings-page .content-h3 a {
   text-decoration: underline;
   text-decoration-thickness: 2px;
}

.settings-page-row {
   display: grid;
   justify-content: center;
   grid-template-columns: repeat(auto-fit,minmax(auto, 400px));
   column-gap: 45px;
   row-gap: 40px;
}

h2.right-col-heading {
   line-height: 1.2;
   margin-bottom: 15px;
}

.bio.bio--sidebar {
   padding: 20px;
   margin: 0px 0px 5px;
   display: flex;
   max-width: 100%;
   column-gap: 15px;
   align-items: flex-start;
   float: none;
   width: 400px;
}

.settings-page .editContent {
   border: 1px dotted #555;
   padding: 10px;
}

.bio--sidebar + * { /* add space before next sibling element */
   margin-top: 15px;
}

.bio--sidebar p:not(.title) {
   line-height: 1.4;
   margin-bottom: unset;
}

.bio--sidebar .bio__image {
   min-width: 25%;
   max-width:95px;
}

.bio--sidebar .bio__image img {
   aspect-ratio: 3/4;
   height: auto;
   object-fit: cover;
   margin: 5px 0px 0px;
   width: 95px;
}

.bio--sidebar .bio__content {
   flex:1;
   margin-bottom:0;
}
.right-col-section:not(:last-child) {
   margin-bottom:55px;
}

/* Template-based Accordions */
@-webkit-keyframes fadeInEvent {
   0% {
      display: block;
      visibility: visible;
      height: auto;
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@keyframes fadeInEvent {
   0% {
      display: block;
      visibility: visible;
      height: auto;
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

.accordion {
   padding: 0 20px;
   position: relative;
}

   .accordion__content > *:last-child { /* default margins set by .collapse-info */
      margin-bottom: 0px;
   }

.accordion__header {
   cursor: pointer;
   position: relative;
   display: grid;
   grid-template-columns: 1fr 15px;
   column-gap: 20px;
   font-size: 1.1rem;
   padding: 17px 0px;
}

.accordion__header * {
   margin-bottom:0px !important;
}
   .accordion__header::after {
      content: '+';
      display: block;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
   }

.accordion__content {
   display: none;
   border-top: 2px solid #F0C415;
   padding: 20px 0px 25px;
}

.accordion.is-open .accordion__header::after {
   content: '-';
}

.accordion.is-open .accordion__content {
   animation: fadeInEvent 0.3s linear 0.2;
   display: block;
   opacity: 1;
}

.accordion__content h4 {
   font-size: 18px;
   color: #000;
   font-weight: 700;
   line-height: 1.4;
   margin-bottom: 4px;
}

.accordion-content li, 
.accordion-content p {
   font-size: 16px;

}
.accordion__content ol {
   padding-left: 25px;
   margin-bottom: 20px;
}

.accordion__content ol li {
   counter-increment: unset;
   margin-bottom: 1em;
   list-style-type: decimal;
}

.accordion__content ol li::marker {
  color: #000;
  font-weight: 700;
}

.accordion__content ol li::before {
  content:'';
}

.accordion + br { /*no line-breaks between accordions */
   display: none;
}

body.top-toolbar-in-use .accordion__content {
   display: block;
}

div.line-break {
   height:0px;
}
   div.line-break::after {
      content: "";
      display: table;
      clear: both;
   }

div.line-break > *:not(::after) {
   display: none;
}

/* Accordion END */


/*CKEditor*/
.cke_combo__styles, .cke_combo__styles .cke_combo_button, .cke_combo__styles .cke_combo_text {
   width: 350px;
}

.cke_combopanel__styles {
   width: 350px !important;
}

.cke_combo__styles .cke_combo_open {
   left: -35px;
   position: relative;
}

div[id^='cke_EditContent'] {
   z-index: 7 !important;
}

.white-text .showEditableContent {
   background: #595959;
}

.editContent:focus, .editContent:hover {
   outline: none;
}

#top-toolbar {
   height: 45px;
   position: fixed;
   top: 60px;
   width: 100%;
   z-index: 10;
}

body.top-toolbar-in-use {
   /*margin-top: 103px !important;*/
}

.cke_show_blocks.cke_contents_ltr h6:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr h5:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr h4:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr h3:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr h2:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr h1:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr blockquote:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr address:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr pre:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr div:not([contenteditable="false"]):not(.cke_show_blocks_off), .cke_show_blocks.cke_contents_ltr p:not([contenteditable="false"]):not(.cke_show_blocks_off) {
   padding: 15px;
}

.videodetector {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   width: 100%;
}

.videodetector iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.videodetector iframe {
   border: none;
}

.videodetector {
   margin: 35px 0 50px;
}

.cke_widget_wrapper {
   position: static!important;
   outline: none;
}

.content-header .showEditableContent {
   background: #9d9b9b;
}

.quickView.quickViewNoDimensions {
   z-index: 10;
}

@media screen and (max-width: 1150px) {
   .dlfee-toolbar {
      display: none!important;
   }

   #top-toolbar {
      display: none!important;
   }

   body {
      margin-top: 0 !important;
   }
}

body.dl-article {
   box-sizing: border-box;
   max-width: 100%;
   padding: 20px !important;
}

body.dl-article img {
   height: auto;
   max-width: 100%;
}