@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);

/*
font-family: 'Open Sans', sans-serif;
*/

/* --------------------- COLORS ---------------------- */

/*- Light Background Color -*/
.row.bg-d {
 background: #f2eee9;
}

/*- Menubar Background Color -*/
#menubar {
    background: #f00909;
}

/*- Section Title Text Color -*/
.sectionName {
    color: #f00909;
}

/*- Quick Link Color -*/
.quickLinks a {
    color: #CB0000;
}

/*- Quick Link Color HOVER -*/
.quickLinks a:hover {
    color: #f00909;
}

/*- Event Date Circle Background and Text Color -*/
.dateOrb {
    background: #f00909;
    color: #000;
}

/*- News Date Background and Text Color -*/
.newsItem .newsDate {
    background: #f00909;
    color: #ffffff;
}

/*- News Title Text Color -*/
.newsItem .newsTitle {
    color: #584731;
}

/*- News Read More Text Color -*/
.newsItem .readMore {
    color: #f00909;
}

/*- News Read More Text Color HOVER -*/
a.newsItem:hover .readMore {
    color: #f00909;
  text-decoration:underline;
}

/*- Subpage Title Text Color -*/
h2.pageTitle,h1.pageTitle {
    color: #f00909;
}

/*- Mobile Sub-Menu Toggle Background -*/
.nav-toggle {
 background: #A5957F;
}

/*- Mobile Sub-Menu Toggle Text Color -*/
.nav-toggle a {
 color: #ffffff;
}

/*- Mobile Sub-Menu Color (Hidden Item should match background) -*/
.nav-toggle span {
 color: #A5957F;
}

/*- Mobile Sub-Menu '+' Color -*/
.nav-toggle span {
 color: #ffffff;
}

/*- Sub Menu Background -*/
#inside-nav {
    background: #f2eee9;
    padding: 10px;
}

/*- Sub Menu Active Page Background -*/
.currentpage a.navLink {
    background: #80745B;
    color: #ffffff;
    font-weight: 700;
}

/*- Breadcrumb Text and Background Color -*/
#breadcrumbs {
    background: #f2eee9;
    color: #80745B;
}

/*---- TELERIK COLORS ----*/

/*--TOP LEVEL STYLES--*/

/*--Normal State--*/
.inner-bar a,
.telerik_main_menu .rmRootGroup a {
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a span {
 color: #000000;
}

/*--Over and Focused State ***/
.inner-bar a:hover,
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
 color: #ffffff;
}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 background-color: #CB0000;
}

/*--END OF TOP LEVEL STYLES--*/


/*--DROPDOWN MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup a {
 color: #ffffff;
 background: #BC5924;
}

.telerik_main_menu .rmGroup a span {
 color: #000000;
 background: #ffffff;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #CB0000;
 color: #ffffff;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #CB0000;
 color: #ffffff;
}

/*--END OF DROPDOWN MENU STYLES--*/

.rmItem:hover {
 background-color: #CB0000;
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup > li:hover > a span {
 color: #ffffff;
}

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
 background-color: #CB0000;
}

/*--DROPDOWN LV2 MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup .rmGroup a {
 color: #ffffff;
 background: #222A2B;
}

.telerik_main_menu .rmGroup .rmGroup a span {
 color: #ffffff;
 background: #222A2B;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused {
 background: #2d3738;
 color: #ffffff;
}

.telerik_main_menu .rmGroup .rmGroup a:hover span,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
 background: #2d3738;
 color: #ffffff;
}

/*--SECOND LEVEL BORDER LEFT--*/

.rmLevel2 {
 border-left: 4px solid #CB0000;
}

/*--END OF DROPDOWN MENU STYLES--*/

/*---- END TELERIK COLORS ----*/

/*------------------------------- END COLORS -------------------------------*/

/* --------------------- IMAGES ---------------------- */

/*--Navigation Arrow BG--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background: url(/Common/resources/DesignPortfolio/SiteThemes/Metric/Blue/arrows-sprite.png);
}

/*--Navigation Arrow--*/

/*--Light--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -8px !important;
}

.telerik_main_menu .rmGroup .rmItem:hover .rmExpandRight:after {
 background-position: -18px -44px !important;
}

/*or*/

/*--Dark--*/
/*
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -8px !important;
}
*/

/*------------------------------- END IMAGES -------------------------------*/

.row.bg-d .inside-padding {
    padding: 20px;
}

.homepage .ptl_portlet_vertical {
 overflow: visible;
}

a:not(.link) {
    transition: all .2s ease-in-out;
}

.portletEditMode a, .designMode a {
    transition: none;
}

.subpage .ptl_page a {
 text-decoration: underline;
 font-weight: bold;
}

.subpage .ptl_page a:hover, .subpage .ptl_page a:focus {
  text-decoration: none; 
}

