html,
body {
    background-color:#50196D;
}

form label {
    font-size:0.85rem;
}
img {
    vertical-align:middle;
}

/* master */
#master {
    overflow:hidden;
}


/* header */
#header-left img {
    height:124px !important;
    width:auto;
}
@media only screen and (max-width : 768px) {
    #header-left img {
        height:80px !important;
    }
}
#header-logo {
    position:absolute;
    z-index:99999;
    display:block;
}
#header-right {
    text-align:right;
}
#header-contacts {
    padding:8px 0 0;
}
#header-tel {
    display:inline-block;
    background:url('../images/phone-icon.png') left center no-repeat;
    padding-left:36px;
    line-height:24px;
    color:#111;
    font-size:18px;
}


/* navigation */
.slideshow,
.slideshow-inherited,
#navigation {
    background:#FFF;
}
#navigation {
    padding:10px 0;
    /* height:116px; */
}
#navigation ul a {
    display:block;
}
#navigation ul ul {
    background:#DCDC00;
}
#navigation .mobile-nav-toggle {
    /*background:url('../images/menu.png') no-repeat left center;*/
    background-size:contain;
    padding:16px 0 0 0;
    line-height:30px;
    font-weight:600;
    margin:10px 0 0 0;
    color:#444;
}
#navigation .mobile-nav-toggle i {
    font-size:2.5rem;
}

#navigation-main {
    line-height:26px;
    height:60px;
}
#navigation-main ul li.level-1 {
    margin-right:9px;
}
#navigation-main ul li.level-1:last-child {
    margin-right:0;
}
#navigation-main ul li a {
    display:block;
    font-size:0.9rem;
    color:#111;
}
#navigation-main ul li a.level-1 {
    padding:0 14px;
    line-height:60px;
}
#navigation-main ul li a.level-1.current,
#navigation-main ul li a.level-1.section {
    font-family:'open_sansbold', Arial, Helvetica, sans-serif;
}
#navigation-main ul li:hover > a.level-1:not(.level-1-home),
#navigation-main ul li:hover > a.level-1:not(.level-1-home) {
    background:#DCDC00;
}
#navigation-main ul li a.level-1-home,
#navigation-main ul li a.level-1-home.current,
#navigation-main ul li a.level-1-home.section {
    background:url('../images/house-icon.png') center no-repeat;
    font-size:0.0001em;
    color:transparent;
    width:36px;
    height:65px;
    background-size:contain;
}
ul.css-hover-nav ul {
}
ul.css-hover-nav ul li {
    width:100%;
}
/* ensure the last dropdown aligns to the right, not left */
#navigation ul.level-1 li.level-1.last ul.level-2 {
    right:0;
    left:auto;
}
#navigation ul.level-2 li.level-2 {
    border-top:1px solid #E7E751;
}
#navigation ul.level-2 li a {
    color:#514e00;
    line-height:46px;
    background:url('../images/link-icon.png') 8px center no-repeat;
    padding-left:60px;
    padding-right:30px;
    font-size:13px;
}
ul.css-hover-nav ul.level-2 li:hover > a {
    background-color:rgba(0,0,0,0.1) !important;
}




.no-slideshow {
    background:#F3F3F3;
    height:0px;
}

/* mmenu */
.mm-menu {
  background: #0D1B2A !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.mm-menu .mm-listview {
  border-color: rgba(255, 266, 255, 0.2) !important;  
  color: rgba(255, 255, 255, 0.9) !important;
}
.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.1) !important;
}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 50px !important;
}


/* layout */
#layout {
    background:#F3F3F3;
    min-height:500px;
}
#layout.layout_EasyRowPage,
#layout.layout_ContactPage {
    min-height:0;
}
#layout.layout_Calendar #layout-content-main,
#layout.layout_CalendarEvent #layout-content-main,
#layout.layout_Page #layout-content-main,
#layout.layout_Blog #layout-content-main,
#layout.layout_BlogPost #layout-content-main,
#layout.layout_ContactPage #layout-content-main,
#layout.layout_GalleryPage #layout-content-main,
#layout.layout_GalleryHolderPage #layout-content-main,
#layout.layout_ChildListPage #layout-content-main,
#layout.layout_CurriculumPage #layout-content-main {
    padding-top:30px;
    padding-bottom:30px;
}


/* footer */
#pre-footer {
    background:#662583;
}
#footer {
    font-size:0.85rem;
    line-height:2.2em;
    padding-bottom:20px;
}
#footer,
#footer a {
    color:#AD9FB8;
}
#footer .bold,
#footer b,
#footer strong,
#footer .text-bold,
#footer .white a,
#footer-nav-horiz a {
    color:#FFF;
}
#footer-address,
#footer-nav-horiz {
}
#footer .footer-nav {
    margin:20px 0;
}
#footer-main {
    padding:35px 0 0;
}
#footer-address {
    border-right:1px solid #835B97;
    width:165px;
    float:left;
}
#footer-nav-wrapper {
    margin-left:195px;
    position:relative;
    overflow:hidden;
}
#footer-nav-horiz ul.inline {
}
#footer-nav-horiz ul.inline li:not(:last-child) {
    margin-right:40px;
}
#footer .footer-col {
}
#footer .footer-col ul {
}
#footer .footer-col ul li {
    line-height:1.4em;
    margin:2px 0 7px;
	float:none !important;
}
#footer .footer-nav-header {
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	display:block;
}
#footer .footer-nav-header a {
	color:#fff !Important;
	display: block;
}	
#footer-after {
    margin-top:20px;
}
#footer-after,
#footer-after a {
    color:#AD9FB8;
}

