﻿/** Temporary fix until next deployment **/
.ms-rteTable-default .ms-rteTableOddRow-default td a, .ms-rteTable-default .ms-rteTableEvenRow-default td a {
    color: #0068b3;
}
/** end temporary fix **/

/*Temporary left navigation CSS while the feature "ZETTA 1 - Dynamic Left Navigation" is deactivated*/

#sideNavBox ul.dynamic {
    background-color: #eceff1;
}

#sideNavBox .navSiteNameContainer {
    border-bottom-color: #9f121b;
}

#sideNavBox .navSiteNameContainer h2 {
    color: #9f121b;
	padding: 5px 5px 10px 5px;
    font-size: 1.3em;
}

#sideNavBox li.static button.sideNavBoxExpandCollapse .custom-plus:before{
    content: "\f067";
    color: #9f121b;
}

#sideNavBox li.static button.sideNavBoxExpandCollapse .custom-minus:before{
    content: "\f068";
    color: #9f121b;
}

#sideNavBox li.static a.menu-item:before,
#sideNavBox li.static.father ul.dynamic li.dynamic a.menu-item:before{
    content: "\f105";
    color: #333333;
    font-size: 1.2em;
}

#sideNavBox li.static a.menu-item:before{
    padding: 0 2px;
}

#sideNavBox li.static.selected a.menu-item.selected, 
#sideNavBox li.static.father a.menu-item.selected,
#sideNavBox li.static.dynamic-children.selected.father button.sideNavBoxExpandCollapse{
    background-color: #9f121b;
    color: #fff;
}

#sideNavBox li.static.dynamic-children.selected.father button.sideNavBoxExpandCollapse span:before{
    color: #fff;
}

#sideNavBox li.static:not(.father) a.menu-item, 
#sideNavBox li.static.father ul.dynamic li.dynamic a.menu-item{
    color: #333;
}
/*End temporary left navigation CSS*/

.find-a-school-container {
    background-color: #3E4746;
    background-image: url(/SiteCollectionImages/footer-left-bg.png),url(/SiteCollectionImages/footer-right-bg.png);
    background-repeat: no-repeat;
    padding: 45px 0px;
}

.find-a-school-container h1,
.find-a-school-container a {
    color: #fff;
}

.find-a-school-container a {
    text-decoration: underline;
    font-size: 1.2em;
}