.w-20 {
 width: 20%;
 display: inline-block;
 vertical-align: top;
}

html body {
 font-family: 'Open Sans', sans-serif;
 font-size: 16px;
 line-height: normal;
 color: #4C4E4E;
 -webkit-font-smoothing: antialiased;
}

#theme {
 position: relative;
}

#menubar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
 color: #ffffff;
}

.portletEditMode #menubar {
 position: static;
}

#menubar .inside-padding {
 padding: 0px 10px 0px 10px;
}

#menubar .row {
 margin: 0px;
}



/*---- HEADER ----*/
#header.row {
 display: table;
 width: 100%;
 min-height: 500px;
 background-size: cover;
 background-position: center top;
 margin-bottom: 0px;
}

#header > .inside-padding {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
}

.headerContent {
    background: rgba(239, 235, 230, 0.33);
    padding: 30px;
    width: 70%;
    margin: 0px auto;
}

.headerContent a {
 color: #7E8084;
 display: inline-block;
 width: 100%;
}

.headerContent a:hover {
 color: #7E8084;
 text-decoration: none;
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.headerContent a > * {
    margin-bottom: 10px;
 color:#000;
}

.headerContent a > h1.schoolName {
    margin: 0 0;
    font-weight: normal;
    font-size: 40px !important;
}

ul.socialMedia {
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

ul.socialMedia li {
    display: inline;
}

ul.socialMedia li a {
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #333333;
    color: #ffffff;
    margin: 0px 5px 0px 5px;
    font-size: 18px;
}

ul.socialMedia li a:hover {
 text-decoration: none;
 opacity: 0.7;
 color: #ffffff;
}

ul.socialMedia li.facebook a { background-color: #507cbe; }
ul.socialMedia li.twitter a { background-color: #63cdf1; }
ul.socialMedia li.youtube a { background-color: #f16261; }
ul.socialMedia li.instagram a { background-color: #a57d60; }
ul.socialMedia li.email a { background-color: #fcc95d; }


/*---- HOMEPAGE LAYOUT ----*/

.sectionName {
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0px 30px;
    font-size: 25px;
}

.homepage .row .table.inside-padding {
 display: table;
 width: 100%;
 box-sizing: border-box;
}

.homepage .w-33, .homepage .w-66 {
 float: none;
 display: table-cell;
 vertical-align: middle
}


/*---- QUICK LINKS ----*/
.row.bg-d.quickLinks {
 text-align: center;
 margin-bottom: 20px;
}

.quickLinks a {
    text-align: center;
    font-weight: bold;
}

.quickLinks a:hover {
 text-decoration: none;
}

.quickLinks a span {
    display: block;
    transition: all .2s ease-in-out;
}

.quickLinks a:hover span {
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}


/*--- FOOTER ----*/
#footer {
    background: #333333;
    color: #eeeeee;
    text-align: center;
    font-size: 15px;
}

#footer .phone a { color: #ffffff; }

#footer .inside-padding {
    padding: 30px 10px 30px 10px;
}

#footer .schoolName {
    font-size: 34px;
}

.credits {
    background: #212121;
    color: #eeeeee;
    text-align: center;
}
.credits a {
 color: #ffffff;
}
.credits a:hover {
 color: #ffffff;
 text-decoration: underline;
}

/*---- SUBPAGE LAYOUT ----*/


.subHero {
/* background-position: center center;
 background-size: cover;
 height: 250px;*/
 display: table;
 width: 100%;
text-align: center;
}

.subHero > .inside-padding {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    padding: 100px 10px 20px 10px;
}

.subHero .headerContent {
 width: auto;
}

.sideBar {
    width: 23%;
    float: left;
}

.mainContent {
    width: 77%;
    float: left;
}

h2.pageTitle,h1.pageTitle {
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0px 30px;
    font-size: 25px;
}


#inside-nav {
    padding: 10px;
}

#breadcrumbs {
    padding: 10px;
    font-weight: 700;
    margin-bottom: 20px;
}

a.navLink {
    display: block;
    padding: 10px;
}

.currentpage a.navLink {
    color: #ffffff;
    font-weight: 700;
}

a.navLink:hover {
text-decoration: none;
    opacity: 1;
    display: block;
    padding: 10px;
    background: #80745B;
    color: #fff;
}

.RadMenu a.rmLink {
 line-height: 45px;
}

/*** START OF TOP LEVEL MENU STYLES ***/

.telerik_main_menu a,
.telerik_main_menu a:hover {
 text-decoration: none;
 font-size: 13px;
 font-weight: normal;
}

.telerik_main_menu .rmText {
 padding-top: 5px !important;
 padding-bottom: 15px !important;
}

.telerik_main_menu .rmGroup .rmText {
 padding-bottom: 5px !important;
}

.RadMenu .rmItem {
 height: auto;
 margin-right: 0px;
}

.RadMenu .rmText {
 font-weight: normal;
 font-size: 12pt;
}

.RadMenu .rmLink {
 float: left;
 outline: 0 none;
 padding-left: 0px !important;
}

.RadMenu .rmHorizontal .rmText {
 padding: 0px 10px 0px 10px !important;
}

.RadMenu .rmGroup .rmText {
 margin-left: 0px !important;
 padding: 8px 10px 8px 10px !important;
 margin-bottom: 4px;
}

.rmrootGroup .rmHorizontal li.rmItem {
 margin-left: 10px;
}

/*** Normal State ***/
.telerik_main_menu .rmRootGroup a {
 text-decoration: none;
 font-size: 18px;
}

.telerik_main_menu .rmRootGroup a span {
 text-decoration: none;
    font-size: 17px;
    font-weight: 400;
}

/*** Over and Focused State ***/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 text-decoration: none;
 background-position: left top, right top;
 background-repeat: no-repeat;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
 text-decoration: none;
}

/*** END OF TOP LEVEL MENU STYLES ***/

/*** START OF DROPDOWN MENU STYLES ***/

/*** Normal State ***/

.telerik_main_menu .rmGroup {
}

.telerik_main_menu .rmGroup a {
 text-decoration: none;
 font-size: 10pt;
 font-weight: normal;
}

.telerik_main_menu .rmGroup a span {
 text-decoration: none;
 font-size: 15px;
 font-weight: 400;
 line-height: normal !important;
 text-transform: none;
}

.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 content: '';
 position: absolute;
 top: 5px;
 right: 5px;
width: 18px;
height: 26px;
}