#footer-4 {
    text-align:right;
}
ul#footer-social > li {
    margin:0 0 8px 8px;
}
ul#footer-social > li:last-child {
    margin-right:0;
}
ul#footer-social a.icon {
    width:36px;
    height:36px;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#footer-social a.icon:hover {
    background-position:bottom center;
}
#pre-footer {
    padding:20px 0 15px;
}





#blog-list {
}
#blog-list li > .news-wrapper {
    border-bottom:1px solid #999;
    padding-bottom:40px;
    overflow:hidden;
}



/* classes */
.easyaddress-map {
    height:300px;
}

.password-requirements {
    background:rgba(0,0,0,0.1);
    overflow:hidden;
    padding:0 20px;
    border-radius:4px;
    margin-bottom:20px;
}


#please-wait-layer {
    background:rgba(255,255,255,0.7);
    z-index:999998;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:none;
}
#please-wait-layer .image {
    position:fixed;
    background:rgba(255,255,255,0.7) url('../images/please-wait-animation.gif') no-repeat center 8px;
    width:340px;
    left:50%;
    margin-left:-170px;
    height:170px;
    top:50%;
    margin-top:-135px;
    border:5px solid #FFF;
    box-sizing:border-box;
    border-radius:20px;
    box-shadow:rgba(0,0,0,0.2) 0 0 30px ;
}
.ui-datepicker,
.ui-timepicker {
    font-size:12px;
}



.btn {
    color:#111;
    background:url('../images/btn-basic.png') right center no-repeat;
    padding:0 42px 0 0;
    border:none;
    border-radius:0;
    background-size:contain;
    font-size:18px;
}
.btn:hover,
.btn-basic:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-link:hover {
    background-color:transparent !important;
    opacity:0.7;
}
.btn-xs {
    padding:0 26px 0 0;
    font-size:12px;
}
.btn-sm {
    padding:0 26px 0 0;
    font-size:12px;
}
.btn-lg {
    font-size:20px;
    padding:0 46px 0 0;
}
.btn-basic,
.btn-basic:hover,
.btn-basic:focus {
}
.btn-default,
.btn-default:hover,
.btn-default:focus {
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    color:#0182AB !important;
    background-image:url('../images/btn-primary.png') !important;
}
.btn-success,
.btn-success:hover,
.btn-success:focus {
    color:#5CB85C !important;
    background-image:url('../images/btn-success.png') !important;
}
.btn-info,
.btn-info:hover,
.btn-info:focus {
    color:#DEDC00 !important;
    background-image:url('../images/btn-info.png') !important;
}
.btn-warning,
.btn-warning:hover,
.btn-warning:focus {
    color:#de8d19;
    background-image:url('../images/btn-warning.png') !important;
}
.btn-danger,
.btn-danger:hover,
.btn-danger:focus {
    color:#D9534F !important;
    background-image:url('../images/btn-danger.png') !important;
}
.btn-white,
.btn-white:hover,
.btn-white:focus {
    color:#FFF !important;
    background-image:url('../images/btn-white.png') !important;
}


/* rows */
#newsletter-row {
    background:#CCC;
    padding:50px 0 70px;
}
#newsletter-row h4 {
    color:#111;
    font-family:'open_sanslight', Arial, Helvetica, sans-serif;
}
#newsletter-row form {
    margin:0;
}
#newsletter-row input[type="text"],
#newsletter-row input[type="email"] {
    border:none;
    border-radius:0;
}

#feature-row,
#feature-row h4 {
    color:#FFF;
}
#feature-row {
    background:#08030A url('../images/feature-row-bg.jpg') center no-repeat;
    height:486px;
    overflow:hidden;
    padding:70px 0;
}
#feature-row h4 {
    line-height:1.5em;
    font-family:'open_sanslight', Arial, Helvetica, sans-serif;
    margin-top:0;
}

#school-login-row,
#school-login-row h4 {
    color:#FFF;
    line-height:1.5em;
    font-family:'open_sanslight', Arial, Helvetica, sans-serif;
}
#school-login-row {
    background:#0083AD;
}
#school-login-row .school-col {
    padding-top:60px;
    padding-bottom:60px;
}
#school-login-row .form-col {
    background:rgba(0,0,0,0.2);
}
#school-login-row .form-col form {
    margin:20px 15px ;
}
#school-login-row .form-col form fieldset {
    margin-right:140px;
}
#school-login-row #SchoolsCustomLoginForm_LoginForm_Password_Holder {
    margin-bottom:0;
}
#school-login-row .form-col form .Actions {
    float:right;
    position:relative;
    margin-bottom:0;
}
#school-login-row .form-col form .Actions input[type="submit"] {
    position:absolute;
    right:0;
    bottom:0;
}
#school-login-row #ForgotPassword {
    display:none;
}