.homepage .article-app .article-header .see-all a {
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.homepage .article-app .article-header .see-all {
    float: left;
    display: block;
    width: 100%;
}

.homepage .important-dates .date-header .see-all a {
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.homepage .important-dates .date-header .see-all {
    float: left;
    display: block;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .homepage .band-3a .col-md-8.col-sm-6.mod-col-left {
        padding-right: 45px;
        width: 58.33333333%;
    }

    .homepage .band-3a .col-md-4.col-sm-6.mod-col-right {
        width: 41.66666667%;
    }

    .homepage .band-3a .col-md-4.col-sm-6.mod-col-right .ms-webpart-zone {
        padding: 0
    }

    .homepage-outer:not(.edit-mode) .band-3a .col-md-4.col-sm-6.mod-col-right .wbp {
	    background: #fff;
	    border-top: 10px solid #a3262e;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	    position: relative;
	    top: -100px;
	    padding: 30px 30px 10px 30px;
	}
    .homepage .band-3a .col-md-4.col-sm-6.mod-col-right .wbp .eventscalendar-app .events.list .event .event-text-container .description {
        font-size: .85em
    }
	.hasdropdowntoggle:after {
	    content: none;
	}
}
/*  LANDING PAGE STYLES */

.landing-page.items{
	overflow:hidden;
	padding-bottom: 30px;
    display: inline-block;
}

.landing-page .grid-item{
	float: left;
	box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}
.landing-page .grid-item a:not(.btn,p a) {
    font-size: 1.2em;
    font-weight: 600;
    color: #000000;
    margin: 0 0 15px;
}
/*.landing-page .grid-item:nth-child(3n+1) {
    padding-left: 0;
}*/

a.landing.feature-item {
    border: 1px solid #ececec;
    display: inline-block;
}
a.landing.feature-item:hover {
    text-decoration: none;
    display: inline-block;
    box-shadow: 0px 2px 12px  #ececec;
}
.landing.feature-item img {
    padding-bottom: 10px;
}
span.heading-2 {
    font-size: 1.2em;
    font-weight: 600;
}
a.landing.feature-item .details {
    padding: 0 10px;
}
.landing-page .item a.btn{
	font-size: 1em;
    font-weight: 400;
    color: #FFFFFF;
}
/* custom-dynamic-column-list */
.custom-dynamic-column-list ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
@media only screen and (max-width: 615px) {
	.custom-dynamic-column-list ul {
	    columns: 1;
	    -webkit-columns: 1;
	    -moz-columns: 1;
	}
}
/* International landing pages  */
.international .thumbnail:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/* Add bottom margin to tables */
table.ms-rteTable-default {
    margin-bottom: 20px !important;
}

/* Responsive tables */
table.ms-rteTable-default {
    margin: 1em 0;
    min-width: 300px;
}

table.ms-rteTable-default a {
    word-break: break-word;
}

table.ms-rteTable-default th {
  display: none;
}
table.ms-rteTable-default td {
      display: inline-block;
}
table.ms-rteTable-default td:first-child {
  padding-top: .5em;
}
table.ms-rteTable-default td:last-child {
  padding-bottom: .5em;
}
table.ms-rteTable-default td:before {
  font-weight: bold;
  display: block;
}
@media (min-width: 480px) {
  table.ms-rteTable-default td:before {
    display: none;
  }
}
table.ms-rteTable-default th, table.ms-rteTable-default td {
    text-align: left;
    vertical-align: top;
}
@media (min-width: 480px) {
  table.ms-rteTable-default th, table.ms-rteTable-default td {
    display: table-cell;
    padding: .25em .5em;
  }
  table.ms-rteTable-default th:first-child, table.ms-rteTable-default td:first-child {
    padding-left: 0;
  }
  table.ms-rteTable-default th:last-child, table.ms-rteTable-default td:last-child {
    padding-right: 0;
  }
}
table.ms-rteTable-default th, table.ms-rteTable-default td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  table.ms-rteTable-default th, table.ms-rteTable-default td {
    padding: 1em !important;
  }
}

/* ADDED CUSTOM TO WORK ON SMALL DEVICES */
@media only screen and (max-width: 569px) {
  table.ms-rteTable-default tr {
      display: table-row;
      border-bottom: 0px;
  }

  table.ms-rteTable-default th {
      display: table-cell;
  }

  table.ms-rteTable-default td, table.ms-rteTable-default td:last-child {
        display: table-cell;
      border-bottom: 1px solid #f1f1f1 !important;
  }
}

/* End responsive tables */

/*** CARA RISK LEVELS **/
.extreme-risk {
    background-color: #ffa4a5;
    padding: 7px;
    border: 1px solid #de8f90;
    display: table;  
}
.high-risk {
    background-color: #FFB35C;
    padding: 7px;
    border: 1px solid #e3b688;
    display: table;
}
.medium-risk {
    background-color: #feff99;
    padding: 7px;
    border: 1px solid #dbdc84;
    display: table;
}
.low-risk {
    background-color: #bbffc2;
    padding: 7px;
    border: 1px solid #9ed8a4;
    display: table;
}

/** Best Best Promoted Links style  **/
.ms-srch-bestBetItem {
    clear: both;
    width: 500px;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    overflow: hidden;
    border: 1px solid #006239;
    display: table-cell;
}

.ms-srch-bestBetItem h3.ms-srch-ellipsis .ms-srch-item-link {
    font-weight: 600;
}

.ms-srch-bestBetItem-icon {
    top: -2px;
    overflow: visible;
    height: 20px;
}

.ms-srch-bestBetItem-icon img {
    display: none;
}

.ms-srch-bestBetItem-icon:before {
    font-family: FontAwesome;
    content: "\f005";
    display: table-cell;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    animation-iteration-count: .2;
    -webkit-animation-iteration-count: .2;
    /* Safari and Chrome */
    font-size: 16px;
    /*color: #00819F;*/
    color: #E7CA59;
}


/** GALLERYBOX THUMBNAIL **/
.photobox-gallery a.thumbnail, .photobox-gallery div {
    margin-bottom: 5px;
}

/* temporary breadcrumb fix 
.ms-breadcrumb ul li, .ms-breadcrumb ul, .ms-breadcrumb{
	display:block !important;
}*/

/********** MARGIN AND PADDING *************/
.mt-5 {margin-top:5px !important;}
.mr-5 {margin-right:5px !important;}
.mb-5 {margin-bottom:5px !important;}
.ml-5 {margin-left:5px !important;}
.mt-10 {margin-top: 10px !important;}
.mr-10 {margin-right: 10px !important;}
.mb-10 {margin-bottom: 10px !important;}
.ml-10 {margin-left:10px !important;}
.mt-15 {margin-top:15px !important;}
.mr-15 {margin-right:15px !important;}
.mb-15 {margin-bottom:15px !important;}
.ml-15 {margin-left:15px !important;}
.pt-5 {padding-top:5px !important;}
.pr-5 {padding-right:5px !important;}
.pb-5 {padding-bottom:5px !important;}
.pl-5 {padding-left:5px !important;}
.pt-10 {padding-top: 10px !important;}
.pr-10 {padding-right: 10px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pl-10 {padding-left:10px !important;}
.pt-15 {padding-top:15px !important;}
.pr-15 {padding-right:15px !important;}
.pb-15 {padding-bottom:15px !important;}
.pl-15 {padding-left:15px !important;}

/** END MARGIN AND PADDING **/

/**********
PRINT STYLES
*************/
@media print{
	ul.ms-breadcrumb{
		display:none;
	}
	.dynamic-title{
	    display: inherit;
	}
	.quick-links.row.noindex {
	    display: none;
	}
	.social-media-links.noindex {
	    display: none;
	}
	.above-outer-footer-container{
		display: none;
	}
	.composite-footer-container{
		display:none;
	}
}
/** END PRINT STYLES **/


/*************************************************

*** GENERAL STYLES ***

**************************************************/

/* Intro sentence style */

p.wdp-intro {font-size:16px; line-height: 1.7em;}

/* External link smaller size */

.fa-external-link {
        font-size: 0.9em;
}

/* Fix for hero link flex bug on homepage */
.article-app .article-flex-inner:before,.article-app .article-flex-inner:after, .hero-links .hero-links-list:before, .hero-links .hero-links-list:after {
    width:0px;
}

/* Custom focus style */
a:focus, .footer-container a:focus, .composite-footer-container a:focus {
	outline: 2px solid #000000 !important;
	outline-offset: 1px;
}

.global-nav-container a:focus {outline: 2px solid #FFFFFF !important;}

.global-nav-container a:focus {outline-offset: 0;}

/* End focus style */


/*************************************************

*** HEADER SECTION ***

**************************************************/

/* Search box styling */

#header #SearchBox .ms-srch-sb-border {border-radius: 0 !important;}
#header #SearchBox input[type="text"] {border-radius: 0 !important;}
#header #SearchBox .ms-srch-sb-searchLink, #header #SearchBox .ms-srch-sb-borderFocused {border-radius: 0 !important;}

/****************************************

*** Site header fixes ***

*****************************************/
@media only screen and (min-width: 661px) and (max-width: 768px) {
    #header .title-container-container {
        top: 93px;
    }
    #Logo {
        top: 90px;
    }
        
    #header .header-top {
        height: 130px;
    }
        
    #header .searchbox {
        top: 138px;
    }
}