/*** Over and Focused State ***/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 text-decoration: none;
 border-bottom: none !important;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 text-decoration: none;
}

/*** Dropdown border ***/
.RadMenu .rmRootGroup .rmItem ul.rmGroup {
 width: 200px;
 padding: 0px;
}

/*** END OF DROPDOWN MENU STYLES ***/

a#mobile-bar {
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 45px;
    color: #ffffff;
    font-weight: 700;
}

a#mobile-bar span {
    margin-right: 15px;
}

@media screen and (max-width: 1020px) {

 .subpage #page .sideBar { width: 28%; }
 .subpage #page .mainContent { width: 71%; }

}

@media screen and (max-width: 900px) {

 body #header, body #content-wrapper { position: static; }

 #menubar { z-index: 999; }

}

@media screen and (max-width: 840px) {

 .w-20 { width: 33.33334%; }

 .homepage .row .table.inside-padding { display: block; width: auto; }
 .homepage .w-33, .homepage .w-66 { display: block; width: 100%; }

 a.event { display: inline-block; width: 50%; margin-bottom: 20px; text-align: center; vertical-align: top; }
 a.event .inside { display: block; }
 a.event .eventDate { display: block; width: auto; }
 .dateOrb { margin: 0px auto 10px; }
 a.event .eventDetails { display: block; padding: 0px; }



 a.newsItem { width: 100%; display: block; }
 .newsItem > .inside { min-height: auto; }

}

@media screen and (max-width: 730px) {

  .subpage #page .sideBar, .subpage #page .mainContent {
    width: auto;
    float: none;
 }

}

@media screen and (max-width: 470px) {

 .w-20 { width: 50%; }

 a.event { display: block; width: 100%; }

.quickLinks a span {
    display: grid;
}

}

#page #breadcrumbs span {

    color: #313131 !important;

}

.label_skin_corporation a:hover {

text-decoration:none;
}


/*-----------------------keyboard NAV fixes----------------------------------*/


/* -- level zero menu expand --- */

a.rmLink.rmRootLink.rmExpanded span.rmText.rmExpandDown {
    background: #CB0000;
    color: white;
}



/* -- level two menu expand --- */

li.rmItem a.rmExpanded span.rmText.rmExpandRight {
    background: #CB0000;
    color: #fff;
}

.RadMenu ul.rmRootGroup {
    list-style: none;
}

@media screen and (max-width: 900px)
{
#menubar {
    margin-bottom: 0px; 
    height: 34px;
}

#menubar .inside-padding{
padding: 0;
}
}

/*Quicklinks*/

/*  ----- ANULADO ---

.QL-defaultTemplate li {
 border-bottom: none;
 display: inline-block;
 width: 50%;
}
.QL-defaultTemplate a:hover {
 background: inherit;
 text-decoration: none;
 transform: scale(1.1);

 transition: all 0.1s linear;
}
.QL-defaultTemplate a:hover span.QL-text {
 text-decoration: none !important;
 color: #bb0000;
}
.QL-defaultTemplate a {
 color: #000000;
 padding: 20px 0;
 text-align: center;

 transition: all 1s ease;
}
.QL-defaultTemplate a .fa {
 font-size: 3em;
 margin-bottom: 7px;
 display: block;
}
ul.QL-defaultTemplate {
 text-align: center;
}
.QL-defaultTemplate li {
 min-width: 130px;
}

 -------- */