#logo-row {
    background:#DCDC00;
    min-height:25px;
    padding-top:40px;
    padding-bottom:40px;
}
#logo-row .logo-col {
    padding:0;
    font-size:0;
}
#logo-row .logo-col img {
    max-height:70px;
    margin:10px 15px;
}

#latest-news-row,
#latest-news-row h4.ln-head {
    color:#FFF;
}
#latest-news-row {
    background:#15B7E5;
    padding:100px 0;
}
#latest-news-row .story-wrapper {
    background:#FFF;
    display:block;
}
#latest-news-row .content {
    font-size:0.8rem;
    padding:10px 20px 15px;
    overflow:hidden;
}
#latest-news-row .story-wrapper,
#latest-news-row .content h5 a {
    color:#000;
}
#latest-news-row .content p,
#latest-news-row .content h5 {
    margin:10px 0;
}
#latest-news-row .content {
    line-height:1.6em;
}

#latest-news-row h4.ln-head,
#latest-news-row .content h5 {
    line-height:1.4em;
}
#latest-news-row .content h5 {
    font-size:20px;
}
#latest-news-row .content p.date {
    color:#15B7E5;
    background:url('../images/blog-date-icon.png') center left no-repeat;
    padding-left:28px;
}

/* Quicklinks Row */
.about-us-staff .quicklinks {
    margin-top:30px;
    margin-bottom:50px;
}
.about-us-staff .quicklinks-col {
    margin-bottom:30px;
}
.about-us-staff .image img {
    width:100%;
}
.about-us-staff .title,
.about-us-staff .content {
    background:#50196D;
}
.about-us-staff .title h3,
.about-us-staff .content p {
    margin:0;
    color:#FFF;
    padding:0 15px;
}
.about-us-staff .title h3 {
    font-size:15px;
    padding-top:10px;
}
.about-us-staff .content p {
    font-size:11px;
    text-transform:uppercase;
    padding-bottom:5px;
}
.quicklinks-col.full-width .quicklinks-col-wrapper {
	padding:10px 20px;
}
.quicklinks-col.full-width .quicklinks-col-wrapper .title a {
	color:#fff;
	white-space: nowrap;
}
.quicklinks-col.full-width .quicklinks-col-wrapper .image {
	float:left;
	margin-top:-7px;
}
.quicklinks-col.full-width .quicklinks-col-wrapper .image img {
	height:40px !important;	
}
.quicklinks-col.full-width .quicklinks-col-wrapper a:hover {
	opacity:0.8;
}
.quicklinks-col.full-width .quicklinks-col-wrapper .icon-horizontal-content {
    text-align:center;
}
@media only screen and (min-width : 768px) {
	.quicklinks-col.full-width .quicklinks-col-wrapper {
		padding:30px;
	}
	.quicklinks-col.full-width .quicklinks-col-wrapper .image {
		float:none;
		margin-top:0;
		margin-bottom:30px;
	}
	.quicklinks-col.full-width .quicklinks-col-wrapper .image img {
		height:auto !important;	
	}
}
@media only screen and (min-width : 992px) {
	.quicklinks-col.full-width .quicklinks-col-wrapper {
		padding:70px;
	}
    .quicklinks-col.full-width .quicklinks-col-wrapper .icon-horizontal-content {
        text-align:left;
    }
}
.widget-wrapper table {
    width:100%;
}
.widget-wrapper table tbody td {
    text-align:center !important;
}
.calendars-list {
    margin:30px 0;
}
.calendars-list li:not(:last-child){
    margin-bottom:20px;
}
.calendar-head,
.calendars-list a {
    display:block;
    padding:10px 15px;
    color:#FFF;
    font-size:1.4rem;
}
.calendar-head {
    margin-bottom:1px !important;
}
.calendars-list a:hover {
    text-decoration:none;
    opacity:0.8;
}
.calendar-widget-table table td,
.calendar-widget table th {
    border:none;
}
.calendar-widget table th a {
    color:#FFF;
}
.calendar-widget table th {
    background:rgba(0,0,0,1);
    border-top:#000 1px solid;
}
.calendar-widget-table tbody .hasEvent {
    background-color:#FFA;
    background-image:none !important;
    background-repeat: no-repeat;
    background-position: center;
}
h3.cal-sidebar-head {
    margin-top:30px;
    margin-bottom:30px;
}
#ensemble-category-navigation li {
	margin-bottom:5px;
}
#ensemble-category-navigation li a {
	background-color:#662583;
	color:#fff;
	padding:8px 16px;
	display:block;
}
#ensemble-category-navigation li a:hover, #ensemble-category-navigation li.ui-state-active a {
	background-color:#DDDC00;
}
#ensemble-navigation li a {
	background-color:#DDDC00;
	color:#fff;
	padding:4px 8px;
}
#ensemble-navigation li a:hover, #ensemble-navigation li.ui-state-active a {
	background-color:#DE2367;
	
}
.layout_GalleryHolderPage h3.title {
	height:53px;
	overflow:hidden;
}
@media only screen and (max-width : 1200px) {
    #logo-row .logo-col img {
        max-height:60px;
    }
}
@media only screen and (max-width : 992px) {
    #school-login-row .form-col form fieldset {
        margin-right:0;
    }
    #school-login-row #Form_SchoolLoginForm_Password_Holder {
        margin-bottom:20px;
    }
    #school-login-row .form-col form .Actions {
        float:none;
    }
    #school-login-row .form-col form .Actions input[type="submit"] {
        position:static;
    }
}
@media only screen and (max-width : 768px) {
    #pre-footer-left {
        padding-top:20px;
    }
    #school-login-row .school-col.title-col {
        padding-top:30px;
        padding-bottom:0;
    }
    #school-login-row .school-col.text-col {
        padding-top:0;
        padding-bottom:30px;
    }
    #school-login-row .form-col {
        padding-top:20px;
        padding-bottom:10px;
        margin:0 15px 30px;
    }
    #latest-news-row {
        padding-top:50px;
    }
    #latest-news-row .story-wrapper {
        margin-top:15px;
        overflow:hidden;
    }
    #latest-news-row .story-wrapper .image {
        float:left;
        max-width:215px;
        margin:5px 0 5px 5px
    }
    #latest-news-row .story-wrapper .content {
        margin-left:220px;
    }
    h3.cal-sidebar-head {
        margin-bottom:20px;
    }
}
@media only screen and (max-width : 620px) {
    #latest-news-row .story-wrapper .image {
        max-width:155px;
    }
    #latest-news-row .story-wrapper .content {
        margin-left:160px;
    }
}
@media only screen and (max-width : 480px) {
    #latest-news-row .story-wrapper .image {
        float:none;
        max-width:100%;
        margin:5px 5px 0;
    }
    #latest-news-row .story-wrapper .content {
        margin-left:0;
    }
}