@media only screen and (max-width: 660px) {
    .ms-siteicon-img {
        width: 100%;
    }

    #header .header-top {
        height: auto;
        position: relative;
    }

    #header .title-container-container #titleContainer img {
        right: 0;
    }


    #Logo.dynamic-logo-extended {
        position: relative !important;
        margin-bottom:0;
        margin-top:0.5em;
    }

    #Logo {
        left: 0;
        top:0 !important;
    }

    #Logo.dynamic-logo-extended .dynamic-title {
        font-size: 1.2em;
    }

    #Logo.dynamic-logo-extended #siteIcon, #Logo.dynamic-logo-extended #siteIcon .icon-display {
        height: auto;
        }

    #header .title-container-container {
        position:relative;
        top:0;
        margin-bottom:15px;
    }

    #header .searchbox {
        top: auto;
        bottom: -48px;
    }

    .site-utilities-container {
        float:none;
        position:relative;
    }
    
}

/* End of site header fix */

/* Breadcrumb fix */
.breadcrumb-container {
    padding: 0;
    font-size: 11px;
}
/* End of breadcrumb fix */


/*************************************************

*** FOOTER SECTION ***

**************************************************/

/* Social media icons */

.social-media-links .social-media-links-list .social-media-links-item .social-media-links-link:hover i, .social-media-links .social-media-links-list .social-media-links-item .social-media-links-link:focus i{text-shadow: 0px 0px 5px #000000;}

/* Facebook icon hover colour */
.social-media-links .social-media-links-list .social-media-links-item:nth-of-type(1) .social-media-links-link:hover, .social-media-links .social-media-links-list .social-media-links-item:nth-of-type(1) .social-media-links-link:focus  {background-color: #1877f2;}

/* Twitter icon hover colour */
.social-media-links .social-media-links-list .social-media-links-item:nth-of-type(2) .social-media-links-link:hover, .social-media-links .social-media-links-list .social-media-links-item:nth-of-type(2) .social-media-links-link:focus {background-color: #1da1f2;}

/* YouTube icon hover colour */
.social-media-links .social-media-links-list .social-media-links-item:nth-of-type(3) .social-media-links-link:hover, .social-media-links .social-media-links-list .social-media-links-item:nth-of-type(3) .social-media-links-link:focus {background-color: #E60000; }

/* Instagram icon hover colour */
.social-media-links .social-media-links-list .social-media-links-item:nth-of-type(4) .social-media-links-link:hover, .social-media-links .social-media-links-list .social-media-links-item:nth-of-type(4) .social-media-links-link:focus {background-color: #C13584;}

/* Linkedin icon hover colour */
.social-media-links .social-media-links-list .social-media-links-item:nth-of-type(5) .social-media-links-link:hover, .social-media-links .social-media-links-list .social-media-links-item:nth-of-type(5) .social-media-links-link:focus {background-color: #007bb5;}

/* Footer styling */

#footer .footerlinks ul.footerlevel:nth-of-type(2) li.footeritem, #footer .footerlinks ul.footerlevel:nth-of-type(3) li.footeritem {min-height: none;}
#footer .footerlinks ul.footerlevel:nth-of-type(2), #footer .footerlinks ul.footerlevel:nth-of-type(3) {margin:0; padding:0}

#footer ul.footerlevel:not(:first-of-type) li.footeritem {
    margin-top: 5px;
}

#footer ul.footerlevel:nth-of-type(2) li.footeritem {
    margin-top: 15px;
}

#footer ul.footerlevel:not(:first-of-type):after, #footer ul.footerlevel:not(:first-of-type):before {
    width: 100%;
    height: 70px;
    background: white;
    position: absolute;
    content: "";
    left: 0px;
    z-index: 0;
}

#footer .footer-container.footer-padding {padding-top:12px;}
#footer .footerlinks ul.footerlevel {margin-bottom:3px;}

#footer .footer-background-container .above-composite-footer-container {
    padding: 0;
    background-color: white;
}

#footer ul.footerlevel:not(:first-of-type) li.footeritem, #footer ul.footerlevel:not(:first-of-type) li.footeritem a {
    color: #015d91 !important;
    position: relative;
    z-index: 1;
}

#footer ul.footerlevel {margin-bottom: 10px;}
.footer-container.footer-padding {padding-top:18px;}

/* dividers on desktop only */

@media screen and (min-width: 660px) { 
    #footer .footerlinks ul.footerlevel:nth-of-type(1) li.footeritem { margin-bottom:10px;} 
}

@media screen and (min-width: 501px) { 
    #footer .footerlinks ul.footerlevel:nth-of-type(1) li.footeritem {margin-right:0; }
    #footer ul.footerlevel:nth-of-type(1) li.footeritem a {padding-right:15px; margin-right: 15px; border-right: 1px solid #ffffff;}
    #footer ul.footerlevel:nth-of-type(1) li.footeritem:last-of-type a {border-right: 0; padding-right:0; margin-right: 0;}
}

@media screen and (max-width: 500px) { 
    #footer .footerlinks ul.footerlevel:nth-of-type(1) li.footeritem {display:block;}
    #footer .footerlinks ul.footerlevel:nth-of-type(1) li.footeritem a {
        border-bottom: 1px dashed rgba(255,255,255,.3); 
        padding-bottom: 12px; 
        margin-bottom: 12px;
        display:block;
        margin-left:15%;
        margin-right:15%;
        line-height:25px;
    }

    #footer .footerlinks ul.footerlevel:nth-of-type(1) li.footeritem:last-of-type a {border-bottom:0;}
    #footer .footerlinks ul.footerlevel:nth-of-type(1) {margin-top:30px; margin-bottom: 30px;}
}

/* To top button adjust */

a.cd-top:before, button.cd-top:before {
    line-height: 1em;
}

a.cd-top.cd-fade-out, button.cd-top.cd-fade-out {
    max-width: 8vmin;
    max-height: 6vmin;
}

@media screen and (max-width: 768px) {
    a.cd-top:before, button.cd-top:before {
        line-height: 1em;
        font-size:1em;
    }   
}

/* Side Navigation fix */
#sideNavBox .nav-accordion-item .father ul.dynamic {
    margin-top: 1px;
}