/* Nuevos Quicklinks */
.QL-defaultTemplate li {
 border-bottom: none;
 display: inline-block;
 width: 50%;
}
.QL-defaultTemplate a:hover {
 background: inherit;
 text-decoration: none;
 transform: scale(1.1);

 transition: all 0.1s linear;
}
.QL-defaultTemplate a:hover span.QL-text {
 text-decoration: none !important;
}
.QL-defaultTemplate a {
 color: #000000;
 padding: 20px 0;
 text-align: center;

 transition: all 1s ease;
}
.QL-defaultTemplate a .fa {
 font-size: 3em;
 margin-bottom: 7px;
 display: block;
}
ul.QL-defaultTemplate {
 text-align: center;
}
.QL-defaultTemplate li {
 min-width: 130px;
}
/*  fin nuevos QL */


#skip a:focus {
   top: 7% !important;
}

.CMS_adminBar .optionRows>ul>li.optionHelp span.CMS_title {
    color: #929599 !important;
    background: #272f36 !important;
}

.row.bg-d p span {
    color: #000;
    margin: 0px;
    font-size: 16px;
    line-height: 29px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
}

#ctl00_ContentPlaceHolder1_ctl28_ctl00_ltContent strong {
    color: #000;
    font-family: 'Open Sans' , sans-serif;
}

.row.bg-d p {
    color: #000 !important;
    margin: 0px;
    font-size: 16px !important;
    line-height: 29px;
    font-family: 'Open Sans' , sans-serif !important;
}

.divRssContent {
    color: #000;
    font-size: 16px;
    font-family: 'Open Sans' , sans-serif;
}

#ctl00_ContentPlaceHolder1_ctl28_divContent {
    color: #000;
}

#ctl00_ContentPlaceHolder1_ctl25_divContent h3 {
    color: #000;
}

.logo img {
    max-width: 100px;
    max-height: 100px;
}

@media screen and (max-width: 375px) {
.QL-defaultTemplate li {
    border-bottom: none;
    display: inline-block;
    width: unset; }
}

@media screen and (max-width: 820px) {
 .QL-defaultTemplate li {
   border-bottom: none;
   display: inline-block;
   width: 42%; }
}

#header .logo img {
    min-width: 130px !important;
    min-height: 115px;
}

@media screen and (max-width: 767px) {
.logo img {
    width: 50%;}
}

#header .logo img {
    width: 50% !important;
}

.headerContent a .schoolName {
    font-size: 20px !important; }

.centerWrapper {
    text-align: unset !important;
}

div#pub-school-dropdown {
    display: none;
}

body #header > .inside-padding {
    padding: 100px 10px 20px 10px;
    position: relative;
}

#header.row {
    background-image: url(/UserFiles/Servers/Server_1433950/Image/Image-body/featuredImage.jpg) !important;
}

.row.bg-d h3 {
    color: #f00909;
}

.has-child a:first-child {
    position: relative;
    left: 0px;
    /* padding: 10px 9px 10px 50px !important;*/
}



.dateOrb {
    background: #c20909;
    color: #fff;
}


/* CHANGES 08-12-22 */

#header.row {
    background-image: url('/UserFiles/Servers/Server_1433950/Templates/main-bg-img-1.png') !important;
}

#menubar.menubarEditMode {
    position: relative;
}

/* CHANGES 22/12/22 */

html.CMS_PF_dialog_open body {
    text-align: unset !important;
}

#pubWrapper ul.pubList > #selectSchool {
    display: none;
}

body #pubWrapper ul.pubList .pubDropdown-btn {
    height: 35px !important;
}

#pubLinks .fa {
    top: 20% !important;
}

ul.w-50.pubList {
    width: 15%;
}

ul.w-50.pubList.fr {
    width: 80%;
}

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn a, .responsiveTemplate #pubWrapper.responsive.active #pubWrapper-btn {
    color: #fff!important;
    background: #303030 !important;
}

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn a:hover {
    color: #000 !important;
    background: #8f8f8f !important;
}

html body {
    text-align: initial !important;
}

.currentpage a.navLink, .nav-toggle {
    background: #f00909;
    color: #000;
}

.nav-toggle a {
    color: #000;
}

#breadcrumbs, #breadcrumbs nav a {
    color: #000;
}

#menubar .mobile-nav-items ul li.has-child .subnav:focus {
    border: 2px solid;
}