/* Content Block Page */
.content-block-row,
.content-block,
.content-block .content-block-inner {
    box-sizing:border-box;
    overflow:hidden;
}

/* rows */
.content-block-row .content-block-row-title h2 {
    margin-bottom:20px;
}

/* columns */
.content-block {
}
.content-block-with-margins .content-block-inner {
    position:relative;
}
.content-block.new-row { 
}
.content-block-row-divider { 
}
.content-block-row-with-margins .content-block-row-divider {
    height:30px; 
}


/* image-block-cycle-pager */
.image-block-cycle-pager.cycle-pager {
    font-size:40px;
    line-height:30px;
    height:30px;
    background:#FFF;
    overflow:hidden;
    padding:0 20px;
    text-align:center;
}
.image-block-cycle-pager.cycle-pager span {
    opacity:0.4;
    cursor:pointer;
}
.image-block-cycle-pager.cycle-pager .cycle-pager-active {
    opacity:1;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .content-block-row-lg .content-block-with-margins {
        margin-bottom:20px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .content-block-row-md .content-block-row-divider {
        display:none;
    }
    .content-block-row-md .content-block-with-margins {
        margin-bottom:20px;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .content-block-row-sm .content-block-row-divider {
        display:none;
    }
    .content-block-row-sm .content-block-with-margins {
        margin-bottom:20px;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .content-block-row-xs .content-block-row-divider {
        display:none;
    }
    .content-block-row-xs .content-block-with-margins {
        margin-bottom:20px;
    }
}

.content-block-row .content-block-with-margins:last-child {
    margin-bottom:0;
}


/* Curriculum Page */
h1.curriculum-header {
    padding-bottom:0;
    border:none;
}
h1#curriculum-header-year {
    padding:5px 0 5px 60px;
    margin-bottom:30px;
    background-image:url('../images/curriculum/curriculum-header-year.png');
    background-repeat:no-repeat;
    background-position:left top;
    background-size:40px;
}

#curriculum-info-pages {
    margin:40px 0;
}
#curriculum-info-pages .curriculum-info-page {
    background-color:#555;
    background-repeat:no-repeat;
    background-position:60px center;
    background-size:50px;
    margin-bottom:20px;
}
#curriculum-info-pages .curriculum-info-page a {
    color:#FFF;
    font-size:26px;
    display:block;
    padding:40px 30px;
}
#curriculum-info-pages .curriculum-info-page a:hover {
    background:rgba(255,255,255,0.2);
    text-decoration:none;
}
#curriculum-info-pages .curriculum-info-page.has-image a {
    padding-left:160px;
}

