@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('custom/css/jquery.mmenu.all.css');
@import url('custom/css/slick.css');
/* @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); */
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');

/*
font-family: 'Poppins', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/** Color Variables **/
:root{
	--primary1_overlay: ffffff;
	--primary2_overlay: ffffff;
	--primary3_overlay: ffffff;
}

/*****RESET*****/
@import url("custom/css/reset.css");
.home *, header *, footer * { -webkit-font-smoothing:antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust:none; }
html, body { width: 100%; font-size: 18px; line-height: 175%; color: #000000; background: #f6f6f6; font-family: 'Poppins', sans-serif; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.home input, header input, footer input { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }  

*::-webkit-input-placeholder{opacity:100; } 
*::-moz-placeholder{opacity:100; } 
*:-ms-input-placeholder{opacity:100; }

/*****GENERAL*****/
a{color:#E9161D; text-decoration:none; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
.home ul, header ul, footer ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: inline-block; max-width: 100%; }
input, textarea { transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Poppins', sans-serif;}
input:focus, textarea:focus { outline: none; }
p { padding-bottom: 20px; }
p a{ font-weight:700; font-style:normal; color: #E9161D; }
p a:hover{text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 125%;}

h1 { font-size: 55px; font-weight:800; }
h2 { font-size: 48px; font-weight:700; font-style:italic; color: #E9161D; letter-spacing: -0.01em;}
h3 { font-family: 'Raleway', sans-serif; font-size: 45px; font-weight:500; color: #26225c; letter-spacing: -0.01em;}
h4 { font-size: 30px; font-weight:700; color: #000000; letter-spacing: 0.075em; line-height: 150%;}
h5 { font-size: 30px; font-weight:800; color: #26225c; }
h6 { font-size: 30px; font-style:italic; font-weight:300; color: #E9161D; letter-spacing: -0.02em; padding: 0 !important; line-height: 139%;}

.alignright{ float:right; margin:0 10px 10px 20px; }
.alignleft{ float:left; margin:14px 40px 10px 0; }

.heading h1,.heading h2 { font-size: 48px; line-height: 58px; font-style:normal; color:#000; font-weight:700; text-align:center; letter-spacing: -0.04em; }
.heading:after { width: 47px; height: 2px; content:''; background:#26225c; display: block; margin:35px auto 0px; }
.heading { padding-bottom: 65px; }
.heading.white:after { background:#fff; }
.heading.white h1,.heading.white h2{ color: #fff; }  

[href^="tel"] { cursor: default; }
[href^="tel"]:hover { text-decoration: none; }

blockquote, h5 { width: calc( 100% - 100px); overflow:hidden; margin: 25px 0 70px; padding: 28px 50px; background: #fff; position: relative; box-shadow: 0px 0px 25px rgba(0,0,0,0.17); font-style:italic;}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote div { font-family: 'Raleway', sans-serif !important; font-style:italic !important; color: #E9161D !important; font-weight:800 !important;}
blockquote span.name, blockquote p, blockquote span { font-weight:700 !important; color: #26225c !important; text-transform: uppercase !important; text-align: right !important; display: block !important; margin: 0px !important; padding: 0px !important;}

p a.read_more { font-weight:700; font-style:normal; color: #a90533; }
p a.read_more { text-decoration:underline; }

.button { display: inline-block; vertical-align: top; font-size: 20px; margin: 0 15px; line-height: 30px; font-weight:500; color: #ffffff; text-transform: uppercase; background: #E9161D; padding: 25px; min-width:245px; letter-spacing: 0.08em; text-align:center; }
.button:hover { color: #ffffff; background:#26225c; }

.arrow_btn { width: 24px; height: 24px; }
.arrow_btn svg { width: 100%; height:100%; }  
a.arrow_btn:hover svg path { fill:#d8d8d8; }

.back-top { border: 1px solid #fff; position: fixed; bottom: 10px; display: none; right: 15px; z-index: 9999; width: 30px; height: 30px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; background: #E9161D; opacity:0; }
.back-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 8px solid transparent; border-bottom-color: var(--primary1_overlay); margin: -12px 0 0 -8px; }
.back-top.show { opacity: 100; }

.centering { max-width: 1786px; padding: 0 15px; position: relative; margin: auto; }

/****main_sec****/
#main_sec { width: 100%; min-height: 100%; position: relative; overflow: hidden; }
.text_center { text-align:center; }
a.close { display: none; }


/****header****/
header { padding: 40px 0 !important; z-index:999; float: left; width: 100%; position:absolute; left:0; top:0; }
header .mobilemenu { display:none; }
header  a.menu_logo, header #logo a { font-size:0; line-height:0; float: left; }
header #logo a .white-logo{ display: inline-block; max-width: 400px; max-height: 95px;}
header #logo a .color-logo{ display: none; /* width: 60%; */ max-width: 215px; max-height: 50px;}
header  a.menu_logo { margin: 30px 0 0 0; }
header  a.menu_logo img{ max-width: 350px; max-height: 87px;} /* 9-30-21 */
header .top_box { width:100%; float: left; }
header .menu_open { /* margin: 23px 0 0 0; */ font-family: fontawesome; font-size: 40px; color: #26225c; float: right; position: relative; align-self: center; font-style: normal;}
.home header .menu_open{ color: #fff;}
.home header .menu_open:hover{ opacity: .8; color: #fff;}
header .menu_open.mobile { display: none; font-family: fontawesome; font-size: 35px;}
header .menu_box { display: none; position:absolute; left:0; top:0; width: 100%; border-top: 12px solid #26225c; background: #fff; max-height: 100vh;}
header .menu_close { position: relative; float: right; margin-right: -48px; width: 144px; height: 136px; background: #26225c url(custom/images/close.png) center center no-repeat; background-size:50px 45px; }
header .menu_close:hover { background-color:#E9161D; }

header .menu_box:hover{ overflow-y: scroll;}

header .search_panel { padding: 0px 0; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; z-index:2; width: 100%; float: left; background: #E9161D; }
header .search_panel .centering { max-width: 1330px; }
header .search_panel .centering:before { width:0; height:0; content:''; border: 30px solid transparent; border-top: 20px solid var(--primary1_overlay); position:absolute; left:5px; top:-3px; }
header .search_panel .field {  width: 100%; border:0; border-bottom: 1px solid var(--primary1_overlay); font-size: 22px; font-style:italic; color: var(--primary1_overlay); font-weight:300; text-align:center; background: none; padding: 10px; }
header .search_panel .field_group { margin: 55px 0 50px; position: relative; }  
header .search_panel .field_group i { position: absolute; left: 10px; top:15px; font-size:30px; line-height: 30px; color: var(--primary1_overlay);}
header .search_panel .field_group input::placeholder{ color: var(--primary1_overlay);}

header.show,
header.fixed { padding: 20px 0 !important; position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; background: #ffffff; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); }

header.show #logo a .white-logo,header.fixed #logo a .white-logo{ display: none;}
header.show #logo a .color-logo,header.fixed #logo a .color-logo{ display: inline-block;}

header.fixed .menu_open, header .menu_open { color: #26225c; }
header.fixed .menu_open:hover, header .menu_open:hover { color: #E9161D; }

header .top_box .centering{ width: 100%; display: flex; justify-content: space-between; align-content: center;}

header i{ font-style: normal;}

/*****banner-bar - Home Page Hero*****/
#banner { width: 100%; background-position: center top; float: left; background-size:cover; position: relative; overflow: hidden; }
/* #banner:before { z-index:2; width: 100%; height: 157px; content:''; position:absolute; left:0; bottom:0; background:url(custom/images/bannewr_curve_grey.png) center top no-repeat; background-size:100% 100%; }  REMOVED ON 9-16-19*/
#banner .cycle-slideshow { z-index:1; width: 100%; background: #000; }
#banner .slides { padding: 0; color:#fff; position: relative; height:900px; width: 100%; background-position: center top; background-size:cover; }  
#banner .text { width: 100%; text-align:center; display: flex; height: 100%;}
#banner span.title { text-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-text-shadow: 3px 3px 3px rgba(0,0,0,0.2); -ms-text-shadow: 3px 3px 3px rgba(0,0,0,0.2); font-size:55px; line-height:65px; letter-spacing: -0.02em; font-family: 'Poppins', sans-serif; font-weight:800; display: block; color: #fff; }
#banner span.title a{ text-decoration: none; color: #fff;}
#banner .pager { position:absolute; right:75px;  bottom:70px; z-index:2; font-size:0; line-height:0; z-index: 100;}
#banner .pager span { border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; width: 18px; height: 18px; cursor: pointer; margin: 18px 0 0 0px; display:block; background: rgba(255,255,255,0.50); }  
#banner .pager span:hover,#banner .pager span.cycle-pager-active { margin: 15px -3px -3px; width: 24px; height: 24px; background:#fff; box-shadow: 0px 4px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.4); -ms-box-shadow: 0px 4px 4px rgba(0,0,0,0.4); }
#banner .buttons { z-index:2; text-align: center; position:absolute; left:0; top:50%; margin: 55px 0 0 0; width: 100%; }
#banner .buttons .button { display: inline-block; vertical-align: top; font-size: 20px; margin: 0 15px; line-height: 30px; font-weight:500; color: var(--primary1_overlay); text-transform: uppercase; background: #E9161D; padding: 25px; min-width:245px; letter-spacing: 0.08em; text-align:center; }
#banner .buttons .button.green { background:#26225c; color: var(--primary3_overlay);}
#banner .buttons .button:hover { color: #000; background:#fff; }

/** added on 10-29-20 by WA - style for CTA buttons on video hero **/
#banner.hero_video .buttons{ margin: 0 auto;}

.home #banner .centering{ position: initial;}
.home #banner .text{ position: relative; display: inline-block;}
.home #banner span.title{ position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%);}

/** Banner Angle - added on 9-16-19 **/
.banner_angle{ position: absolute; width: 100%; bottom: 0; left:0px; z-index: 10;}
.banner_angle svg{ width: 100%; height: auto; vertical-align: bottom;}
.banner_angle svg, .banner_angle svg *{ fill: #f6f6f6 !important;}
.home .banner_angle svg, .home .banner_angle svg *{ fill: #f6f6f6 !important;}

/** added on 1-29-20 - WA ***/
.slide_overlay{ position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);}

/**** Inside Banner ****/
#banner.inside:before { background-image:url(custom/images/bannewr_curve_grey.png); }
#banner.inside { float: left; position: relative; height: 725px; display: table; }
#banner.inside .text { display: table-cell; vertical-align: middle; padding: 310px 0 200px; }
#banner.inside .text h1 { text-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-text-shadow: 3px 3px 3px rgba(0,0,0,0.2); -ms-text-shadow: 3px 3px 3px rgba(0,0,0,0.2); max-width: 100%; color: #fff; }
#banner.inside #page_heading { margin-bottom: 20px; }
#banner.inside.no-banner { background: #26225c; height: 465px; padding:0; position: relative; margin-bottom: 60px;}
#banner.inside.no-banner .text h1{ color: #ffffff;}
#banner.inside.no-banner:before { display: none; }  
#banner.inside.no-banner .text { padding: 130px 0 0 0; }  

/****breadcrumbs****/
#breadcrumbs { margin: 0px 50px 40px 50px; font-size: 18px; line-height: 26px; color: #000; z-index:9; overflow: hidden; text-align: left;}
#breadcrumbs a { position: relative; display:inline-block; vertical-align: top; font-size: 18px; line-height: 26px;  color: #000; position: relative; }
#breadcrumbs a:hover { color: #26225c; }
#breadcrumbs a.active { text-transform: uppercase; color: #26225c; font-weight:800; }
#breadcrumbs .breadcrumb_divide { display:inline-block; vertical-align:top; margin: 0 17px; }
#breadcrumbs a:last-child{ font-weight: bold; text-transform: uppercase; }
 
/****INSIDE PAGE****/

#main_container { position: relative; z-index:3; width: 100%; float: left; padding: 0px 0 120px 0; width: 100%; background: #f6f6f6; }
#main_container .centering { padding:0; max-width: 1920px; }
#main_container h3.no_space { padding:0 !important; }  
#main_container p { padding-bottom: 32px;  }
#main_container .alignleft { margin-top:10px; }  
#main_container > .centering { }
#main_container h4 { text-transform:uppercase; letter-spacing: 0.10em; } 
#main_container h6 { padding: 0px 0 30px;}
#main_container .right_content h6 	{ padding-bottom: 15px; }
#main_container .pull-right { margin: 0 0 20px 40px; }
#main_container.full { padding:45px 0; }
hr { margin: 3px 0 38px; border: none; border-bottom: 1px solid #c3b9b5; }
h3.toolhead { padding: 12px 25px; text-transform:uppercase; letter-spacing: 0.05em; color: #ffffff; background: #26225c; border-bottom: 4px solid #000; display: inline-block; width: calc(100% - 50px); line-height: 100%; text-align: left;}
.middle_column h3.toolhead{ margin-bottom: 30px;}
.right_per_detail { background: #ffffff;}
.right_content { margin-bottom: 0px; }
.right_per_detail:last-child .right_content { margin-bottom:0; border:0; }
.right_per_detail ul{ padding-right: 40px;}

#right_within { }
#right_within hr { width: calc(100% - 35px);  margin: 25px 0 25px 35px; height: 5px; border:0; background:#26225c; }

.button_link { margin-bottom: 50px; background:#404040 url(custom/images/button_bg.png) 95% top no-repeat; color:#fff; text-align:center; font-size: 35px; line-height:45px; font-weight:700; letter-spacing: 0.06em; padding:  32px 63px 40px; display:block; text-transform: uppercase; }
.button_link:hover { background-color:#de0d13; }

.right_content .text { padding: 15px 55px 0px 35px; }
#main_container .right_content .text p { padding-bottom:32px; }
#main_container .right_content .text p:last-child { padding-bottom:25px; }  
.nav-drop { display: none; }
.right_content img { margin: 0; }

.middle_column { }
.middle_column h6:nth-of-type(1) { padding-bottom: 20px; }   
.right_column { border-left: 2px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; width: calc(30% - 4px);  float: right;}
.middle_column.with_right { width: calc(70% - 150px); margin-right: 50px; float: left; padding: 0px 50px;}
.full .middle_column {  width: calc(100% - 50px); padding: 0px 25px; float: left; margin: 0;}

.right_per_detail.right_divide::before{content: ''; width: calc(100% - 20px); display: block; margin: 30px 0px; float: right; background-color: #26225c; height: 4px;}

/****page_heading****/

/****footer****/
footer { padding: 220px 0 0 0; width: 100%; float: left; position: relative; /* background: url(custom/images/footer_bg.png) right top no-repeat; background-size: auto 100%; */ background-color: #fff;}
/* footer:before { width: 100%; height: 173px; content:''; position:absolute; left:0; top:0; background:url(custom/images/footer_curve_grey.png) center center no-repeat; background-size:100% 100%; }  REMOVED ON 9-16-19 */
.footer-bar { padding: 0 0 40px; width: 100%; float: left; }
.footer-bar .left { float: left; }
.footer-bar .left a { display: inline-block; vertical-align: top; } 

.footer-bar .left a.logo img{ max-width: 395px; max-height: 100px;} /* 9-30-21 */

.footer-bar .left address { display: block; padding: 12px 0 0 0; font-style:normal; line-height: 36px; } 
.footer-bar .left address span { display:inline-block; }
.footer-bar .sep { margin: 0 15px; }
.footer-bar [href^="mailto:"]{ font-weight:700; }
.footer-bar [href^="mailto:"]:hover { color: #26225c; }
.footer-bar address a { color: #000; }
.footer-bar .right { padding: 60px 0 0 0; text-align: right; float: right; }
.footer-bar .social{ padding: 0px;}
.footer-bar .social li { margin: 0 0 0 35px; display: inline-block; vertical-align: middle; font-size: 40px; line-height: 40px; position: relative;}
.footer-bar .social li a { color: #E9161D; }
.footer-bar .social li a svg{ fill: #E9161D; width: 40px; height: 40px;}
.footer-bar .social li a:hover { color: #26225c; } 
.footer-bar .social li a:hover svg { fill: #26225c; }  
.footer-bar .social li a i{font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free"; }
.footer-bar .links li { letter-spacing: 0.02em; font-weight:300; display: inline-block; vertical-align: top; margin: 0 0 0 30px; position: relative; padding-left:15px; margin-left:15px;}
.footer-bar .links li:first-child:before { display: none; }
.footer-bar .links li:first-child { padding:0; margin:0; }
.footer-bar .links li:before { width: 1px; height: 18px; content:''; background:#000; position:absolute; left:0; top:50%; margin-top:-9px;}
.footer-bar .links { padding: 50px 0 0 0; } 
.footer-bar .links li a { color: #000; }
.footer-bar .links li a:hover { color: #26225c; }

.copyright-bar { padding: 20px 0; border-top: 1px solid #000; width: 100%; float: left; }
.copyright-bar p { padding:0; font-size: 14px; line-height: 18px; color: #000; font-weight:300; float: left; }
.copyright-bar .schoolsite { float: right; opacity: 0.4;}
.copyright-bar .schoolsite:hover{ opacity: 1;}
.copyright-bar .schoolsite img{ max-height: 15px; }

.footer-search{ position: relative;}
.search-box{ display: none; position: absolute; width: 210px; background: #E9161D; padding: 5px; right: 0px; top: -10px; transform: translateY(-100%); line-height: 0px;}
.search-box.active{ display: block;}
.search-box input{ -webkit-appearance: none; appearance: none; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.6); width: 100%; border: none;}

/** Footer Angle - added on 9-16-19 **/
.footer_angle{ position: absolute; width: 100%; top: 0; left:0px; z-index: 10;}
.footer_angle svg{ width: 100%; height: auto; vertical-align: top;}
.footer_angle svg, .footer_angle svg *{ fill: #f6f6f6 !important;}

/* footer statement */
.footer_statement{ padding: 1rem 0 0 0; clear: both;}
.footer_statement p{ text-align: center; font-size: 0.8rem; line-height: 135%; color: #000; opacity: 0.7; float: none;}
.nce_logo img {max-height: 40px; float:right;}
.aware_logo img {max-height: 20px; float:right;}
/*****INSIDE PAGE TOOLS****/
.detail_minical .calendar_form .month_header,
.detail_minical .calendar_options,
.calendar_grid .calendar_grid_headings,
.detail_minical .calendar_grid td,
.calendar_nav,
.calendar_options,
.calendar_grid_day,
.calendar_list_title,
.calendar_list_date,
.slideshow_caption,
.number_pager,
.cycle_overlay,
.post-activity,
.form-item,
.form-label,
.color-button,
.responsive-form input[type="file"],
.responsive-form input, .responsive-form textarea, .responsive-form select,
.news-rss,
.blog_title_all,
.blogtags,
.scrip-writein-row,
.scrip-vendor-name,
.scrip-add-cart-amount,
.scrip-add-cart-qty,
.signup-date,
.grouping-heading,
.login-menu,
.blog-row-header,
.blog-results-row,
.post-nav-left,
.blogattachment,
.header,
.dir-head-link,
.dir-head-back,
.dir-name,
.collapse-btn,
.expandme,
.group-details strong,
.back-to-top,
.profile,
.detail_profiles .staff_header .search_box input[type="text"],
.detail_profiles .popup_box .profile-name,
.detail_profiles .popup_box .profile-title,
.profile-contact,
.detail_profiles .profile-short,
.overlay_details span{font-family: 'Poppins', sans-serif;}


/*************************HOME PAGE*******************************/

/*****ABOUT-BAR*****/
.about-bar { text-align:center; overflow: hidden; padding: 83px 0 80px; width: 100%; float: left; background-color: #f6f6f6}
.about-bar .subtitle { padding-bottom: 25px; font-size: 18px; line-height: 22px; display: block; text-transform: uppercase; color: #E9161D; letter-spacing: 0.10em; font-weight:500; font-family: 'Raleway', sans-serif; }
.about-bar .heading { padding-bottom: 25px; }
.about-bar .heading:after { display: none; }  
.about-bar p { letter-spacing: -0.01em; font-size: 22px; line-height: 36px; font-family: 'Raleway', sans-serif; font-style:300; }
.about-bar .centering { max-width: 1300px; }

/*****HAPPENING-BAR*****/
.happening-bar { overflow: hidden; padding: 95px 0 100px; width: 100%; float: left; background-color: #f6f6f6;}
.happening-bar .image_carousel { width: 100%; padding-bottom: 20px; position: relative; }
.happening-bar .heading { padding-bottom: 45px; }
.happening-bar .image_carousel .slick-track{ padding-top: 40px;}
.happening-bar .image_carousel2 .slick-list{ padding-right: 300px !important;}
.happening-bar .image_carousel .slick-list{ padding-left: 300px !important;}
.happening-bar .image_carousel2{ padding-bottom: 120px;}
.happening-bar .image_carousel .slides, .happening-bar .image_carousel2 .slides { width: 429px; height: 275px;}  
.happening-bar .image_carousel .slides.slick-active, .happening-bar .image_carousel2 .slides.slick-active { width: 429px; height: 325px;}  
.happening-bar .image_carousel .slides.slick-active{ margin-top: -50px;}
.happening-bar .image_carousel .slides img, .happening-bar .image_carousel2 .slides img { width: 100%; }
.happening-bar .image_carousel .column, .happening-bar .image_carousel2 .column { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s;  margin: 23px; float: left; width: calc(100% - 46px); position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 275px;}
.happening-bar .image_carousel .slides.slick-active .column, .happening-bar .image_carousel2 .slides.slick-active .column {height: 325px;} 

.happening-bar .image_carousel .column.hover ,
.happening-bar .image_carousel .column:hover, .happening-bar .image_carousel2 .column.hover, .happening-bar .image_carousel2 .column:hover { box-shadow: 0px 10px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.3); -ms-box-shadow: 0px 10px 15px rgba(0,0,0,0.3);  }
.happening-bar .image_carousel .home-overlay, .happening-bar .image_carousel2 .home-overlay { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; opacity:0; position:absolute;left:0; bottom:-100px; background: rgba(,0.90); padding: 10px 20px 20px; } 
.happening-bar .image_carousel .column.hover .home-overlay ,
.happening-bar .image_carousel .column:hover .home-overlay, .happening-bar .image_carousel2 .column.hover .home-overlay ,
.happening-bar .image_carousel2 .column:hover .home-overlay { opacity:100; bottom:0; }
.happening-bar .image_carousel .title, .happening-bar .image_carousel2 .title { position: absolute; left:0; top:20px; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight:500; color: #26225c; background: #fff; width: 210px; padding: 15px 10px; } 
.happening-bar .image_carousel .home-overlay p, .happening-bar .image_carousel2 .home-overlay p  { font-size: 20px; line-height: 30px; color: #fff; font-weight:300; padding: 0; padding-bottom: 10px;}
.happening-bar .image_carousel .home-overlay a, .happening-bar .image_carousel2 .home-overlay a { color: #fff; } 
.happening-bar .slick-arrow { width: 22px; height: 41px; border:0; cursor: pointer; background:; font-size:0; line-height:0; background:url(custom/images/arrow-pre.png) no-repeat; background-size:100% 100%; position:absolute; right:190px; bottom:0px; }
.happening-bar .slick-arrow.slick-next { right: 80px; background-image:url(custom/images/arrow-next.png); }  
.happening-bar .slick-arrow:hover { opacity:0.50; }  
.happening-bar .image_carousel2 .column{ margin-left:240px; }

/*****EVENT-BAR*****/
.event-bar {  padding: 90px 0 0px; margin-bottom: 290px; width: 100%; float: left; position: relative; }
.event-bar-bg{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; background-position: center center; background-repeat: no-repeat; background-size:cover; /* filter: blur(4px); */}
.event-bar:after { width: 100%; height: 100%; content:''; position:absolute; left:0; top:0; background: rgba(,0.50); filter: saturate(250%);}
.event-bar .centering { z-index:1; }
.event-bar .event_box { margin-bottom:-135px; padding: 36px 65px 25px; width: 100%; /* display: table; */ overflow:hidden; background: #f6f6f6; display: flex; flex-flow: wrap; justify-content: center;}
.event-bar .view { letter-spacing: 0.08em; margin-bottom: 35px; float: right; font-size: 15px; line-height: 20px; text-transform: uppercase; font-weight:500; color: #fff; }
.event-bar .view:hover { color: #E9161D; }
.event-bar .heading { padding-bottom: 50px; }
.event-bar .event_box .event { padding: 10px 35px 10px; display: inline-block; vertical-align: top; width: calc( 20% - 5px ); border-left: 1px solid #000; }
.event-bar .event_box .event:first-child { border: 0px; }
.event-bar .date_bar { margin-bottom: 30px; padding: 0 70px 0 0; width: 100%; position: relative; }
.event-bar .date_bar .date { font-size: 36px; line-height: 46px; box-shadow: 0px 2px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.25); -ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.25); min-width:63px; padding: 5px 10px; background: #26225c; color: var(--primary3_overlay); font-weight:700; text-align:center; position:absolute; right:0; top:0; }
.event-bar .date_bar .day { font-family: 'Raleway', sans-serif; letter-spacing: -0.01em; font-size: 18px; line-height: 22px; font-weight:500; display: block; text-transform: capitalize; }
.event-bar .date_bar .month { font-size: 28px; line-height: 32px; font-weight:700; text-transform: uppercase; display: block; text-transform: uppercase; }
.event-bar .slick-arrow.slick-disabled { opacity:0; display:none !important; }
.event-bar .slick-arrow { font-size:0; line-height: 0; width: 27px; height: 14px; background: url(custom/images/arrow.png) center center no-repeat; background-size:100% 100%; border:0; position:absolute; right:0; bottom:-10px; z-index:1; cursor: pointer; }
.event-bar .slick-arrow.slick-prev{ bottom: 15px; transform: rotate(180deg);}
.event-bar .slick-arrow:hover { opacity: 0.50; } 
.event-bar .event_content{ padding-bottom: 20px;}
.event-bar h6 { font-weight:500;  font-size: 18px; line-height: 22px; font-style:normal; padding-bottom: 5px;}
.event-bar h6 a { color: #000; }
.event-bar h6 a:hover { font-weight:800; color: #26225c; font-style:italic;  }
.event-bar span.time { font-size: 18px; line-height: 22px; display: block; position: relative; padding: 0 0 0 20px; text-transform: uppercase; }
.event-bar span.time:before { width: 12px; height: 12px; content:''; position:absolute; left:0; top:6px; background:#26225c; }  
.event-bar .slide { min-height:auto !important; /* margin-bottom: 30px; */ }

/*****ANNOUNCEMENT-BAR*****/
.announcements-bar { position: relative; padding: 85px 0 0px; margin-bottom: 200px; width: 100%; float: left; }
.announcements-bar-bg{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; background-position: center center; background-repeat: no-repeat; background-size:cover; /* filter: blur(4px); */}
.announcements-bar:after { width: 100%; height: 100%; content:''; position:absolute; left:0; top:0; background: rgba(38,34,92,0.50); filter: saturate(250%); }
.announcements-bar .centering { z-index:1; max-width: 1405px; }
.announcements-bar .list { padding: 20px 0; margin: 0 -30px -145px; overflow: hidden; }
.announcements-bar .list li { width: 33.33%; float: left; padding: 0 30px; } 
.announcements-bar .list li .inner { width: 100%; height: 420px; position: relative; }
.announcements-bar .list li .inner .image { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; width: 100%; height: 100%; position:absolute; left:0; top:0; background-position: center center; background-size:cover; background-color:rgba(169,76,61,1); } 
.announcements-bar .heading { padding-bottom: 75px; }
.announcements-bar .title { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; width: calc(100% - 80px); padding: 15px; background: #fff; position:absolute; left:0; bottom:30px; }  
.announcements-bar h3 { font-size: 26px; line-height: 30px; font-weight:300; } 
.announcements-bar .home-overlay { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); opacity:0; padding: 40px; text-align:center; color: #fff; display: table; position:absolute; left:0; top:0; width: 100%; height: 100%; outline: 2px solid #fff; outline-offset: -22px; background:rgba(169,76,61,0.80); }
.announcements-bar .inner.hover,
.announcements-bar .inner:hover { box-shadow: 0px 0px 25px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 25px rgba(0,0,0,0.4); } 
.announcements-bar .inner.hover .image,
.announcements-bar .inner:hover .image { background-blend-mode: luminosity; -webkit-background-blend-mode: luminosity; -ms-background-blend-mode: luminosity; }
.announcements-bar .inner.hover .title,
.announcements-bar .inner:hover .title { opacity:0; }
.announcements-bar .inner.hover .home-overlay,
.announcements-bar .inner:hover .home-overlay { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity:100; }
.announcements-bar .internal { display: table-cell; vertical-align: middle; text-align:center; }  
.announcements-bar .internal h3 { font-size: 28px; line-height: 32px; color: #fff;}
.announcements-bar .internal h3 a { color: #fff; letter-spacing: 0.01em; }
.announcements-bar .internal h3:after { width: 42px; height: 2px; content:''; background:#fff; display: block; margin:25px auto 20px; } 
.announcements-bar .more { margin-top:25px; display:inline-block; letter-spacing: 0.10em; padding-bottom: 5px; font-size: 18px; line-height: 22px; font-weight:500; text-transform:uppercase; color: #fff; border-bottom: 1px solid #fff; }
.announcements-bar p { line-height: 30px; }
.announcements-bar .more:hover { border-color: transparent; } 

/*****SOCIAL-BAR*****/
.social-bar { overflow: hidden; padding: 95px 0 80px;  width: 100%; float: left; }


/*****VIDEO-BAR*****/
.video-bar { overflow: hidden; padding: 35px 0 140px; width: 100%; float: left; }
.video-bar .video { position: relative; margin:10px 0 0 0; width: 56%; float: left; }
.video-bar .text { padding-left:60px; width:44%; float: right; } 
.video-bar .video img.poster { width: 100%; }

.video-bar .text .button{ margin: 0 auto;}

.video-bar .centering { max-width: 1530px; }
.video-bar h3 { font-family: 'Poppins', sans-serif; padding-bottom: 25px; text-transform: uppercase; font-size: 39px; line-height: 48px; font-weight:500; letter-spacing: 0.05em; }
.video-bar p { font-size: 24px; line-height: 39px; font-weight:300; font-family: 'Raleway', sans-serif; letter-spacing: -0.01em; } 
.video-bar video { width: 100%; /* height:490px; */}  
.video-bar .control { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size: 75px; line-height: 75px; opacity: 0.75; border:0; cursor: pointer; color: rgba(255,255,255,0.75); width: 70px; height: 80px; background: none; }
.video-bar .control.play { font-size:0; background:url(custom/images/play.png) center center no-repeat; background-size:100% 100%;  }
.video-bar .control.pause { display: none; opacity: 0;}
.video-bar .video:hover .control.pause{ opacity: 100;}
.video-bar .control:hover { opacity:100; }

.video-bar video::-webkit-media-controls-start-playback-button { opacity: 0; pointer-events: none; width: 5px; }

/** widget embed **/
.video.embed {
position: relative;
padding-bottom: 0;
padding-top: 0; height: auto; overflow: hidden;
}

.video.embed iframe,
.video.embed object,
.video.embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/******** TOOL FIXES **********/

.calendar_options ul.category{ display: none; list-style: none;}

.calendar_grid_day{
	font-size: 10px !important;
	font-size:0.625rem !important;
}
.detail_minical .calendar_grid .calendar_grid_headings th{
	font-size: 0.875rem !important;
}
.calendar_grid td{
	padding: 0rem !important;
}

.with_both .detail_facultylist .staff_sec tr td.dir-link.right{float: right;}

.detail_profiles .staff_header .profile ul li a{ color: #fff !important;}

.button-row{ position: relative;}

/* column tool fix - written by WA July 2019 */
/* .multi-column{ padding: 0 !important; float: none !important; width: 100% !important; margin: 0 !important;}
.multi-column-wrapper{ margin-bottom: 2.5em;}
.detail_multicolumn{ display: flex; flex-flow: wrap; justify-content: space-between;}
.detail_multicolumn > a{ width: 100%;}
.multi-description{ padding: 0 1em;} */

/***************************************************************MEDIA QUERIES*******************************************************************/

@media only screen and (max-width: 1919px) {
	.middle_column.with_right {  }
	.middle_column.with_full {  }  
	.right_content .text { padding: 15px 35px 0 35px; }  
	#banner.inside #page_heading { margin-bottom:0; }
}

@media only screen and (max-width: 1859px) {
	header .menu_close { margin-right:-15px; width: 100px; height: 100px; background-size:40px auto; }  
	#banner.inside .text { padding: 200px 0 200px; }
}

@media only screen and (max-width: 1785px) {
}


@media only screen and (max-width: 1599px) {
	header a.menu_logo, header #logo a { /* width: 250px; height: 63px; */ }
	header { padding: 20px 0; }
	header .menu_open { /* margin-top:10px; */ width: 50px; height: 36px; }
	header .menu_open span { top: 15px; }
	#banner .slides { height: 800px; }
	#banner::before { height: 120px; }
	footer::before { height: 120px; }  

	.about-bar { padding-bottom: 40px; }
	.happening-bar { padding: 80px 0; }
	.event-bar .event_box { padding: 30px 0; }
	.social-bar { padding: 50px 0; }
	#banner .pager { right: 20px; }
	.happening-bar .image_carousel { padding-bottom: 0px; }
	.happening-bar .slick-arrow { right: 80px; }
	.happening-bar .slick-arrow.slick-next { right:15px; }
	.happening-bar .image_carousel .column, .happening-bar .image_carousel2 .column { width: calc(100% - 30px); margin: 15px; height:255px;}  
	.happening-bar .image_carousel .slides, .happening-bar .image_carousel2 .slides { width: 450px; height:255px;}
	.happening-bar .image_carousel .slides.slick-active, .happening-bar .image_carousel2 .slides.slick-active, .happening-bar .image_carousel .slides.slick-active .column, .happening-bar .image_carousel2 .slides.slick-active .column { height:305px;}
	.happening-bar .image_carousel .column + .column, .happening-bar .image_carousel2 .column + .column { margin-left:225px; }
	.happening-bar .image_carousel2 .slick-list{ padding-right: 315px !important;}
	.happening-bar .image_carousel .slick-list{ padding-left: 315px !important;}	
	
	.event-bar .date_bar .month { font-size: 23px; line-height: 27px; }

	header .menu_close { margin-right:-15px; width: 80px; height: 80px; background-size:40px auto; }  
	#banner.inside .text { padding: 200px 0 200px; }
	#banner.inside { height: 600px; }
	#breadcrumbs { margin-top:0; }
	#banner.inside.no-banner { height:390px; }
	#banner.inside.no-banner .text { padding-top:103px; }
}

@media only screen and (max-width: 1365px) {
	#banner span.title,h1 { font-size: 45px; line-height: 55px; }
	.heading h1, .heading h2,h2 { font-size: 40px; line-height: 50px; }
	h3 { font-size: 35px; line-height: 45px; }
	h4 { font-size: 25px; line-height: 35px; }
	h5 { font-size: 25px; line-height: 35px; }
	h6 { font-size: 25px; line-height: 35px; }
	#banner .buttons .button { padding: 15px 20px; }
	#banner .slides { height: 700px; }  
	#banner::before { height: 80px; }
	.happening-bar { padding: 50px 0; }
	.event-bar .event_box .event { padding: 10px 20px; }
	.event-bar .date_bar .date { min-width: 45px; height: 45px; font-size: 25px; line-height: 45px; padding:0; }
	.event-bar .date_bar { padding: 0 55px 0 0; }
	.event-bar .date_bar .day { font-size: 16px; }
	.event-bar .date_bar .month { font-size: 23px; line-height: 27px; }
	.event-bar h6 { font-size: 16px; line-height: 22px; }
	.event-bar .slide { /* margin-bottom: 20px; min-height:75px;  */}
	.event-bar .heading { padding-bottom: 30px; }  
	.event-bar { margin-bottom: 200px; }
	.announcements-bar .heading { padding-bottom: 30px;  }
	.announcements-bar h3 {font-size: 22px; line-height: 28px; }
	.announcements-bar .title { width: calc(100% - 40px); }
	.announcements-bar .list li { padding: 0 15px; } 
	.announcements-bar .list { margin: 0 -15px -150px; }
	.announcements-bar { margin-bottom: 170px; }
	.social-bar .col3 { padding: 0 15px; }  
	.social-bar .row { margin: 0 -15px; }
	.social-bar p { font-size: 20px; line-height: 32px; }
	.social-bar .text { padding-bottom: 0; }  
	.social-bar { padding-bottom: 20px; }
	.video-bar h3 { font-size: 30px; line-height: 40px; }
	.video-bar p { font-size: 20px; line-height: 28px; }
	.video-bar .text { width: 50%; padding-left:30px; }
	.video-bar .video { width: 50%;  }
	.video-bar { padding-bottom: 80px; }
	footer::before { height: 80px; }  
	footer { padding: 150px 0 0 0; }  
	.footer-bar .left a { max-width: 250px; }
	.footer-bar .left address { line-height: 28px; }
	.footer-bar .right { padding:25px 0 0 0; }
	.footer-bar .links { padding: 20px 0 0 0; }
	.social-bar .col3 i { width: 55px;  height: 55px; line-height: 55px; font-size: 35px;} 
	.heading { padding-bottom: 40px; }
	.video-bar .control { width: 55px; height: 60px; font-size: 50px; line-height: 60px; }  
	.happening-bar .image_carousel2{ padding-bottom: 60px;}
	.happening-bar .image_carousel .slides, .happening-bar .image_carousel2 .slides { width: 400px; height: 226px;}
	.happening-bar .image_carousel .slides.slick-active, .happening-bar .image_carousel2 .slides.slick-active, .happening-bar .image_carousel .slides.slick-active .column, .happening-bar .image_carousel2 .slides.slick-active .column { height:276px;}
	.happening-bar .image_carousel .column, .happening-bar .image_carousel2 .column{ height: 226px;}
	.happening-bar .image_carousel .column + .column, .happening-bar .image_carousel2 .column + .column { margin-left:200px; }  
	.happening-bar .image_carousel .home-overlay p, .happening-bar .image_carousel2 .home-overlay p { font-size: 18px; line-height: 22px; }
	.happening-bar .image_carousel .title, .happening-bar .image_carousel2 .title { font-size: 16px; line-height: 20px; padding: 10px; }  
	.happening-bar .image_carousel2 .slick-list{ padding-right: 280px !important;}
	.happening-bar .image_carousel .slick-list{ padding-left: 280px !important;}
	.right_content .text { padding: 15px 20px 0; }
	#banner.inside .text { padding: 150px 0; }
	#banner.inside { height: 550px; }
	#banner.inside.no-banner .text { padding: 100px 0 0 0;}
	#banner.inside.no-banner { height:350px; }
}

@media only screen and (max-width: 1239px) {
	#banner span.title,h1 { font-size: 40px; line-height: 48px; }
	.heading h1, .heading h2,h2 { font-size: 35px; line-height: 45px; }
	h3 { font-size: 30px; line-height: 40px; }
	h4 { font-size: 25px; line-height: 35px; }
	h5 { font-size: 25px; line-height: 35px; }
	h6 { font-size: 25px; line-height: 35px; }

	.announcements-bar .list li .inner { height: 320px; }  
	.announcements-bar .list li { padding: 0 10px; }
	.announcements-bar .list { margin: 0 -10px -120px; }
	.announcements-bar h3 { font-size: 18px; line-height: 22px; }
	.announcements-bar .title { padding: 10px; width: calc(100% - 50px); }
	.announcements-bar .home-overlay { outline-offset:-10px; }
	.announcements-bar .home-overlay { padding: 25px; }  
	.announcements-bar .internal h3 { font-size: 22px; line-height: 26px; }
	.announcements-bar p { font-size: 16px; line-height: 22px; }
	.announcements-bar .internal h3::after { margin: 15px auto; }  
	.announcements-bar .more { margin-top:0; }
	.announcements-bar { margin-bottom: 140px; }
	.social-bar { padding: 20px 0; }
	.heading::after { margin-top:20px; }
	.social-bar .col3 { padding: 0 10px; }
	.social-bar .row { margin: 0 -10px; }
	.social-bar .text { padding: 20px 0 0 0; }  
	.social-bar p { font-size: 18px; line-height: 28px; }
	.video-bar h3 { font-size: 25px; line-height: 30px; padding-bottom: 15px; }
	.video-bar { padding-bottom: 40px; }  
	.footer-bar .left address { font-size: 16px; line-height: 24px; }
	.footer-bar .social li { font-size: 30px; line-height: 35px; margin-left: 20px; }
	.footer-bar .social li a svg{ width: 30px; height: 30px;}
	.footer-bar .social li:last-child { margin-left:30px; }
	.footer-bar .links li { font-size: 16px; }  
	.footer-bar .left a { max-width: 200px; }
	footer { padding: 120px 0 0 0; }  
	.about-bar p { font-size: 20px; line-height: 30px; }
	.event-bar .event_box .event { padding: 0 10px; }  
	.event-bar .date_bar .date { font-size: 20px; height: 35px; line-height: 35px; min-width: 35px; padding: 0; }
	.event-bar .event_box { padding: 30px 10px; }
	.event-bar .slick-arrow { width: 20px; height: 10px; }
	.event-bar .date_bar .day { font-size: 15px; }
	.event-bar .date_bar .month { font-size: 20px; line-height: 24px; }
	.event-bar .date_bar { padding: 0 45px 0 0; margin-bottom: 15px; }
	.event-bar h6 { font-size: 15px; }
	.event-bar span.time { font-size: 15px; line-height: 19px; }
	#banner::before { height: 50px; }
	.happening-bar .slick-arrow { width: 15px; height: 30px; }
	.happening-bar .image_carousel { padding-bottom: 0px; }
	.happening-bar { padding-bottom: 30px; }
	#banner.inside .text { padding: 113px 0 60px; }
	#banner.inside { height: 450px; }
	.middle_column.with_right { }
	blockquote { padding: 20px 30px; margin: 15px 0 40px; width: calc( 100% - 60px );}
	#right_within hr { margin: 15px 0 20px 35px; }
	.middle_column.with_full {  }
	#main_container p { padding-bottom:20px;}
	#main_container { padding-bottom:50px;}
}


@media only screen and (max-width: 1023px) {
	#banner span.title,h1 { font-size: 35px; line-height: 40px; }
	.heading h1, .heading h2,h2 { font-size: 30px; line-height: 35px; }
	h3 { font-size: 26px; line-height: 30px; }
	h4 { font-size: 22px; line-height: 26px; }
	h5 { font-size: 22px; line-height: 26px; }
	h6 { font-size: 22px; line-height: 26px; }

	header a.menu_logo, header #logo a { }
	header.show, header.fixed,header { padding: 10px 0; }  
	header .menu_open,header.show .menu_open, header.fixed .menu_open { width: 40px; height: 25px; }
	header .menu_open::after, header .menu_open::before,header .menu_open span { height: 5px; }
	header .menu_open span,header.show .menu_open span, header.fixed .menu_open span { top: 10px; }  
	header .menu_open { /* margin-top:7px; */ }
	#banner .slides { height: 550px; }
	#banner .pager span { width: 14px; height: 14px; margin-top:14px; }
	#banner .pager span:hover, #banner .pager span.cycle-pager-active { width: 18px; height: 18px; margin:12px -2px -2px }  
	#banner .buttons .button { font-size: 18px; line-height: 22px; letter-spacing:normal; min-width:200px; }
	.about-bar { padding: 50px 0 0px; }  
	.event-bar { padding: 40px 0 60px 0; }  
	.event-bar { margin:0 0 100px; }
	.event_outer { margin: 0 -5px; }
	.event-bar .event_box { padding: 30px 0;  text-align:center; background: none; font-size:0; line-height:0; }  
	.event-bar .event_box .event { text-align: left; width: calc(33.33% - 10px); display: inline-block; vertical-align: top; background: #f6f6f6; border:0; padding: 10px 10px 20px; margin:5px; border: 1px solid rgba(0,0,0,0.2); }
	.announcements-bar .list li .inner { height: 260px; }
	.announcements-bar .title { width: calc(100% - 20px); bottom:20px; }
	.announcements-bar h3 { font-size: 16px; line-height: 20px; }
	.announcements-bar .home-overlay { padding: 15px; outline-offset:-7px; }
	.announcements-bar .internal h3 { font-size: 18px; line-height: 22px; }
	.announcements-bar p { font-size: 14px; line-height: 20px; }
	.announcements-bar .more { font-size: 15px; line-height: 19px; }  
	.announcements-bar { padding-top:50px; }  
	.social-bar p { font-size: 16px; line-height: 22px; }
	.video-bar h3 { letter-spacing: 0em; }
	.footer-bar .links li { font-size: 15px; margin-left:8px; padding-left:10px; }
	.footer-bar .left address { font-size: 15px; }
	.footer-bar { text-align:center; } 
	.footer-bar .left { width: 100%; }
	.footer-bar .right { text-align:center; width: 100%; padding-top:15px; }
	.footer-bar .social li:last-child,.footer-bar .social li { font-size: 25px; line-height: 25px; margin: 0 10px;  }  
	.footer-bar .social li a svg{ width: 25px; height: 25px;}
	.footer-bar .links { padding-top:5px; }  
	.footer-bar {padding-bottom: 20px; } 
	header a.menu_logo, header #logo a {}  
	header .menu_close { width: 60px; height: 50px; background-size: 30px auto; }
	#banner.inside .text { padding: 70px 0 60px; }
	#main_container p { line-height: 28px; }
	html, body { font-size: 16px; line-height: 28px; }
	#main_container .alignleft { margin-right:25px; }
	#banner.inside.no-banner .text { padding-top:60px; }

	#main_container { padding-top:30px; } 

	#main_container .alignleft { max-width: 50%; }
	#banner.inside.no-banner { height:270px; margin-bottom: 0px;}
	#banner.inside { height:350px; }
}

@media only screen and (max-width: 767px) {
	header.show, header.fixed { position:absolute; }	
		
	#banner span.title,h1 { font-size: 28px; line-height: 33px; }
	.heading h1, .heading h2,h2 { font-size: 25px; line-height: 30px; }
	h3 { font-size: 20px; line-height: 25px; }
	h4 { font-size: 18px; line-height: 22px; }
	h5 { font-size: 18px; line-height: 22px; }
	h6 { font-size: 18px; line-height: 22px; }

	header .menu_open { /* margin-top:7px; */ }
	header #logo a{ width: 75%;}
	#banner .buttons .button { font-size: 16px; line-height: 20px; padding: 10px 15px; min-width:140px; margin: 5px;}
	footer:before,#banner::before { height: 30px; }
	#banner .slides { height: 430px; }  
	#banner span.title { padding-bottom: 50px; font-size: 24px; line-height: 30px; }
	#banner .pager { right: 10px; bottom:25px; z-index:99; }
	#banner .buttons { padding: 0 40px; }

	.video-bar p,p,html, body .about-bar p { font-size: 16px; line-height: 22px; }

	p { padding-bottom: 15px; }
	.happening-bar { padding: 30px 0; }
	.announcements-bar .list li { width: 100%; margin-bottom: 20px; }
	.announcements-bar { margin-bottom: 100px; }
	.social-bar .col3 { width: 100%; padding-bottom: 20px; }
	.social-bar .col3:last-child { padding-bottom:0; } 
	.video-bar { padding: 10px 0 30px; }  
	.video-bar .video { width: 100%; }
	.video-bar .text { width:100%; padding: 20px 0 0 0; }
	.heading { padding-bottom: 20px; }
	.video-bar .control { width: 35px; height: 40px; line-height: 40px; font-size: 30px; } 
	.video-bar h3 { font-size: 22px; line-height: 27px; }
	footer { padding-top: 50px; }  
	.copyright-bar p { float: none; text-align: center; }
	.copyright-bar .schoolsite { float: none; margin:10px auto 0; display: block; width: 100px; }  
	.event-bar .view { display: table; margin:0 auto 20px;float: none; }
	.heading::after { margin-top:15px; }
	.announcements-bar .heading { padding-bottom: 20px; }
	.happening-bar .image_carousel .slides, .happening-bar .image_carousel2 .slides { width: 330px; height: 187px;}
	.happening-bar .image_carousel .column + .column, .happening-bar .image_carousel2 .column + .column { margin-left:5px; } 
	.happening-bar .image_carousel .title, .happening-bar .image_carousel2 .title{ padding: 10px 10px 10px 40px;}

	.happening-bar .image_carousel .column, .happening-bar .image_carousel2 .column { margin: 5px; width: calc(100% - 10px); height: 187px;} 
	.happening-bar .image_carousel .slides.slick-active, .happening-bar .image_carousel2 .slides.slick-active, .happening-bar .image_carousel .slides.slick-active .column, .happening-bar .image_carousel2 .slides.slick-active .column { height:237px;}	
	.happening-bar .image_carousel .home-overlay, .happening-bar .image_carousel2 .home-overlay { padding: 10px 60px; }  
	.happening-bar .image_carousel .home-overlay p, .happening-bar .image_carousel2 .home-overlay p { font-size: 14px; line-height: 18px; } 
	.happening-bar .image_carousel2 .slick-list{ padding-right: 231px !important;}
	.happening-bar .image_carousel .slick-list{ padding-left: 231px !important;}
	
	.facebook .social-post, .twitter .social-post , .instagramfeed .social-post{ width: 100%;}

	header .menu_open { display: none; }
	header .menu_open.mobile { display: block; }

	#banner.inside .text { padding: 60px 0 40px; }
	#breadcrumbs .breadcrumb_divide { margin: 0 5px; }
	#breadcrumbs ,#breadcrumbs a { font-size: 14px; line-height: 18px; }

	#main_container.full,#main_container { padding: 0; }
	.alignright,.middle_column.with_both .alignright { max-width: 100%; margin: 0 0 15px  0; width: 100%; }
	.middle_column.with_right { width: 100%; padding: 15px;}
	.back-top { display: block; }
	.middle_column.with_right { width: calc(100% - 30px); margin-right: 0px; }
	.middle_column {padding-top:20px !important;  }
	.right_column { width: 100%; }
	.right_column { border:0; }
	.right_content img { margin-top:0; }
	.right_per_detail { margin-bottom:0; padding-left:0; }
	.right_content img { width: 100%; }
	.right_content { margin-bottom: 20px; }
	.right_per_detail:last-child .right_content { padding-bottom:0; }
	.alignright,.alignleft { max-width: 50%; }

	#banner.inside { height:250px; margin-bottom:0; }
	#banner.inside.no-banner { height:180px; }
	#main_container p { padding-bottom: 15px; line-height: 22px; }
	#breadcrumbs { margin: 25px 15px 10px 15px; }
	
	/* added on 9-13-21 by WA */
	#right_within{ display: flex; flex-direction: column;}
	#inside_nav{ order: 2; margin-top: 3rem; border-top: 5px solid #000; padding-top: 3rem;}
    .footer-bar .left a.logo img {max-width: 175px;}
	
}

@media only screen and (max-width: 639px) {
	#banner.inside { min-height:250px; }
	#banner.inside.no-banner { height:240px; min-height:inherit; margin-bottom: 0px;}
	.event-bar .event_box .event { width: calc(50% - 10px); }
	.happening-bar .image_carousel2 .slick-list{ padding-right: 50px !important;}
	.happening-bar .image_carousel .slick-list{ padding-left: 50px !important;}
	
	/*** added on 10-29-20 by WA - including CTA buttons with video hero **/
	#banner.hero_video .buttons{ position: relative; top: auto; left: auto; padding: 2rem 0 0 0; margin: 0 auto;}
	#banner.hero_video .banner_angle{ display: none;}
}

@media only screen and (max-width: 479px) {
	#main_container .alignleft { max-width: 100%; width: 100%; margin-right:0; margin-bottom: 15px; }
	.event-bar .event_box .event { width: 100%; margin: 5px 0; }
}

/*keyframes*/
@-webkit-keyframes stickyhead{
0%{opacity:0;-webkit-transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
0%{opacity:0;-moz-transform:translateY(-100%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}

/* SM 3.0 CSS */
.tool_content, #inside_nav { font-family: 'Poppins', sans-serif;}
#sm3_body footer{ background: none; padding: 0;}
#sm3_body footer::before{ display: none;}
.sm3_header_right .account_info a{ font-weight: 500;}