#curriculum-js-menu,
.curriculum-list-item,
#curriculum-children-list {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* all list */
a.curriculum-list-item .number {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
a.curriculum-list-item.has-number-bg-image .number {
    padding-top:80%;
}
a.curriculum-list-item.has-number-bg-image:hover .number {
    opacity:0.8;
}
a.curriculum-list-item,
a.curriculum-list-item .title,
a.curriculum-list-unit .number,
a.curriculum-list-unit .subtext,
a.curriculum-list-unit .digit {
    display:block;
}
a.curriculum-list-item {
    margin-bottom:30px;
    background-color:#666;
}
a.curriculum-list-item .title {
    font-size:18px;
    background:#111;
    color:#FFF;
    padding:10px 10px;
    text-align:center;
}
a.curriculum-list-item:hover {
    text-decoration:none;
}
a.curriculum-list-item:hover .title {
    color:#DDDC00;
}
@media only screen and (min-width : 769px) and (max-width : 1200px) {
    a.curriculum-list-item .title{
        font-size:14px;
    }
}
@media only screen and (min-width : 481px) and (max-width : 600px) {
    a.curriculum-list-item .title{
        font-size:15px;
    }
}
@media only screen and (max-width : 360px) {
    a.curriculum-list-item .title{
        font-size:16px;
    }
}

/* unit list */
a.curriculum-list-unit {
}
a.curriculum-list-unit:hover .number {
    background-color:rgba(0,0,0,0.15);
}
a.curriculum-list-unit .number {
    padding-top:20px;
    height:213px;
    color:#FFF;
    text-align:center;
}
a.curriculum-list-unit .subtext {
    font-size:22px;
    line-height:1em;
}
a.curriculum-list-unit .digit {
    font-size:160px;
    line-height:1em;
    margin-top:-5px;
}

@media only screen and (min-width : 993px) and (max-width : 1200px) {
    a.curriculum-list-unit .number {
        height:172px;
    }
    a.curriculum-list-unit .number {
        padding-top:15px;
    }
    a.curriculum-list-unit .digit {
        margin-top:-2px;
        font-size:130px;
    }
}
@media only screen and (min-width : 769px) and (max-width : 992px) {
    a.curriculum-list-unit .number {
        height:178px;
    }
    a.curriculum-list-unit .number {
        padding-top:17px;
    }
    a.curriculum-list-unit .digit {
        margin-top:-1px;
        font-size:130px;
    }
}
@media only screen and (min-width : 481px) and (max-width : 768px) {
    a.curriculum-list-unit .number {
        height:170px;
    }
    a.curriculum-list-unit .number {
        padding-top:15px;
    }
    a.curriculum-list-unit .digit {
        margin-top:0;
        font-size:125px;
    }
}
@media only screen and (max-width : 480px) {
    a.curriculum-list-unit .number {
        height:210px;
    }
}


/* unit content */
#unit-header {
    background-color:#666;
}
#unit-header a {
    color:#333;
}
#unit-header-top,
#unit-header-bottom {
    padding:30px 0;
}
#unit-header-top {
    background-color:rgba(255,255,255,0.55);
    font-size:1.5rem;
    line-height:1.4em;
}
#unit-header-year-title,
#unit-header-unit-title {
    display:inline-block;
}
#unit-header-year-title {
    margin-right:30px;
}
#unit-header-bottom {
    background-color:rgba(255,255,255,0.7);
}
#unit-header-intro-image {
}
#unit-header-intro-image img {
    margin-left:30px;
    border:20px solid rgba(255,255,255,0.6);
}
#unit-header-intro-text p {
    font-size:2.2rem;
    line-height:1.5em;
    margin:40px 0;
}
@media only screen and (min-width : 993px) and (max-width : 1200px) {
    #unit-header-intro-text p {
        font-size:1.8rem;
        margin:30px 0;
    }
}
@media only screen and (min-width : 769px) and (max-width : 992px) {
    #unit-header-intro-text p {
        font-size:1.5rem;
        margin:20px 0;
    }
    #unit-header-intro-image img {
        margin-left:0;
        border-width:15px;
    }
}
@media only screen and (max-width : 768px) {
    #unit-header-intro-image img {
        margin:0 auto;
        width:440px;
        display:block;
    }
    #unit-header-intro-text p {
        font-size:1.5rem;
        margin:20px 0;
    }
}
@media only screen and (max-width : 480px) {
    #unit-header-intro-image img {
        border-width:10px;
    }
}
@media only screen and (max-width : 360px) {
    #unit-header-intro-image img {
        border-width:5px;
    }
    #unit-header-intro-text p {
        font-size:1.3rem;
    }
}



a#lesson-header-digit {
    padding-top:100px;
    color:#FFF;
}
a#lesson-header-digit,
a#lesson-header-digit span {
    display:block;
    position:relative;
}
a#lesson-header-digit {
    padding-top:100%;
    color:#FFF !important;
}
a#lesson-header-digit .number {
    padding:35px;
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
a#lesson-header-digit .subtext {
    font-size:24px;
    line-height:1em;
}
a#lesson-header-digit .digit {
    font-size:180px;
    line-height:1em;
}
#lesson-header-text {
    font-size:2rem;
    line-height:1.4em;
}
#lesson-header-text-wrapper {
    margin-left:30px;
}
#lesson-header-text h1 {
    font-size:1.4em;
}
#lesson-header-text h1,
#lesson-header-text p {
    margin:40px 0;
}
@media only screen and (min-width : 993px) and (max-width : 1200px) {
    a#lesson-header-digit .number {
        padding:25px;
    }
    a#lesson-header-digit .subtext {
        font-size:20px;
    }
    a#lesson-header-digit .digit {
        font-size:155px;
    }
    #lesson-header-text {
        font-size:1.8rem;
    }
    #lesson-header-text-wrapper {
        margin-left:20px;
    }
    #lesson-header-text h1,
    #lesson-header-text p {
        margin:28px 0;
    }
}
@media only screen and (min-width : 769px) and (max-width : 992px) {
    #lesson-header-text {
        font-size:1.4rem;
    }
}
@media only screen and (max-width : 992px) {
    a#lesson-header-digit .number {
        padding:20px;
    }
    a#lesson-header-digit .subtext {
        font-size:16px;
    }
    a#lesson-header-digit .digit {
        font-size:110px;
    }
    #lesson-header-text-wrapper {
        margin-left:5px;
    }
    #lesson-header-text h1,
    #lesson-header-text p {
        margin:20px 0;
    }
}
@media only screen and (max-width : 768px) {
    #lesson-header-digit-wrapper {
        max-width:158px;
        margin:15px auto;
    }
    #lesson-header-text {
        font-size:1.8rem;
        text-align:center;
    }
}
@media only screen and (max-width : 480px) {
    #lesson-header-text {
        font-size:1.5rem;
    }
}
@media only screen and (max-width : 360px) {
    #lesson-header-text {
        font-size:1.2rem;
    }
}


.curriculum-unit-content {
    padding:15px 20px 0 100px;
    background-repeat:no-repeat;
    background-position:10px 10px;
    background-size:60px;
    margin-bottom:50px;
}
.curriculum-unit-content.curriculum-unit-grey {
    padding:15px 20px 15px 100px;
    background-position:20px 20px;
    background-size:50px;
}
.curriculum-unit-content.learning-objectives {
    background-image:url('../images/curriculum/peak.png');
}
.curriculum-unit-content.learning-outcome {
    background-image:url('../images/curriculum/bullseye.png');
}
.curriculum-unit-content.teaching-activities {
    background-image:url('../images/curriculum/jigsaw.png');
    background-position:15px 20px;
    background-size:62px;
}
.curriculum-unit-content.points-to-note {
    background-image:url('../images/curriculum/clipboard.png');
}
.curriculum-unit-content.repertoire-and-resources {
    background-image:url('../images/curriculum/music.png');
}
.curriculum-unit-content.content-lessons,
.curriculum-unit-content.lesson-activities {
    background-image:url('../images/curriculum/classroom.png');
}
.curriculum-unit-content.extension-activities {
    background-image:url('../images/curriculum/plus-icon.png');
}
.curriculum-unit-content.assesment {
    background-image:url('../images/curriculum/assesment-icon.png');
}

.curriculum-video {
    margin:30px 0 15px;
}
.curriculum-video p {
    line-height:1.3em;
}
.curriculum-video .video-wrapper {
   /* padding-top: 56.25%;  16:9 Aspect Ratio */
    position:relative;
    margin:20px 0 0;
}
.curriculum-video .video-wrapper iframe.video-iframe {
    position: absolute;
    width:100%;
    height:100%;
    top:0;
}



.curriculum-unit-content ul,
.curriculum-unit-content li {
    margin:0;
    padding:0;
}
.curriculum-unit-content li {
    margin:0 0 10px 20px;
}
.curriculum-unit-content h2 {
    font-size:24px;
    margin-top:0;
}
.curriculum-unit-content.curriculum-unit-grey h2 {
    margin-top:15px;
}
.curriculum-unit-content.curriculum-unit-grey {
    background-color:#D8D8D8;
}
@media only screen and (max-width : 480px) {
    .curriculum-unit-content,
    .curriculum-unit-content.curriculum-unit-grey {
        padding-left:70px;
        background-size:40px;
    }
    .curriculum-unit-content.curriculum-unit-grey {
        background-size:30px;
    }
    .curriculum-unit-content.teaching-activities {
        background-size:41px;
    }
    .curriculum-unit-content li {
        margin-left:0px;
    }
    .curriculum-unit-content h2 {
        margin-top:5px !important;
    }
}
@media only screen and (max-width : 380px) {
    .curriculum-unit-content,
    .curriculum-unit-content.curriculum-unit-grey {
        padding-left:55px;
        background-size:30px;
        background-position:15px 20px;
    }
    .curriculum-unit-content.curriculum-unit-grey {
        background-size:23px;
    }
    .curriculum-unit-content.teaching-activities {
        background-size:28px;
    }
}



/* curriculum-js-menu */
#curriculum-js-menu {
    background:#421658;
    font-size:18px;
}
#curriculum-js-menu,
#curriculum-js-menu a {
    color:#FFF;
}
#curriculum-js-menu-title {
    font-size:22px;
    padding:30px 30px 30px 90px;
    background-image:url('../images/curriculum/document-quick-view.png');
    background-position:20px 30px;
    background-repeat:no-repeat;
    background-size:52px;
}
#curriculum-js-menu ul,
#curriculum-js-menu li {
    margin:0;
    padding:0;
    list-style:none;
}
#curriculum-js-menu li {
    border-top:1px solid #755585;
}
#curriculum-js-menu a {
    padding:12px 20px;
    line-height:1.3em;
    display:block;
}
#curriculum-js-menu li.current > a {
    color:#FF8;
}
#curriculum-js-menu a:hover {
    text-decoration:none;
    background-color:rgba(255,255,255,0.1);
    text-shadow:1px 1px 5px #421658;
}
#curriculum-js-menu ul.level-2 {
    background:rgba(255,255,255,0.1);
}
#curriculum-js-menu a.level-1 {
}
#curriculum-js-menu a.level-2 {
    padding-left:30px;
}
#curriculum-js-menu ul.level-3 {
    background:rgba(255,255,255,0.1);
}
#curriculum-js-menu a.level-3 {
    padding-left:40px;
}
#curriculum-js-menu a.level-2,
#curriculum-js-menu a.level-3 {
    font-size:0.85em;
}
#curriculum-js-menu a span.trigger {
    color:#FFF;
    margin:-5px -10px 0 10px;
    float:right;
    display:inline-block;
    font-size:18px;
    line-height:34px;
    width:34px;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('../images/curriculum/toggle-closed.png');
}
#curriculum-js-menu a span.trigger.open {
    background-image:url('../images/curriculum/toggle-open.png');
}
#cjsm-home-link a {
    font-size:16px;
    background-size:18px;
    line-height:20px;
    display:block;
    background-position:17px center;
    background-repeat:no-repeat;
    background-image:url('../images/curriculum/cjsm-home-link.png');
    padding-left:46px;
}
@media only screen and (min-width : 769px) and (max-width : 1200px) {
    #curriculum-js-menu-title {
        font-size:18px;
        padding:30px 30px 30px 83px;
        background-size:46px;
    }
}
@media only screen and (min-width : 769px) and (max-width : 992px) {
    #curriculum-js-menu {
        font-size:16px;
    }
}
@media only screen and (max-width : 768px) {
    #curriculum-js-menu a.level-2 {
        padding-left:35px;
    }
    #curriculum-js-menu a.level-3 {
        padding-left:50px;
    }
}



#curriculum-children,
#curriculum-children .curriculum-child a {
    color:#FFF;
}
#curriculum-children {
    background:#0083AD;
    padding:50px 0;
}
#curriculum-children #curriculum-children-list {
    margin:30px 0;
}
#curriculum-children .curriculum-child {
    margin-bottom:20px;
    background:#4FA9C6;
    background-repeat:no-repeat;
    background-position:50px center;
    background-size:50px;
}
#curriculum-children .curriculum-child a {
    font-size:26px;
    padding:25px 30px;
    display:block;
}
#curriculum-children .curriculum-child a:hover {
    background:rgba(255,255,255,0.15);
    text-decoration:none;
}
#curriculum-children .curriculum-child.has-image a {
    padding-left:140px;
}


#curriculum-form {
    background:#00698B;
    color:#FFF;
    padding:70px 0;
}
#curriculum-form h4 {
    margin-top:10px;
    font-size:30px;
}
#curriculum-form p {
    margin-bottom:40px;
    font-size:1.1em;
}
#curriculum-form form {
    margin:0 0 10px;
    background-position:left top;
    background-image:url('../images/curriculum/comments-and-questions.png');
    background-repeat:no-repeat;
    background-size:75px;
    padding-left:110px;
}
#curriculum-form input,
#curriculum-form textarea,
#curriculum-form .field.nocaptcha,
#curriculum-form .field.nocaptcha iframe {
    border-radius:0 !important;
    border:none !important;
}
#curriculum-form input[type="submit"] {
    color:#FFF !important;
    background:#111 !important;
    padding:10px 20px !important;
    text-align:center;
    min-width:180px;
}
#curriculum-form input[type="submit"]:hover,
#curriculum-form input[type="submit"]:focus {
    opacity:1 !important;
    background:#333 !important;
}
#curriculum-form ::-webkit-input-placeholder { color:#777; opacity:1; }
#curriculum-form ::-moz-placeholder { color:#777; opacity:1; }
#curriculum-form :-ms-input-placeholder { color:#777; opacity:1; }
#curriculum-form :-moz-placeholder { color:#777; opacity:1; }
@media only screen and (min-width : 769px){
    #curriculum-form #Form_CurriculumForm_Name_Holder,
    #curriculum-form #Form_CurriculumForm_Email_Holder {
        width:50%;
    }
    #curriculum-form #Form_CurriculumForm_Name_Holder {
        float:left;
        padding-right:10px;
    }
    #curriculum-form #Form_CurriculumForm_Email_Holder {
        float:right;
        padding-left:10px;
    }
}
@media only screen and (max-width : 480px){
    #curriculum-form form {
        background:none;
        padding-left:0;
    }
}


/* Linked Logo Row */
.vertical-aligner .vertical-aligner-cell {
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
}
.vertical-aligner .vertical-aligner-cell .vertical-aligner-cell-inner {
    margin:0 15px;
}
.vertical-aligner .vertical-aligner-cell:nth-child(4n+1) {
    clear:left;
}


@media only screen and (max-width : 992px) {
    .vertical-aligner .vertical-aligner-cell:nth-child(4n+1) {
        clear:none;
    }
}
@media only screen and (min-width : 769px) and (max-width : 992px) {
    .vertical-aligner .vertical-aligner-cell:nth-child(3n+1) {
        clear:left;
    }
}

@media only screen and (max-width : 768px) {
    .vertical-aligner .vertical-aligner-cell:nth-child(2n+1) {
        clear:left;
    }
}


/* LMTImageBlock Row */
.image-block-row-list,
.image-block-row-list li {
}
.image-block-row-list {
    margin:0 15px !important;
    background:rgba(0,0,0,0.2);
}
.image-block-row-list li {
    margin-bottom:0 !important;
}
.image-block-row-list li .image {
    margin:0 -15px;
    background:rgba(0,0,0,0.2);
}

/* Video Header Row */
.video-header-overlay {
    position:absolute;
    z-index:10;
    color:#fff;
    top: 0;
    bottom: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0, 0, 0, 0.4);
}
.video-header-overlay h1 {
    border:none;
    font-size:2rem;
    text-transform: uppercase;
}
@media only screen and (min-width : 768px) {
    .video-header-overlay h1 {
        font-size:3rem;
    }
}
@media only screen and (min-width : 1200px) {
    .video-header-overlay h1 {
        font-size:4rem;
    }
}
.button-2026 {
    border-radius:20px;
    padding:0.5rem 5rem;
    text-align:center;
    font-size:1rem;
    background-color:#672483;
    color:#fff;
    display:inline-block;
}
.button-2026:hover {
    opacity:0.8;
    text-decoration:none;
    color:#fff;
}
.simplelink-button {
    width:100%;
    min-width:300px;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 993px) and (max-width : 1200px) {
    #navigation-main ul li.level-1 {
        margin-right:5px;
    }
    #navigation-main ul li.level-1:last-child {
        margin-right:0;
    }
    #navigation-main ul li a,
    #navigation-main ul li a.level-1 {
        padding:0 10px;
        font-size:0.85rem;
    }
    #navigation-main ul li a.level-1-home,
    #navigation-main ul li a.level-1-home.current,
    #navigation-main ul li a.level-1-home.section {
        width:26px;
    }
    #footer {
        font-size:0.80rem;
    }
    #footer-nav-horiz ul.inline li:not(:last-child) {
        margin-right:30px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 769px) and (max-width : 992px) {
    #header-logo img {
        max-width:160px;
    }
    #footer {
        font-size:0.65rem;
    }
    #footer-nav-horiz ul.inline li:not(:last-child) {
        margin-right:18px;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 481px) and (max-width : 768px) {
}
@media only screen and (max-width : 768px) {
    #header-logo img {
        max-width:150px;
    }
    #footer {
        text-align:center;
    }
    #footer-address {
        border-right:none;
        width:auto;
        float:none;
        margin-bottom:20px;
    }
    #footer-nav-wrapper {
        margin-left:0;
        position:relative;
        overflow:hidden;
    }
    #footer-nav-horiz ul.inline {
        margin-right:20px;
    }
    #footer-nav-wrapper ul li,
    #footer-nav-horiz ul.inline li,
    #footer-nav-horiz ul.inline li:not(:last-child) {
        float:none;
        margin:0 8px;
        display:inline-block;
    }
    #feature-row {
        background:#08030A;
        height:auto;
    }
}
@media screen and (min-width:481px) and (max-width: 640px){
    #header-logo img {
        max-width:130px;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 321px) and (max-width : 480px) {
}
@media only screen and (max-width : 480px) {
    #header-logo img {
        max-width:125px;
    }
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}

/* quicklinks 2026 design */
.quicklinks-col-wrapper.design-2026 {
    border-radius:20px;
    overflow:hidden;
    margin-bottom:40px;
    transition: all 0.2s ease-out;
    box-shadow: 0 2px 7px 4px rgba(0, 0, 0, 0.2);
    max-width:95%;
    margin:0 auto;
    margin-bottom:2rem;
}
@media only screen and (min-width : 768px) {
    .quicklinks-col-wrapper.design-2026 {
        max-width:600px;
    }
}
.quicklinks-col-wrapper.design-2026:hover {
    transition: all 0.2s ease-in;
    transform: scaleX(1.02) scaleY(1.02);
}
.quicklinks-col-wrapper.design-2026 a:hover {
    text-decoration: none;
}
.quicklinks-col-wrapper.design-2026 .image {
    aspect-ratio: 4/2;
}
.quicklinks-col-wrapper.design-2026 .image img {
    object-fit: cover;
    width:100%;
    height:100% !important;
}
.quicklinks-col-wrapper.design-2026 .title, .quicklinks-col-wrapper.design-2026 .title a, .quicklinks-col-wrapper.design-2026 .content {
    color:#FFF !important;
}
.quicklinks-col-wrapper.design-2026 .quicklink-content {
    padding:2rem 2rem 1rem 2rem;
}
.quicklinks-col-wrapper.design-2026 .title h3 {
    font-size:2rem;
    text-transform: uppercase;
    margin:0;
}
.quicklinks-col-wrapper.design-2026 .content {
    margin-top:2rem;
}
.quicklinks-col-wrapper.design-2026 .button-2026 {
    background-color:#f8a238 ;
    color:#fff;
    font-size:1.2rem;
}
.quicklinks-col-wrapper.design-2026 .button-link {
    padding:2rem;
}