@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,700i,800,800i|Sedgwick+Ave|Tajawal:400,900');
@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');
@import url('custom/css/jquery.mmenu.all.css');
@import url('custom/css/slick.css');

/* Fonts

handwritten font:
font-family: 'Sedgwick Ave', cursive;

paragraph font:
font-family: 'Muli', sans-serif;

hero large text font:
font-family: 'Tajawal', sans-serif;

*/

/* Colors
	red : #b22534
*/

/* SM 3.0 CSS */
.tool_content {font-family: 'Muli', sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
#sm3_body footer{ background: none !important; padding: 0; border: none !important;}
#sm3_body .page_heading_row h1{ font-family: inherit; text-transform: none;}
#sm3_body .main-section{ border: none !important;}


/**** Page Loader ***/
#main_sec.homepage{ visibility: hidden;}
#main_sec.homepage.loaded{ visibility: visible;}
.page_loader{ position: fixed; width: 100%; height: 100%; z-index: 9999999; left: 0px; top: 0px; background-color: #b22534;}
.page_loader .loading{ position: fixed; left: 50%; margin-left: -62.5px; top: 50vh; transform: translateY(-50%); text-align: center;}
.page_loader .loading img{ display: block; margin: 0 auto;}

html, body{ position: relative; margin: 0px; padding: 0px; font-family: 'Muli', sans-serif; font-size: 16px; line-height: 200%; font-weight: 400;}

h1,h2,h3,h4,h5,h6{ line-height: 150%; margin: 0; padding: 0;}
h1{ font-family: 'Tajawal', sans-serif; font-size: 40px; color: #b22534; letter-spacing: -1px;}
h2, .tool_headline1{ font-family: 'Tajawal', sans-serif; font-size: 34px; color: #b22534; letter-spacing: -1.19px; }
h3, .tool_headline2{ font-family: 'Muli', sans-serif; font-size: 19px; color: #000; font-weight: 800; text-transform: uppercase;}
h4{ font-family: 'Tajawal', sans-serif; font-size: 18px; color: #3f3f3f;}
h5{ font-family: 'Sedgwick Ave', cursive; font-size: 18px; color: #b22534;}
h6{ font-family: 'Muli', sans-serif; font-weight: 700; font-style: italic; color: #000; letter-spacing: 0.35px; font-size: 14px;}

p{ color: #000; font-family: 'Muli', sans-serif; font-size: 16px; font-size: 1em; line-height: 200%; font-weight: 400;}
a{ color: #b22534;}
i{ font-style: normal; font-family: 'Font Awesome\ 5 Free';}

img{ display: inline-block;}

blockquote{ position: relative; font-family: 'Muli', sans-serif; font-weight: 300; text-align: left; padding-left: 19%; padding-right: 30px; width: calc( 81% - 30px); padding-top: 30px; padding-bottom: 30px; margin: 50px 0px;}
blockquote .blockquote-image{ content:""; background-color: #b22534; /* background-image: url(custom/images/blockquote_wm.png); background-repeat: no-repeat; */ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 16%; height: calc(100% - 30px); /* background-size: auto 90%; background-position: center; */ z-index: 1; display: flex; justify-content: center; align-items: center;}
blockquote .blockquote-image img{ max-width: 90%; max-height: 80%;}
blockquote::after{ content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 95%; height: 100%; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); z-index: 0;}
blockquote *{ font-family: 'Muli', sans-serif; font-weight: 300; text-align: left; padding: 0; margin: 0; position: relative; z-index: 2;}

/* custom buttons */
#button, .button{ text-transform: uppercase; color: #000; box-sizing: border-box; border: 2px solid #000; padding: 12px 30px; display: inline-block; text-align: center; font-family: 'Tajawal', sans-serif; text-decoration: none; font-size: 18px; letter-spacing: 1px; position: relative; z-index: 10; /* margin: 15px 0px; */}
#button:hover, .button:hover{ background: #b22534; border: 2px #b22534 solid; color: #fff;}

/********** GENERAL ********/
#main_sec{ width: 100%; margin: 0; padding: 0; position: relative; float: left;}

.wrapper{ margin: 0 auto; max-width: 95%; width: 100%;}
.homepage .wrapper{ max-width: calc(95% - 120px);}

/******** CTA BUTTONS *******/
#cta_buttons{ position: fixed; right: 0px; top: 50vh; display: flex; align-items: flex-end; flex-direction: column; z-index: 9997;}
#cta_buttons div{ background-image: url(custom/images/sticky_cta_bg.png); background-repeat: no-repeat; background-size: contain; width: 140px; height: 46px; display: table; right: -80px; position: relative; margin: 5px 0px;}
#cta_buttons div a{ color: #fff; font-family: 'Muli', sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; display: table-cell; vertical-align: middle;}
#cta_buttons div a i{ font-family: "Font Awesome 5 Free"; display: inline-block; vertical-align: middle; margin-left: 10px;}
#cta_buttons div a img{ margin-left: 10px; vertical-align: middle;}
#cta_buttons div a span{ display: none; padding-left: 5px;}

.inside #cta_buttons{ position: absolute; top: 20vh;}

/********** HEADER ********/
header{ width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 9997; padding: 0px; margin: 0px;}

header a{ text-decoration: none;}

#top-bar{ width: 100%; background: #b22534; float: left; z-index: 101; padding: 10px 0px; position: relative;}
#top-bar .wrapper{ display: flex; align-items: center; justify-content: space-between;}

.tagline{ float: left; text-align: left;}
.tagline p{ color: #fff; font-weight: 800; font-style: italic; letter-spacing: -0.14px; line-height: 100%; padding: 0; margin: 0;}

#top-bar .right{ float: right;}
#top-bar .right .dyslexie-button{ /* color: #fff; font-weight: 700; font-family: 'Muli', sans-serif; padding: 7px 20px; border: 2px solid #fff; box-sizing: border-box;  */display: inline-block; margin-right: 30px;}
.sticky #top-bar .right .dyslexie-button{ /* border-color: #000; color: #000; */}
#top-bar .right .dyslexie-button span{ display: none;}
#top-bar .right .dyslexie-button img{ vertical-align: middle; max-height: 30px; width: auto;}

.dyslexie-button a{ display: none;}
.dyslexie-button a.dyslex{ display: inline-block;}

#top-bar .right .utility-icons{ list-style: none; margin: 0px; padding: 0px; display: inline-block;}
#top-bar .right .utility-icons li{ display: inline-block; padding: 0px 7.5px; position: relative;}
#top-bar .right .utility-icons li a{ transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; color: #fff;}
#top-bar .right .utility-icons li a span{ /* display: none; */ opacity: 0; position: fixed; top: 0px; font-size: 12px; font-weight: 700; font-family: 'Muli', sans-serif; -webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%); z-index: -1;}
#top-bar .right .utility-icons li:hover span{ position: relative; opacity: 1;display: inline-block; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; padding-right: 5px; -webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0); z-index: 1;}
#top-bar .right .utility-icons li a i{ font-size: 16px; vertical-align: middle;}
#top-bar .right .utility-icons li a svg{ fill: #fff; height: 16px; width: 21.7px; vertical-align: middle;}


#top-bar .right .utility-icons li:hover a,#top-bar .right .utility-icons li:hover span,#top-bar .right .utility-icons li:hover i,#top-bar .right .utility-icons li:hover svg{ color: #c3c3c3; fill: #c3c3c3;}

#top-bar .right .utility-icons li.quicklinks{ position: relative;}
#top-bar .right .utility-icons li.quicklinks .top-hover-helper{ position: absolute; top: 0px; right: 0px; width: 100%; display: none;}
#top-bar .right .utility-icons li.quicklinks:hover .top-hover-helper{ display: block; z-index: 9997;}
#top-bar .right .utility-icons li.quicklinks ul{ display: none; width: 220px; position: absolute; right: 0px; top: 43px; background: #dbdbdb; list-style: none; margin: 0px; padding: 0; z-index: 9999;}
#top-bar .right .utility-icons li.quicklinks:hover{ cursor: pointer; /* transition:all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; */ padding-right: 5px;}
#top-bar .right .utility-icons li.quicklinks.hover:hover ul, #top-bar .right .utility-icons li.quicklinks .top-hover-helper:hover ul{ display: block; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;}
#top-bar .right .utility-icons li.quicklinks ul li{ display: block; width: 100%; text-align: left; padding: 0px;}
#top-bar .right .utility-icons li.quicklinks ul li a{ color: #000; font-family: 'Muli', sans-serif; font-weight: 700; font-size: 13px; padding: 10px; display: block;}
#top-bar .right .utility-icons li.quicklinks ul li a:hover{ color: #b22534;}

#top-bar .right .utility-icons li.search{ position: relative;}

#mobile_nav{ display: none;}

/** sticky header **/
header.sticky{ position: fixed; box-shadow: 3px 3px 5px rgba(0,0,0,0.25); float: left; transition:all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s;}
.sticky #top-bar{ background: #fff;}
.sticky .tagline p{ color: #000;}
.sticky #top-bar .right .utility-icons li a, .sticky #top-bar .right .utility-icons li a i{ color: #b22534;}
.sticky #top-bar .right .utility-icons li a svg{ fill: #b22534;}
.sticky #top-bar .right .utility-icons li:hover a, .sticky #top-bar .right .utility-icons li:hover a i, .sticky #top-bar .right .utility-icons li.quicklinks ul li:hover a span, .sticky #top-bar .right .utility-icons li:hover span{ color: #000;}
.sticky #top-bar .right .utility-icons li:hover a svg{ fill: #000;}

.sticky #top-bar .right .utility-icons li.quicklinks ul li a{ color: #000; font-family: 'Muli', sans-serif; font-weight: 700; font-size: 13px; padding: 10px; display: block;}
.sticky #top-bar .right .utility-icons li.quicklinks ul li a:hover{ color: #b22534;}

.sticky .bottom-bar{ background: rgb(178,37,52); background: rgba(178,37,52, 0.75); padding: 10px 0px;}
.sticky .bottom-bar .wrapper{ display: flex; justify-content: space-between; align-items: center;}
.sticky #logo{ max-width: 105px;}
.sticky #logo img{ vertical-align: middle;}


/** search overlay ***/
#search-overlay{ display: none; background-color: rgba(0,0,0,0.84); width: 100%; position: fixed; top: 0px; height: 100vh; z-index: 100;}
#search-overlay fieldset{ border:none;}
#search-overlay .search-field-container{ position: absolute; top: 50%; margin-top: -23.5px; text-align: center; width: 100%; left:0px;}
#search-overlay input.search-field{ width: 100%; border: none; background: rgba(0,0,0,0); font-family: 'Tajawal', sans-serif; font-size: 44px; color: #c3c3c3; text-align: center; line-height: 125%; letter-spacing: -1px; padding: 0px 20%;}

.bottom-bar{ width: 100%; margin: 0px; padding: 30px 0px 0px 0px; float: left;}
#logo{ float: left;}
#logo a{ display: inline-block;} 

/***** FOOTER ******/
footer{ float: left; width: 100%; border-top: #b22534 solid 3px; position: relative;}

footer i{ font-style: normal;}

.footer-top{ background-color: #fff; background-image: url(custom/images/footer_watermark.png); background-repeat: no-repeat; background-position: right bottom; background-size: contain; padding: 45px 0px 25px 0px;}

footer .wrapper.flex{ display: flex; justify-content: space-between; align-items: stretch; max-width: 95%;}

.footer-left,  .footer-right{display: flex; width: 50%; align-items: center;}

.footer-left{ padding: 25px 0px;}
.footer_logo{ padding: 20px 50px 20px 0px; border-right: 1px solid #000;}
.footer_logo img{ width: 100%; height: auto;}

.contact-info{ padding-left: 55px;}
.contact-content{ text-align: left;}
.contact-content .address-line{ display: block; margin-bottom: 20px; color: #000; font-size: 15px; line-height: 125%; font-family: "Muli",sans-serif;}
.contact-content .address-line a{ text-decoration: none;}
.contact-content .address-line a:hover{  color: #b22534; }
.contact-content .address-line i{ color: #b22534; margin-right: 3px;}
.contact-content .address-line:last-child{ margin-bottom: 0px;}

.footer-right{ text-align: right; flex-flow: wrap; padding-top: 15px;}

.footer-right .social{ text-align: right; width: 100%;}
.footer-right .social .social-item{ display: inline-block; margin: 0px 5px; text-align: center;}
.footer-right .social .social-item a{ text-decoration: none; color: #000; padding: 0px 5px;}
.footer-right .social .social-item:last-child{ margin-right: 0px;}
.footer-right .social .social-item:last-child a{ padding-right: 0px;}
.footer-right .social .social-item a:hover{ color: #b22534;}
.footer-right .social .social-item a i{ font-size: 24px;}

.footer-right .footer-cta{ text-align: right; width: 100%;}
.footer-right .footer-cta .footer-cta-item{ display: inline-block; padding: 5px 20px; border-left: 1px solid #000; }
.footer-right .footer-cta .footer-cta-item:first-child{ border-left: none;}
.footer-right .footer-cta .footer-cta-item:last-child{ padding-right: 0px;}
.footer-cta-line{ /* height: 100%; */ background: #000; width: 1px; margin: 0px 40px;}

.footer-cta-item a{ text-decoration: none; color: #000; font-family: "Muli",sans-serif; font-weight: 800; letter-spacing: -0.7px; font-size: 15px; text-transform: uppercase;}
.footer-cta-item:hover a{ color: #b22534;}
.footer-cta-item a i{ color: #b22534; font-size: 17px; vertical-align: middle;}
.footer-cta-item a img{ vertical-align: middle;}

.acreditation{ text-align: right; display: block; width: 100%;}

.footer-bottom{ background: #000; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 5px 0px;}
.footer-bottom .wrapper.flex{ align-items: center;}
.footer-bottom p{ color: #fff; text-align: left; font-family: "Muli", sans-serif; font-size: 12px;}
.schoolsite{ opacity: 0.4;}
.schoolsite img{ max-height: 40px;}

.back-top{ color: #fff; background: #b22534; font-family: 'Tajawal', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.3px; text-transform: uppercase; vertical-align: middle; display: inline-block; padding: 15px; border: solid #fff 1px; position: absolute; right: 2.5%; top: 0px; transform: translateY(-50%); text-decoration: none; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5); box-sizing: border-box; line-height: 100%;}

/***** INSIDE PAGES *****/

/*****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: 'Muli', sans-serif;}

#main_sec.inside{ overflow: hidden; background: #f9f9f9; width: 100%;}
.inside #main_container{ float: left; padding: 60px 0px; position: relative; width: 100%;}

.page_cat{ opacity: 0; position: absolute;}

.inside #cta_buttons{ opacity: 0;}

/* .middle_column .detail_padding a.offset{ position: absolute;} */

/** custom animated header **/
.custom-header{ padding-left: 45px; position: relative;}
.custom-header::before{ content: ""; background-image: url(custom/images/heading-cogs.png); width: 40px; height: 40px; display: inline-block; background-size: contain; background-position: center; vertical-align: middle; animation: headingcogs 3s; animation-iteration-count:infinite; position: absolute; left:0px; top: 50%; background-repeat: no-repeat; margin: 0 auto; transform: translateY(-50%);}

/* Animation Keyframes*/
@keyframes headingcogs {
    0% { width: 40px; height: 40px; }
	25% { width: 30px; height: 30px;}
    50% { width: 40px; height: 40px; }
	75%{ width: 30px; height: 30px;}
    100% { width: 40px; height: 40px; }
}

/* inside bg cogs */
.parallax-element.insidecog1{ left: auto; right: 14%;}
.parallax-element.insidecog2{ left: auto; right: -181px; top: 55%}
.parallax-element.insidecog3{  top: 80%}

/** banner **/
#banner{ position: relative; float: left; width: 100%; z-index: 1;}
#banner img{ position: relative; z-index: 0; width: 100%; height: auto;}
#banner h1{ color: #fff; position: absolute; left: 0px; right: 0px; width: 95%; bottom: 50px; z-index: 1; text-shadow: 2px 2px 5px rgba(0,0,0,0.4); margin: 0 auto; line-height: 120%;}
#banner.no_banner h1{ bottom: auto; top: 50%;}

.middle_column{ float: left; position: relative; width: 100%;}
.middle_column.with_right{ width: calc(70% - 60px); margin-right: 60px; }
.middle_column.full{ width: 100%;}

.right_column{ width: 30%; float: right; position: relative;}
.right_per_detail{float: left; position: relative; width: 100%;}
.right_content{ float: right; width: calc( 100% - 15px); background-color: #fff; border: solid thin #cccccc; box-sizing: border-box; background-image: url(custom/images/sidebar-bg.png); background-repeat: no-repeat; background-position: right bottom;}

h3.toolhead{ text-transform: none; font-weight: normal;}

.middle_column .toolhead-wrapper{ margin: 20px auto; position: relative; text-align: center;}
.middle_column .toolhead-wrapper::before{ content: ""; background: #000; height: 2px; width: 100%;  position: absolute; left: 0px; top: 50%; margin-top: -1px; z-index: 0;}
.middle_column h3.toolhead{ font-family: 'Sedgwick Ave', cursive; color: #b22534; font-size: 22px; text-align: center; padding: 0px 40px; position: relative; display: inline-block; background: #f9f9f9; }
/* .middle_column h3.toolhead::before{ content: ""; background: #000; height: 2px; width: 100%;  position: absolute; left: 0px; top: 50%; margin-top: -1px;}
.middle_column h3.toolhead::after{ content: ""; background: #000; height: 2px; width: 100%; position: absolute; right: 0px; top: 50%; margin-top: -1px;} */

h3.toolhead.insidemenu{ font-family: 'Sedgwick Ave', cursive; color: #b22534; font-size: 34px; border-bottom: 1px solid #b22534; padding: 0px 30px 15px 40px; margin: 0; margin-bottom: 10px;}

.right_per_detail h3.toolhead{ float: left; background: rgb(177,37,52); background: linear-gradient(180deg, rgba(177,37,52,1) 0%, rgba(154,32,45,1) 100%); font-family: 'Sedgwick Ave', cursive; font-size: 22px; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.8); text-align: left; padding: 10px 15px; width: calc(100% - 50px);}
.right_per_detail h3.toolhead.overhang{ position: absolute; top: 15px; left: 0px;}

/* inside menu */
#inside_nav #menu ul{ list-style: none; margin: 0; padding: 0;}
#inside_nav #menu ul li{ }
#inside_nav #menu ul li a{ font-family: 'Tajawal', sans-serif; font-size: 19px; color: #000; padding: 5px 30px 5px 40px; display:block; text-decoration: none; font-weight: 400;}
#inside_nav #menu ul li a:hover{ color: #b22534;}
#inside_nav #menu ul li a.ln_default{ background: #b22534; color: #fff;}
#inside_nav #menu ul li a.ln_default:hover{ color: #000;}
#inside_nav #menu ul li ul li a{ padding: 5px 30px 5px 60px; background: #dbdbdb; font-size: 14px;}
#inside_nav #menu ul li ul li a:hover{ color: #b22534;}
#inside_nav #menu ul li ul li ul li a{ padding: 5px 30px 5px 80px; background: #fff; font-size: 14px;}

/* inside nav arrows */
#inside_nav #menu ul li.has_children_1 a, #inside_nav #menu ul li.has_children_2 a{ position: relative;}
#inside_nav #menu ul li.has_children_1 > a::after, #inside_nav #menu ul li.has_children_2 > a::after{ content: "\f105"; position: absolute; right: 30px; color: #000; font-size: 19px; width: 19px; height: 19px; top: 50%; margin-top: -13.5px; font-family: FontAwesome; text-align: center;}
#inside_nav #menu ul li.has_children_1 > a.ln_default::after, #inside_nav #menu ul li.has_children_2 > a.ln2_default::after{ content: "\f107";}

/* right column content */
.right_content img{ width: 100%; height: auto;}
.sidebar_content_container{ padding: 0px 15px;}

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

/*** hero video section ***/
.hero-video-bar{ position: relative; width: 100%; background: #000; z-index: 101;}
.hero-video-bar video{ width: 100%; height: 100%; position: relative; z-index: 1; opacity: 0.8;}

.video-overlay{ position: absolute; width: 100%; height: 100%; background-image: url(custom/images/cross-stripes.png); background-repeat: repeat; top: 0px; left: 0px; z-index: 2; opacity: 0.4;}

.text-slideshow{ position: absolute; bottom: 100px; left: 0px; text-align: left; z-index: 3; width: 75%;}
.text-slideshow h2{ color: #fff; font-family: 'Muli', sans-serif; font-size: 22px; text-transform: uppercase; margin-bottom: 25px; font-weight: 600; text-shadow: 2px 2px 2px #000;}
.text-slideshow h3{ font-family: 'Tajawal', sans-serif; color: #fff; letter-spacing: -1px; line-height: 115%; font-size: 44px; text-shadow: 3px 2px 3px #000;}
.text-slideshow a{ color: #fff; font-family: 'Muli', sans-serif; font-size: 18px; text-transform: uppercase; margin-top: 25px; font-weight: 700; letter-spacing: 2px; border-bottom: solid 2px #fff; display: inline-block; text-decoration: none; position: relative; text-shadow: 2px 2px 2px #000;}
.text-slideshow a .underline{ display: block; content: ""; width: 100%; margin: 0 auto; background: #fff; opacity:0.35; height: 2px; margin-top: 10px; box-shadow: 2px 2px 2px #000;}

/*****banner-bar - Home Page Hero*****/
#hero_slideshow { width: 100%; background-position: center top; float: left; background-size:cover; position: relative; overflow: hidden; display: contents; }
/* #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*/
#hero_slideshow .cycle-slideshow { z-index:1; width: 100%; background: #000; }
#hero_slideshow .slides { padding: 0; color:#fff; position: relative; height:900px; width: 100%; background-position: center top; background-size:cover; }  
#hero_slideshow .text { width: 100%; text-align:center; display: flex; height: 100%;}
#hero_slideshow 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: 'Tajawal', sans-serif; font-weight:800; display: block; color: #fff; }
#hero_slideshow span.title a{ text-decoration: none; color: #fff;}
#hero_slideshow .pager { position:absolute; right:75px;  bottom:70px; z-index:2; font-size:0; line-height:0; z-index: 100;}
#hero_slideshow .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); }  
#hero_slideshow .pager span:hover,#hero_slideshow .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); }
#hero_slideshow .text-slideshow h3 {margin-bottom: 20px;}


/**** featured stories section ****/
.featured-stories{ width: 100%; background-color: #f9f9f9; float: left; position: relative; text-align: center; overflow: hidden; z-index: 2; padding: 50px 0px;}
.stories-bottom{/*  background-image: url(custom/images/stories_bg.png); background-repeat: no-repeat; background-size: 100%; background-position: top; */ width: 100%; margin: 0 auto; padding: 0px; /* height: 323px; */ float: left; z-index: 2; position: relative;}
.stories-bottom img{ width: 100%; height: auto;}

.line_holder{ height: 70px; display: block; margin: 0 auto; overflow: hidden;}
.line_holder .divider-line{ margin: 10px auto; display: block; width: 2px; background: #000; height: 0px; position: relative;}
.line_holder.in-view .divider-line{ height: 60px; }
.featured-stories .line_holder .divider-line{ margin: 10px auto; display: block; width: 2px; background: #000; height: 0px; position: relative;}
.featured-stories .line_holder.in-view .divider-line{ height: 60px; }

.featured-stories .hidden-stories{ /* display: none; */ opacity: 0; position: absolute; z-index: 1;}
.featured-stories .hidden-stories.visible{ position: relative; opacity: 1; transition:all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s;}
.story-container{ width: 100%; position: relative; margin: 30px 0px; display: inline-block;}
.story-wrapper{ max-width: 50%; margin: 0 auto;}
.story-img{ position: relative; float: right; z-index:1; width: 55%;}
.story-img.left{ float: left;}

.story-card{ width: calc(75% - 50px); box-shadow: 5px 5px 10px rgba(0,0,0,0.6); position: absolute; left: 25%; top: 50%; transform: translateY(-50%); z-index: 2; max-width: 33%; background-color: #fffefe; padding: 25px; text-align: left; color: #000000; background-image: url(custom/images/story1_bg.png); background-position: bottom right; background-repeat: no-repeat;}
.story-card.even{ left: auto; right: 25%; background-image: url(custom/images/story2_bg.png);}

.card-desc{ display: inline-block; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #b22534; font-family: 'Muli', sans-serif; font-size: 14px; font-weight: 700;}
.story-card h3{ font-size: 34px; letter-spacing: 1px; line-height: 120%; color: #000000; font-family: 'Sedgwick Ave', cursive; margin-bottom: 10px;}
.story-card .story-text{ font-family: 'Muli', sans-serif; font-size: 14px; font-weight: 400; line-height: 200%;}
.story-card .story-text blockquote{ font-family: 'Muli', sans-serif; font-size: 14px; font-weight: 700; color: #b22534; margin: 10px 0px 0px 0px; padding: 0px; font-style: italic; background: none; width: auto;}
.story-card .story-text blockquote::before, .story-card .story-text blockquote::after{ content: ""; display: none; background: none;}
.more_button{ font-size: 12px; display: inline-block; padding: 12px 30px; background: #b22534; color: #fff; font-family: 'Tajawal', sans-serif; text-decoration: none; text-transform: uppercase; margin-top: 20px;}
.more_button:hover{ background: #3f3f3f;}
.load-more{ text-transform: uppercase; color: #000; box-sizing: border-box; border: 2px solid #000; padding: 12px 30px; display: inline-block; text-align: center; font-family: 'Tajawal', sans-serif; text-decoration: none; font-size: 18px; letter-spacing: 1px; position: relative; z-index: 10; margin-top: 30px;}
.load-more:hover{ background: #b22534; border: 2px #b22534 solid; color: #fff;}

/** parallax bg with gears */
.parallax-element{  position: absolute; /* position: relative; */ top: 0px; left: 0px; max-width: 100%; height: auto; z-index: 0; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;}
/* .img-parallax {
  width: auto;
  z-index: -1;
  position: absolute;
  top: 0;
   left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}*/
.parallax-element.cog1{ top: -6%; left: 7%;}
.parallax-element.cog2{ top: 41%; left: 20%;}
.parallax-element.cog3{ top: 80%; left: 28%;}
.parallax-element.cog4{ top: 85%; left: auto; right: 0px;}

.featured-stories.visible .parallax-element.cog1{ top: 4%; }
.featured-stories.visible .parallax-element.cog2{ top: 24%; }
.featured-stories.visible .parallax-element.cog3{ top: 78%;}
.featured-stories.visible .parallax-element.cog4{ top: 97%; left: auto; right: 0px;}




/**** ANNOUNCEMENTS AND CALENDAR SECTION *******/
.calendar-section{ width: 100%; background-image: url('custom/images/calendar-section-bg.jpg'); background-size: cover; background-position: top center; position: relative; min-height: 400px; float: left; margin-top: -275px; z-index: 1; overflow: hidden;}
.calendar-section::before{ content: ""; background-color: rgba(158,30,43,0.87); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}

.calendar-section .wrapper{ position: relative; z-index: 2; display: flex; justify-content: space-around; align-items: flex-start; margin: 0 auto; padding: 50px 0px;}

.calendar_btn{ color: #fff; text-transform: uppercase; box-sizing: border-box; border: 2px solid #fff; padding: 12px 30px; display: inline-block; text-align: center; font-family: 'Tajawal', sans-serif; text-decoration: none; font-size: 18px; letter-spacing: 1px; position: relative; z-index: 10; margin-top: 60px;}
.calendar_btn:hover{ background: #fff; color: #000;}

.calendar-section .calendar-column{ width: 32%; text-align: center;}
.calendar-section .calendar-column h2{ color: #fff; font-size: 26px; font-family: 'Tajawal', sans-serif; margin-bottom: 30px; text-transform: uppercase; text-align: left;}
.calendar-section .calendar-column h3, .calendar-section .calendar-column h3 a{ color: #000; font-size: 18px; font-weight: 700; font-family: 'Muli', sans-serif; letter-spacing: -0.5px; text-decoration: none;}
.calendar-section .calendar-column h3{ padding-right: 90px;}
.calendar-section .calendar-column p{ color: #000; font-size: 12px; font-weight: 400; font-family: 'Muli', sans-serif; line-height: 150%; margin: 5px 0px 0px 0px;}

.calendar-section .calendar-column.news p{ display: none; color: #fff;}
.calendar-section .calendar-column.news .news-item a{ color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700;}
.calendar-section .calendar-column.news .news-item h3 a, .calendar-section .calendar-column.news .news-item h3{ color:#000; text-transform: none;}
.calendar-section .calendar-column.news .news-item:hover h3, .calendar-section .calendar-column.news .news-item:hover h3 a{ color: #fff;}
.calendar-section .calendar-column.news .news-item:hover p{ display: block;}

.news_container{ box-shadow: 0px 20px 85px 30px rgba(0,0,0,0.45); text-align: left;}
.calendar-section .calendar-column.news .news-item{ background-color: #fffefe; width: calc(100% - 80px); margin: 0 auto; padding: 20px 40px; border-top: 1px solid #3f3f3f;}
.calendar-section .calendar-column.news .news-item.row1{ background-image: url(custom/images/news_bg1.png); background-repeat: no-repeat; background-position: left bottom;}
.calendar-section .calendar-column.news .news-item.row2{ background-image: url(custom/images/news_bg2.png); background-repeat: no-repeat; background-position: center bottom;}
.calendar-section .calendar-column.news .news-item.row3{ background-image: url(custom/images/news_bg3.png); background-repeat: no-repeat; background-position: right top;}
.calendar-section .calendar-column.news .news-item.row4{ background-image: url(custom/images/news_bg4.png); background-repeat: no-repeat; background-position: left top;}
.calendar-section .calendar-column.news .news-item:first-child{ border-top: none;}
.calendar-section .calendar-column.news .news-item:hover{ background-color: #3f3f3f; border-left: #c8c8c8 solid 6px; transition:all 0.3s; transform: translateX(-6px); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; background-image: none !important;}

/* events */
.events_container{ box-shadow: 0px 20px 85px 30px rgba(0,0,0,0.45); text-align: left; background: rgba(0,0,0,0.35);}
.event-item{ display: flex; width: 100%; justify-content: space-between; margin-top: 5px;}
.event-item:first-child { margin-top: 0px;}
.event-item .date{ width: 20%; align-content: center; background: #3f3f3f; text-align: center; color: #fff; display: flex; align-items: center; flex-flow: wrap; margin-right: 5px;}
.event-item .date .month{ display: block; font-size: 13px; letter-spacing: 1px; font-family: 'Muli', sans-serif; font-weight: 600; line-height: 100%; width: 100%;}
.event-item .date .day{ display: block; font-size: 30px; letter-spacing: -1px; font-family: 'Muli', sans-serif; font-weight: 700; line-height: 100%; width: 100%;}

.event-item .event-content{ width: 80%; background: #fffefe; padding: 15px 50px 15px 20px;}

.event-item:hover{ border-right: 6px solid #c8c8c8;}
.event-item:hover .date{ background: #b22534;}

/**** graduates section - home page *****/
.graduates-section{ float: left; width: 100%; background: #fff; padding: 70px 0px; text-align: center; overflow: hidden;}

.graduates-section h2{ font-size: 22px; letter-spacing: -1px; color: #000; font-family: "Muli", sans-serif; font-weight: 900;}

.grad-slider-container{ position: relative; max-width: 90%; margin: 70px auto;}
.slick-track{ display: flex; align-items: center;}
.slick-slide{ height: auto !important; margin: 0px 40px;}
.slick-slide img{ margin: 0 auto;}
.slider-button{ position: absolute; color: rgba(0,0,0,0.4); font-size: 36px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}
.slider-button:hover{ color: rgba(0,0,0,0.8); }
.slider-button.prev{ left: 0px;}
.slider-button.next{ right: 0px;}

/**** social media section - home page ****/
.social-section{ overflow: hidden; width: 100%; float: left; height: 400px; position: relative; display: flex; justify-content: flex-start; align-items: center;}

.social-tagline{ width: 37%; height: 100%; position: relative; padding-left: 2.5%;}
.words-bg{ z-index: -1; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 82%; opacity: 0.18;}
.words-bg svg{ width: 100%; height: auto; fill: #e47c87;}
.social-tagline::before{ content: ""; width: 82%; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; background: rgb(178,37,52); /* background: url(custom/images/social_words.svg) no-repeat, linear-gradient(139deg, rgba(178,37,52,1) 0%, rgba(141,34,43,1) 100%); */ background: linear-gradient(71deg, rgba(178,37,52,1) 0%, rgba(141,34,43,1) 100%); z-index: -2; background-position: bottom center; background-size: contain;}

.social-left-text{ text-align: left; width: 97.5%; z-index: 2; position: relative; padding-top: 30px;}
.social-left-text svg{ width: 100%; /* height: auto; */}
.social-left-text p{ text-align: left; color: #fff; font-size: 49px; font-family: "Muli", sans-serif; font-weight: 900; letter-spacing: -1px; line-height: 120%; display: inline; margin: 0px; text-transform: uppercase;}
.social-left-text span{ color: #767676;}

.linedrawing{transition:all 1.5s; -webkit-transition: all 1.5s; -ms-transition: all 1.5s;}

.social-tagline span.line{ width: 50%; overflow: hidden; display: inline-block; position: absolute; bottom: 0px; right: 0px;}
.social-tagline.aos-animate span.line{/*  width: 50%; */ transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.5s; animation-name: example;
  animation-duration: 2s;}
  
.social-tagline .linedrawing{ width: 0px; height: 2px; background: #000; }
.social-tagline.aos-animate .linedrawing{ width: 100%; transition:all 1.5s; -webkit-transition: all 1.5s; -ms-transition: all 1.5s;}

.social-feeds{ width: calc(63% - 60px); float: left; display: flex; justify-content: space-between; align-content: center; padding-right: 60px;}
.social-feed{ position: relative; margin: 0px 20px; width: 42%;}
.social-feed.instagram{ width: 40%;}
.social-feed h3{ font-family: "Muli", sans-serif; font-weight: 800; color: #000; font-size: 14px;}
.social-feed h3 i{ font-size: 16px; vertical-align: middle; padding-right: 5px;}
.social-feed h3 i.fa-facebook-f{ font-family: 'FontAwesome';}
.social-feed.has-image h3{ width: 82%; float: right;}
.social-post{ position: relative; padding: 20px 0px; float: left; margin-top: 30px;}
.social-post::before{ content: ""; position: absolute; z-index: -1; background: #fff; right: 0px; top: 0px; height: 100%; box-shadow: 0px 5px 40px 5px rgba(0,0,0,0.15); width: 100%;}
.social-post.hasimg::before{ width: 82%;}
.social-post.instagram::before{ display: none;}
.social-post.instagram{ /* position: absolute; */ width: 100%; height: calc(100% - 50px); top: 0px; left: 0px; /* margin-top: 50px; */ padding: 0px;}
.social-feed .soc-pic{ display: inline-block; width: calc(50% - 20px); margin-right: 20px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.social-feed.instagram .ig-pic{ width: 100%; margin-right: 0px;  position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.social-feed .soc-pic img{ width: 100%; height: auto;}
.social-feed .post-detail{ display: inline-block; font-family: "Muli", sans-serif; font-size: 12px; line-height: 150%; color: #000; text-align: left; vertical-align: top; margin: 0px; padding: 0 10px 35px 10px; width: calc(100% - 20px); float: right; position: relative;}
.social-feed .social-post.hasimg .post-detail{  width: calc(50% - 10px); float: right; padding: 0 10px 35px 0;}
.social-feed .social-post.hasimg .post-title{  width: calc(50% - 10px); float: none; padding: 0 10px 0px 0; display: none;}

.post-more{ position: absolute; left: 10px; bottom: 0px; color: #b22534; text-transform: uppercase; font-family: "Muli", sans-serif; font-weight: 800; letter-spacing: -0,5px; text-decoration: none;}
.hasimg .post-more{ left: 0px;}

.social-link-line{ position: absolute; bottom: 8px; right: 10px; width: 30%; overflow: hidden;}
.social-link-line .linedrawing{ width: 0px; height: 1px; background: #000;}
.social-feeds.aos-animate .social-link-line .linedrawing{ width: 100%; }

#instagram .social-post{ float: none; padding: 0;}
#instagram .social-post.hasimg::before{ width: 100%;}
#instagram .post-detail{ width: 100%; float: none; padding: 0;}
#instagram .soc-pic{ width: 100%; margin-right: 0; padding: 0;}
#instagram .soc-pic img{ display: block;}
#instagram .post-detail span{ display: none;}


/****** tabs section - home page *********/
.tabs-section{ float: left; width: 100%; overflow: hidden; position: relative; padding: 20px 0px 90px 0px; text-align: right;}
.tabs-section .cog-tabs{ position: absolute; z-index: 0;}
.tabs-section .cog1-tabs{ left: 0px; top: 100%;}
.tabs-section .cog2-tabs{ left: 73px; top: 65%;}

.tabs_container{ display: inline-block; position: relative; z-index: 1;}
.tabs_container a{ display: inline-block; font-family: "Muli",sans-serif; color: #000; font-size: 18px; text-decoration: none; letter-spacing:  0.5px; margin: 0 10px; padding: 10px; font-weight: 800;}
.tabs_container a:hover, .tabs_container a.active{ color: #b22534; border-bottom: #b22534 3px solid; }

.tabs-section h2{ font-family: 'Tajawal', sans-serif; color: #000; font-size: 131px; letter-spacing: -5px; text-align: right; line-height: 115%; margin: 20px 0 50px 0;}
.tabs-section h2 span{ color:#b22534;}
h2.stats_desktop_title{ display: block;}
h2.stats_mobile_title{ display: none;}

.tabs_content_container{ text-align: right;  position: relative; z-index: 1;}
.tabs_content_container .tab_content{ display: none; margin-right: -5%;}
.tabs_content_container .tab_content.active{ display: flex; justify-content: flex-end; align-items: center; animation: none;}

.tab-item{  width: 20%; text-align: center; padding: 0px 2.5%;}
.tab-item img{ max-height: 120px; height: auto; display: inline-block; margin-bottom: 10px;}
.tab-item h3{ font-family: 'Tajawal', sans-serif; color: #000; font-size: 36px; letter-spacing: -1px; margin:0; padding: 0; line-height: 100%; padding: 0 10%;}
.tab-item p{ margin: 0; padding: 0; font-family: "Muli",sans-serif; font-size: 15px; letter-spacing: -0.5px; line-height: 150%; font-weight: 700; padding: 0 25%;}


/****** cta/pillars section ********/

.cta-section{ float: left; width: 100%; overflow: hidden;}
.cta_container{ display: flex; justify-content: space-evenly; align-items: center;}
.cta-item{ width: 33.333333%; margin: 0; padding: 0; text-align: center; position: relative; display: flex; align-items: center;}
.bg-img{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0;}
.bg-overlay{ z-index: 1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0,0,0); opacity: 0.53;}
/* .cta-item:hover .bg-overlay{ opacity: 0.88; background-color: rgb(178,37,52);} */
.cta-content{ position: relative; z-index: 2; margin: 0 auto; width: 100%;}
.cta-content h3{ font-size: 30px; letter-spacing: -2px; color: #fff; font-family: 'Tajawal', sans-serif; margin: 0; padding: 0; line-height: 115%; padding: 10px 25%;}
/* .cta-item:hover .cta-content h3{ font-size: 36px;} */
.cta-content p{ color: #fff; font-size: 13px; line-height: 115%; margin: 0; padding: 0; letter-spacing: -1px; font-family: "Muli",sans-serif; padding: 0 25%;}
/* .cta-item:hover .cta-content p{ font-size: 16px;} */

.cta-button{ color: #000; text-transform: uppercase; padding: 12px 30px; display: none; text-align: center; font-family: 'Tajawal', sans-serif; text-decoration: none; font-size: 12px; letter-spacing: 1px; position: relative; z-index: 10; margin-top: 30px; background: #fff;}
/* .cta-item:hover .cta-button{ display: inline-block;} */


/******** TOOL FIXES **********/
/* .middle_column .detail_padding a.offset{ position: absolute;} */

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

.calendar_grid{ font-size: 14px; line-height: 125%;}

.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: 5px !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;}

.expand-container{ width: 100%; display: inline-block;}

/*** Campuses CTA section - added on 8-20-21 by WA ***/
.campuses_cta_section{ position: relative; text-align: center; padding: 3rem 0 4rem 0; background-color: #f9f9f9; z-index: 100;}

.campuses_cta_section > .wrapper{ position: relative; z-index: 100;}

h2.campuses_cta{ color: #b22534; font-size: 60px; letter-spacing: -0.015em;}
h3.campuses_cta{ color: #000000; text-transform: uppercase; font-size: 24px; letter-spacing: -0.015em;}
h2.campuses_cta + h3.campuses_cta{ margin-top: 1rem;}

.campuses_cta_buttons{ display: flex; align-items: center; justify-content: center;}

.campuses_cta_buttons{ margin: 2rem 0;}
.campuses_cta_buttons a.more_button{ font-size: 19px; margin: 0 1rem; font-weight: 900;}

/*****  CUSTOM LANDING PAGES *******/

.landing-page .more_button{ padding: 5px 15px; margin-top: 5px;}

#banner.landing-page, #banner.landing-page .hero_slideshow,#banner.landing-page .slide{ width: 100%; float: left;}
#banner.landing-page .hero_slideshow img{ position: relative; z-index: 1; width: 100%; height: auto;}
.banner_slide_overlay{ position: absolute; width: 100%; height: calc(100% - 9px); left: 0px; top: 0px; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.5998774509803921) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%); z-index: 2;}
.banner_hero_text{ position: absolute; bottom: 50px; left: 0px; right: 0px; z-index: 3; min-height: 94px;}
#banner.landing-page .banner_hero_text h1{ position: relative; bottom: auto; top: auto; left: auto; right: auto; width: auto; margin: 0px;}
.banner_hero_text p{ color: #fff;}

.landing-page .parallax-element.insidecog2{ right: -245px;}
.landing-page .parallax-element.insidecog1{ left: 400px;}

.landing-page .slider_nav{ position: absolute; bottom: 5%; right: 5%; color: #fff; text-align: right; z-index:9998;}
.landing-page .slider_nav div{ opacity: 0.6; display: inline-block; vertical-align: middle; cursor: pointer;}
.landing-page .slider_nav div:hover{ opacity: 0.9;}
.landing-page .slider_nav span{ opacity: 0.6; display: inline-block; margin: 0 10px; font-size: 21px;}
.landing-page .slider_nav div i{ font-size: 21px;}

.landing-page #banner #cta_buttons div a img{ width: auto;}
.landing-page #cta_buttons{ top: 50% !important; transform: translateY(-50%) !important;}

/*** academics page ****/
.academics_ctas{padding: 0 0 75px 0;}
.academics_ctas_container{ width: 100%; display: flex; justify-content: space-between;}
.academics_cta_item{ margin-left: 50px; position: relative; text-align: left; width: 33%;}
.academics_cta_item:first-child{ margin-left: 0px;}
.academics_cta_item img{ width: calc(100% - 25px);}
.academics_cta_text_container{ position: absolute; bottom: -25px; right: 0px; background-color: #fff; background-image: url("custom/images/academics_col_bg.png"); background-repeat: no-repeat; background-position: bottom right; width: calc(70% - 30px); padding: 15px; box-shadow: 5px 5px 10px rgba(0,0,0,0.3);}
.academics_cta_text_container h3{ font-size: 26px; color: #b22534; font-family: 'Sedgwick Ave', cursive; line-height: 125%; text-transform: none;}
.academics_cta_text_container p{ color: #000; font-family: "Muli", sans-serif; font-size: 14px; line-height: 150%;}

.academics_icons{ padding: 50px 0px;}
.academics_icons h2{ color: #000; font-size: 35px; text-align: center; text-transform: uppercase; letter-spacing: -0.35px; font-family: "Muli", sans-serif; font-weight: 800;}
.icon_grid_container{ width: 100%; display: flex; justify-content: space-between; flex-flow: wrap;}
.icon_grid_item{ width: calc(16.6666667% - 70px); padding: 40px 35px; text-align: center; position: relative;}
.icon_grid_item a{ text-decoration: none; display: inline-block; text-align: center;}
.icon_grid_item img{ max-width: 100px; width: 100%; transition:all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; padding-top: 40px;}
/* .icon_grid_item:hover{ margin-top: -15px; margin-bottom: -15px;} */
.icon_grid_item:hover a{}
.icon_grid_item .grid_item_content{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;}
.icon_grid_item:hover img{ max-width: 130px;}
.icon_grid_item h3{ color: #000; font-family: "Muli", sans-serif; font-size: 22px; letter-spacing: -0.22px; font-weight: 800; transition:all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; line-height: 125%;}
.icon_grid_item:hover h3{ font-family: 'Sedgwick Ave', cursive; letter-spacing: auto; font-weight: normal;}

.academics_story{ text-align: center; float: left; width: 100%; padding: 40px 0px;}
.academics_story .story-container{ width: 80%; margin: 30px auto; text-align: center;}
.academics_story .story-img{ margin: 0; width: 80%;}
.academics_story .story-img img{ width: 100%;}
.academics_story .story-card{ left: 0px; width: 42%;}
.academics_story .story-card h3{ color: #b22534; font-size: 25px; text-transform: none; line-height: 125%;}
.academics_story .story-card .story-text{ line-height: 150%; padding-bottom: 10px;}

/****** arts landing page ******/
.art_statement{ width: 100%; text-align: center; padding-bottom: 50px;}
.art_statement h2{ color: #000; font-size: 44px; font-size: 2.75em; letter-spacing: -0.025em;}
.art_statement h2 span{ color: #b22534;}
.art_statement p{ margin: 0 auto; max-width: 65%;}

/** arts callouts **/
#arts_landing .academics_ctas_container{ justify-content: space-around; flex-flow: wrap;}
#arts_landing .academics_cta_item{ width: calc(33.333333% - 100px); margin-bottom: 50px;}
#arts_landing .academics_cta_item a{ display: inline-block;}

#arts_landing .academics_cta_item:hover .academics_cta_text_container{ background: #b22534;}
#arts_landing .academics_cta_item:hover .arts_callout_bg{ opacity: 0.15;}
.arts_callout_link{ display: none; font-family: 'Sedgwick Ave', cursive; color: #fff; letter-spacing: 0.035em; font-size: 23px; line-height: 180%;}
#arts_landing .academics_cta_item:hover h3{ font-size: 14px; color: #fff; letter-spacing: -0.01em; font-family: 'Muli', sans-serif; font-weight: 700;}
#arts_landing .academics_cta_item:hover .arts_callout_link{ display: block;}
#arts_landing .academics_cta_text_container{ background: #fff; bottom: 30px; padding: 20px 15px; min-height: 65px;}
#arts_landing .academics_cta_text_container h3{ }
#arts_landing .arts_callout_text{ transform: translateY(-50%); position: absolute; top: 50%;}
.arts_callout_bg{ position: absolute; top: 50%; transform: translateY(-50%); right: 10px; z-index: -1; text-align: right; height: 100%;}
.arts_callout_bg img{ width: auto; height: 90%; padding-top: 5%;}

/******** ADMISSIONS LANDING PAGE *********/
#admissions_landing svg{ width: 100px; height: 100px;}

.admissions_anchor{ position: absolute; top: -80px; left: 0px;}

.admissions_section_content{ display: flex;}
.admissions_top_left{ width: 65%; margin-right: 5em;}
.admissions_top_right{ width: 35%;}

.admissions_statement h2{ font-family: "Muli", sans-serif; font-size: 5.625em; color: #000; font-weight: 800; letter-spacing: -0.025em; line-height: 115%;}
.admissions_statement h2 span{ color: #b22534;}
.admissions_statement p{ font-size: 1.125em; letter-spacing: 0.01em; line-height: 167%; margin: 1.5em 0 1.5em 4em;}

.admissions_anchor_links{ margin-top: 9.375em; margin-bottom: 5.75em;}
.admissions_anchor_links ul{ list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between;}
.admissions_anchor_links ul li{ margin-right: 2em;}
.admissions_anchor_links ul li:last-child{ margin-right: 0;}
.admissions_anchor_links ul li a{ color: #000; font-size: 24px; letter-spacing: 0.01em; font-weight: 700; position: relative; text-decoration: none;}
.admissions_anchor_links ul li a:hover{ color: #b22534; font-weight: 800;}
.admissions_anchor_links ul li a:hover:after{ position: absolute; content: ""; width: 100%; height: 4px; background: #b22534; bottom: -10px; left: 0px; right: 0px;}

.testimonial_item.slick-active{ }

#admissions_landing .quicklinks_header{ font-family: 'Sedgwick Ave', cursive; color: #b22534; font-size: 2.875em; border-bottom: 1px solid #b22534; padding: 0px 30px 5px 40px; margin: 0; text-align: center; text-transform: none; font-weight: normal; line-height: 115%;}

.admissions_link_container{ text-align: left; border-left: solid thin #c8c8c8; border-right: solid thin #c8c8c8; border-bottom: solid thin #c8c8c8;}
.admissions_link_item{ background-color: #fffefe; width: calc(100% - 80px); margin: 0 auto; padding: 24px 40px; border-top: 1px solid #3f3f3f;}
.admissions_link_item a{ text-decoration: none;}
.admissions_link_item.row1{ background-image: url(custom/images/news_bg1.png); background-repeat: no-repeat; background-position: left bottom;}
.admissions_link_item.row2{ background-image: url(custom/images/news_bg2.png); background-repeat: no-repeat; background-position: center bottom;}
.admissions_link_item.row3{ background-image: url(custom/images/news_bg3.png); background-repeat: no-repeat; background-position: right top;}
.admissions_link_item.row4{ background-image: url(custom/images/news_bg4.png); background-repeat: no-repeat; background-position: left top;}
.admissions_link_item:first-child{ border-top: none;}
.admissions_link_item:hover{ background-color: #3f3f3f; border-left: #c8c8c8 solid 6px; transition:all 0.3s; transform: translateX(-6px); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; background-image: none !important;}

.admissions_link_item .link_title_line, .admissions_link_item .admissions_link_text{ display: none;}
.admissions_link_item:hover .link_title_line, .admissions_link_item:hover .admissions_link_text{ display: block;}

.link_title_line{ display: block; width: 2em; height: 3px; text-align: left; margin: 1em 0; background: #fff;}

.admissions_link_item h4{ margin: 0; padding: 0; font-size: 1.875em; letter-spacing: -0.01em; line-height: 125%; color: #000; font-family: "Muli", sans-serif; font-weight: 700;}
.admissions_link_text p{ margin: 0; padding: 0; font-size: 1.125em; line-height: 115%; color: #fff; margin-bottom: 1em;}
.admissions_link_item h6{ font-style: normal; font-size: 1.125em; line-height: 115%; color: #fff;}

.admissions_link_item:hover p, .admissions_link_item:hover a, .admissions_link_item:hover h4, .admissions_link_item:hover h6{ color: #fff;}
.admissions_link_item:hover h4{ font-size: 1.625em;}

.admissions_top_left .line_holder.in-view .divider-line{ height: 150px;}
.admissions_top_left .line_holder{ height: 160px;}

h2.admissions_section_title{ font-size: 3.4375em; letter-spacing: -0.025em; margin: 0 0 0.5em 0; padding: 0; position: relative;}
.bg_text{font-size: 13.3125em; letter-spacing: -0.025em; line-height: 115%; position: absolute; z-index: 0; font-weight: 800;}

.why-siena{ position: relative; padding-top: 10em; padding-bottom: 4em;}
.why-siena .bg_text{ color: #e5e5e5; top: 0; right: 0px;}
.why-siena h2.admissions_section_title{ color: #000;}

.whysiena_content{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}

.why_siena_icons{ display: flex; justify-content: space-between; width: 80%; flex-flow: wrap;}

.whysiena_col{ text-align: center; margin: 0 1em; width: calc(16.6666667% - 2em);}

.whysiena_icon{ height: 100px; margin-bottom: 10px;}
.whysiena_col:hover .whysiena_icon{ height: 120px;}

.whysiena_col .whysiena_icon img{ height: 100px; width: auto; display: block; margin: 0 auto; }
.whysiena_col .whysiena_icon img.hover-state{ display: none;}
.whysiena_col:hover .whysiena_icon img{ height: 120px;}
.whysiena_col:hover .whysiena_icon img.normal-state{ display: none;}
.whysiena_col:hover .whysiena_icon img.hover-state{ display: block;}
#admissions_landing .whysiena_col svg{ height: 100px; width: 100%;}
#admissions_landing .whysiena_col svg, #admissions_landing .whysiena_col svg *{ fill: #b22534 !important;}
#admissions_landing .whysiena_col:hover svg{ fill: #3f3f3f !important; height: 120px;}
#admissions_landing .whysiena_col:hover svg *{ fill: #3f3f3f !important;}

.whysiena_col h4, .whysiena_col a{ font-size: 24px; line-height: 138%; text-decoration: none; font-family: 'Sedgwick Ave', cursive; color: #000; text-align: center; font-weight: normal;}

.whysiena_learn{ text-align: right; margin-left: 3em; width: calc(20% - 3em);}
.whysiena_learn a.calendar_btn{ background: none; color: #000; border-color: #000; width: 100%;}
.whysiena_learn a.calendar_btn:hover{ background: #b22534; border-color: #b22534; color: #fff;}

.admissions_process{ position: relative; background-color: #b22534; background-image: url(custom/images/admissions_process_bg.jpg); background-size: cover; background-repeat: no-repeat; padding-bottom: 5em;}
.process_tear{ display: block; width: 100%; margin: 0 auto; background-image: url(custom/images/admissions_proccess_bg.png); background-position: top; background-size: cover; background-repeat: no-repeat; height: 100px;}
.process_tear img{ width: 100%; height: auto; display: block;}

.admissions_process .bg_text{ color: #b5323f; top: 20px; right: -2em; width: 100%;}

.admissions_process h2.admissions_section_title{ color: #fff;}

.process_grid{ position: relative; display: flex; flex-flow: wrap; max-width: 70%; margin: 2em auto 0;}
.process_item{ margin: 0 2em 4em; width: calc( 33.3333333% - 4em); background: #f9f9f9; border: thin solid #f9f9f9; box-sizing: border-box; box-shadow: 0px 10px 10px rgba(0,0,0,0.12); position: relative; padding: 20px;}

.process_item a{ text-decoration: none;}

.process_item .process_icon{ position: relative; margin-bottom: 3em; z-index: 1;}
#admissions_landing .process_item svg, #admissions_landing .process_item svg *{ fill: #b22534 !important;}

.proccess_num{ position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 0; background-repeat: no-repeat; background-position: right top; background-size: 60%;}

.process_item h3{ text-decoration: none; font-size: 48px; line-height: 115%; color: #000; position: relative; z-index: 1; text-transform: none; }
.process_item p{ display: none; position: relative; z-index: 1;}

.process_item:hover{ background: #3f3f3f; transform: scale(1.15);}

#admissions_landing .process_item:hover svg, #admissions_landing .process_item:hover svg *{ fill: #fff !important;}
#admissions_landing .process_item:hover svg{ width: 70px; height: 70px;}
.process_item:hover .proccess_num{ opacity: 0.05;}
.process_item:hover h3{ color: #fff; position: absolute; top: 20px; right: 20px; font-size: 32px;}
.process_item:hover p{ color: #fff; display: block;}

.testimonials{ position: relative; padding: 5em 0;}
.testimonials .admissions_section_title{ color: #000;}

.testimonials .bg_text{ color: #e5e5e5; top: 0.5em; left: 0px;}

.testimonials_slider_container{ margin-top: 8em; display: flex; justify-content: space-between; position: relative;}

.testimonials_slider{ width: 90%;}

.testimonials_slider .slick-dots{ position: absolute; right: 0px; bottom: 0px; list-style: none; padding: 0; margin: 0 25px;}
.testimonials_slider .slick-dots button{ background: none; border: none; font-size: 0px; width: 25px; height: 25px; border-radius: 50%; background: #d2d2d2; box-shadow: inset 0 0 10px rgba(0,0,0,0.15);}
.testimonials_slider .slick-dots button:hover, .testimonials_slider .slick-dots li.slick-active button{ background: #b22534; box-shadow: 0 0 0 0; cursor: pointer;}

.img_pager_container{ width: 10%; position: absolute; right: 0; height: 100%;}
.img_pager{ width: 100%; position: absolute; right: 0; height: 100%; opacity: 0.5;}
.pager_bg{ position: absolute; width: 100%; height: 100%; top: 0px; right: 0; background-size: cover; background-repeat: no-repeat; background-position: left;}

.testimonials_slider_container *:focus{ outline: none !important;}

.testimonial_item{ position: relative; display: flex !important; align-items: center; justify-content: space-between;}
.testimonial_img{ padding-right: 150px; position: relative; z-index: 1;}
.testimonial_img img{ position: relative; z-index: 1;}
.testimonial_img::after{ content: ""; position: absolute; bottom: 0; right: 0; height: calc( 18% + 4px); background: #f9f9f9; width: 100%; z-index: 0;}
.testimonial_text{ position: absolute; right: 50px; bottom: 18%; transform: translateY(50%); width: calc(50% - 50px); box-shadow: 5px 5px 10px rgba(0,0,0,0.6); position: absolute; z-index: 2; background-color: #fffefe; padding: 25px; text-align: left; color: #000000; background-image: url(custom/images/story1_bg.png); background-position: bottom right; background-repeat: no-repeat; text-align: right; z-index: 1;}
.testimonial_text h3{ font-size: 25px; line-height: 125%; color: #b22534; font-family: 'Sedgwick Ave', cursive; text-align: left; text-transform: none;}

.testimonial_line{ height: 2px; background: #000; position: absolute; bottom: 18%; z-index: 0; width: 100%; left: 0;}

.testimonial_item.slick-active > .testimonial_item{ transform: translateX(-100px);}

.img_pager_container .slick-prev{ display: none !important;}
.img_next{ position: absolute; width: 100%; height: 100%; z-index: 2; font-size: 0px;}
.img_pager_container:hover{ cursor: pointer; }

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

@media only screen and ( min-width: 767px){
	#cta_buttons div:hover{ background-image: url(custom/images/sticky_cta_hover.png); background-size: cover; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; right: 0px;}
	#cta_buttons div:hover a span{ display: inline-block;}	
	
	.cta-item:hover .bg-overlay{ opacity: 0.88; background-color: rgb(178,37,52);}
	.cta-item:hover .cta-content h3{ font-size: 36px;}
	.cta-item:hover .cta-content p{ font-size: 16px;}
	.cta-item:hover .cta-button{ display: inline-block;}
}

@media only screen and ( max-width: 1400px){
	/* admissions landing page */
	#admissions_landing{ font-size: 13px;}
	
	.whysiena_col h4, .whysiena_col a{ font-size: 18px;}
	
	.process_item h3{ font-size: 36px;}
	
	.testimonial_text h3{ font-size: 24px;}
	
	.process_item:hover h3{ font-size: 26px;}
}

@media only screen and ( max-width: 1200px){
	.text-slideshow{ width: 85%;}
	.text-slideshow h2{ font-size: 18px;}
	.text-slideshow h3{font-size: 32px;}
	.text-slideshow a{ font-size: 16px;}
	
	.story-card{ max-width: 50%; left: 0;}
	.story-card.even{ right: 0px}
	.story-card h3{ font-size: 24px;}
	.story-card .story-text{ line-height: 150%;}
	
	.parallax-element.cog2, .featured-stories.visible .parallax-element.cog2{left: 30%;}
	.parallax-element.cog3{left: 43%;}
	
	.calendar-section .calendar-column{ width: 40%;}
	
	.social-tagline{ width: 25%;}
	.social-feeds{ width: calc(75% - 60px);}
	.social-post{ margin-top: 5px;}
	
	.contact-content .address-line,.footer-cta-item a{ font-size: 13px;}
	.footer_logo{ padding-right: 30px;}
	.contact-info{ padding-left: 35px;}
	.footer-right .footer-cta .footer-cta-item{ padding: 5px 10px;}
	
	/* Landing Page Styles */
	.icon_grid_item{ width: calc(25% - 50px); padding: 30px 25px;}
	.icon_grid_item img{ padding-top: 30px;}
	.academics_cta_text_container{ width: calc( 80% - 30px);}
	
	.banner_hero_text{ bottom: 15px;}
	
	/* arts landing page */
	.art_statement p{ max-width: 75%;}
	
	/*admission landing page */
	.admissions_top_left{ width: 75;}
	.admissions_top_right{ width: 25%;}
	
	.admissions_anchor_links ul li a{ font-size: 18px;}
	
	.whysiena_col h4, .whysiena_col a{}
	
	.process_item h3{ font-size: 28px;}
	
	.process_grid{ max-width: 100%;}
	
	.testimonial_text h3{ 18px;}
}

@media only screen and ( max-width: 1024px){
	.text-slideshow{ width: 100%;}
	
	.social-section{ flex-flow: wrap; height: auto !important;}
	.social-tagline{ width: 100%; height: auto !important; padding: 20px;}
	.social-feeds{ width: 100%; display: block; float: left; width: calc(100% - 60px); margin: 0 auto;}
	.social-feed{ width: calc(100% - 20px); margin: 30px 10px; float: left;}
	.social-feed.instagram{ width: calc(100% - 20px);}
	.social-left-text{ padding: 0px;}
	
	.social-post{ width: 100%; float: left;}
	
	.cta-content h3{ font-size: 24px; letter-spacing: -1px; padding: 10px 15px;}
	.cta-content p{ padding: 0 15px;}
	.cta-item:hover .cta-content h3{ font-size: 28px;}
	
	.contact-content .address-line,.footer-cta-item a{ font-size: 12px;}
	.footer_logo{ padding-right: 20px;}
	.contact-info{ padding-left: 25px;}
	
	#banner h1{ font-size: 32px;}
	
	/* arts landing page */
	#arts_landing .academics_cta_item{ margin-left: 20px; width: calc(33.333333% - 40px);}
	.art_statement p{ max-width: 100%;}
	
	/*admissions landing page */
	.admissions_section_content{ flex-flow: wrap;}
	.admissions_top_left{ width: 100%; margin-right: 0; order: 2;}
	.admissions_top_right{ width: 100%; order: 1; margin-bottom: 3em;}
	
	.admissions_statement p{ margin: 1.5em 0;}
	
	.whysiena_content{ flex-flow:wrap;}
	.why_siena_icons{ width: 100%;}
	.whysiena_learn{ width: 100%; margin-left: 0; margin-top: 2em; text-align: center;}
	.whysiena_learn a.calendar_btn{ max-width: 300px; margin: 0 auto;}
	
	.process_item h3{ font-size: 24px;}
	
	.testimonial_text{ transform: none; bottom: 25px;}
    .text-slideshow {bottom: 0!important;}
}

@media only screen and ( max-width: 980px){
	.slider_nav{ display: none;}
}

@media only screen and ( max-width: 960px){
	#top-bar{ position: fixed; bottom: 0px; box-shadow: 0px -4px 4px rgba(0,0,0,0.4);}
	#top-bar .wrapper{ max-width: 95%;}
	.tagline{ display: none;}
	#top-bar .right{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
	#top-bar .right .utility-icons li:hover span, #top-bar .right .utility-icons li span{ display: none;}
	#top-bar .right .utility-icons{ width: 100%; text-align: right; display: flex; justify-content: space-between;}
	
	header .wrapper, .homepage header .wrapper{ max-width: 95%;}
	
	.text-slideshow{ position: relative; bottom: auto; background: #b22534; padding: 15px 0px; bottom: -360px;}
	.text-slideshow h2{ font-size: 16px;}
	.text-slideshow h3{font-size: 24px;}
	.text-slideshow a{ font-size: 14px;}
	#hero_slideshow .slides {height: 500px;}
	#hero_slideshow a {margin-top: 0;}
	
	#cta_buttons{ top: 15vh;}
	
	.cta-content img{ max-width: 50px;}
	.cta-button{ margin-top: 10px;}
	
	.featured-stories{ padding: 80px 0px;}
	
	footer .wrapper.flex{ flex-flow: wrap;}
	.footer-left, .footer-right{ width: 100%;  flex-flow: wrap;}
	.footer_logo{ border-right: none; padding: 0px; width: 100%; max-width: 217px; margin: 0 auto;}
	.contact-info{ padding-left: 0px; width: 100%; padding: 20px 0px;}
	.contact-content,.footer-right .social,.footer-right .footer-cta,.acreditation{ text-align: center;}
	.footer-right .social,.footer-right .footer-cta,.acreditation{ padding: 10px 0px;}
	.contact-content .address-line,.footer-cta-item a{ font-size: 16px;}
	
	/* blockquote::before{ height: 40%; background-size: auto 60%;} */
	
	#banner h1{ width: calc(95% - 60px); margin-left: 15px; }
	
	#search-overlay input.search-field{ font-size: 24px;}
	
	/* Landing Page Styles */
	.academics_cta_text_container{ width: calc(100% - 30px); position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px;}
	.academics_cta_item img{ width: 100%;}
	
	/* admissions landing page */
	.whysiena_col{ margin: 1em; width: calc(33.33333% - 2em);}
	
}

@media only screen and ( max-width: 900px){
	#admissions_landing .process_item:hover svg{ width: 50px; height: 50px;}
	.process_item:hover h3{ font-size: 26px;}
}

@media only screen and ( max-width: 767px){
	header.sticky{ position: relative;}
	.sticky .bottom-bar{ background: rgb(178,37,52);}
	
	#cta_buttons div.active{ background-image: url(custom/images/sticky_cta_hover.png); background-size: cover; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; right: 0px;}
	#cta_buttons div.active a span{ display: inline-block;}	
	
	.story-img{ float: none !important; width: 100%;}
	.story-card{ max-width: 100%; position: relative; margin-top: 0px !important; top: auto; left: auto !important; right: auto !important; width: calc(100% - 50px);}
	
	.calendar-section .wrapper{ flex-flow: wrap;}
	.calendar-section .calendar-column{ width: 100%;}
	.calendar-section .calendar-column:first-child{ margin-bottom: 60px;}
	.calendar-section .calendar-column h2{ text-align: center;}
	.event-item .event-content{ width: calc(80% - 30px); padding: 15px 15px 15px 15px;}
	.calendar-section .calendar-column h3{ padding-right: 0;}
	
	.tabs-section{ text-align: center;}
	.tabs_container a{ font-size: 14px;}
	.tabs_container a:first-child, .tabs_container a:nth-child(2){ margin-bottom: 20px;}
	.tabs-section h2{ font-size: 45px; letter-spacing: -3px; text-align: center; margin: 15px 0px;}
	.tabs_content_container .tab_content{ margin-right: 0; flex-flow:wrap;}
	.tab-item{ width: 45%; margin-bottom: 30px;}
	.tabs-section .wrapper{ float: left; max-width: calc(100% - 60px);}
	
	.tabs-section{ padding-bottom: 40px;}
	
	.cta-item.active .bg-overlay{ opacity: 0.88; background-color: rgb(178,37,52);}
	.cta-item .cta-content h3{ font-size: 36px;}
	.cta-item .cta-content p{ font-size: 16px;}
	.cta-item.active .cta-button{ display: inline-block;}
	.cta-item.active .bg-overlay{ opacity: 0.88; background-color: rgb(178,37,52);}
	.cta-item.active .cta-button{ display: inline-block;}
	
	.middle_column.with_right{ width: 100%; margin-right: 0px;}
	.right_column{ width: 100%;}
	#inside_nav, .toolhead.insidemenu{ display: none;}
	
	#banner h1{ font-size: 26px; margin-left: 15px; }
	#banner.no_banner h1{ top: auto; bottom: 35%;}
	
	/* Landing Page Styles */
	.icon_grid_item{ width: calc(50% - 30px); padding: 20px 15px;}
	.icon_grid_item img{ padding-top: 20px;}
	
	.academics_story .story-container, .academics_story .story-img{ width: 100%;}
	.academics_story .story-card{ width: calc(100% - 50px);}
	
	.banner_hero_text{ bottom: 10px;}
	
	/*** admissions landing page **/
	.admissions_anchor_links ul{ flex-flow: wrap;}
	.admissions_anchor_links ul li{ width: 50%; margin-right: 0; margin-bottom: 1.5em; text-align: center;}
	
	.process_item{ width: calc(50% - 50px); margin: 0 25px 25px;}
	
	.testimonials_slider_container{}
	.testimonials_slider{ width: 100%;}
	.img_pager_container{ display: none !important;}
	.testimonials_slider .slick-dots{ position: relative; width: 100%; margin: 25px auto; text-align: center; display: flex; justify-content: center;}
	.testimonials_slider .slick-dots li button{ margin: 0 10px;}
	.testimonial_img{ padding-right: 0px; padding-bottom: 25px;}
	.testimonial_text{ right: 0px; position: relative; bottom: auto; top: auto; width: calc( 100% - 50px); margin-top: 15px;}
	
	/** Home - Campuses CTA Section - added on 8-20-21 by WA **/
	h2.campuses_cta{ font-size: 40px; color: #000000;}
	h3.campuses_cta{ font-size: 18px;}
	.campuses_cta_buttons{ flex-direction: column; justify-content: center;}
	.campuses_cta_buttons a.more_button{ font-size: 18px; margin: 1rem 0;}
}

@media only screen and ( max-width: 640px){
	/* .tab-item{ width: 95%;} */
	.tab-item h3{ font-size: 21px;}
	.tab-item p{ font-size: 14px;}
	
	.cta_container{ flex-flow: wrap;}
	.cta-item{ width: 100%;}
	
	.graduates-section .wrapper:nth-child(2){ max-width: 95%;}
	.graduates-section .slick-slide{ margin: 0 20px;}
	
	blockquote{ padding-left: 30px; width: calc(100% - 60px);}
	blockquote .blockquote-image{ width: 100%; position: relative; transform: translateY(0);}
	blockquote::after{ width: 100%;}
	
	.footer-right .footer-cta .footer-cta-item{ border-left: none; display: block;}
	
	#cta_buttons{ display: none !important;}
	.homepage .wrapper{ width: 95%; max-width: 95%;}
	.tabs-section .wrapper{ float: none;}
	.social-feeds{ float: none; padding-right: 0px; margin: 0 auot; width: 95%;}
	.social-feed{ float: none; width: 100%; margin: 15px 0px; display: inline-block; }
	.grad-slider-container{ margin: 10px auto;}
	
	/* mobile top bar with toggleMenu and cta links */
	#mobile_nav{ display: block; width: 100%; position: fixed; background: #b22534; box-shadow: 0px 4px 4px rgba(0,0,0,0.4); z-index:9998;}
	#mobile_nav .wrapper{ display: flex; justify-content: space-between; align-items: center; height: 45px;}
	
	.mobile-cta{ display: flex; justify-content: space-between; align-items: center;}
	.mobile-cta-item{ padding-left: 20px;}
	.mobile-cta-item:first-child{ padding-left: 0px;}
	.mobile-cta-item a{ color: #fff; font-size: 13px; letter-spacing: -0.4px; text-decoration: none;}
	.mobile-cta-item a i{ font-size: 14px; color: #fff; padding-right: 3px; vertical-align: middle;}
	.mobile-cta-item a img{ padding-right: 3px; vertical-align: middle;}
	
	.hero-video-bar, header{ padding-top: 45px;}
	
	#logo{ max-width: 125px;}
	
	#banner h1{ bottom: 15px;}
	
	h1, h2, h3, h4, h5, h6{ line-height: 125%;}
	blockquote{ padding-top: 10px; padding-bottom: 10px;}
	
	.inside #main_container{ padding: 20px 0px;}
	
	.text-slideshow h2{ margin-bottom: 10px;}
	.text-slideshow a{ margin-top: 10px;}
	.text-slideshow a .underline{ margin-top: 5px;}
	
	h2.stats_desktop_title{ display: none;}
	h2.stats_mobile_title{ display: block;}
	.tabs_container{display: flex; justify-content: space-between; align-items: flex-start;}
	.tabs_container a{ font-size: 12px; padding: 5px 0px; margin: 0px 0px 10px 0px;}
	
	.footer-left, .footer-right{ padding: 0px;}
	
	/* Landing Page Styles */
	.banner_hero_text{ bottom: 10px;}
	
	.academics_ctas_container{ flex-flow: wrap;}
	.academics_cta_item{ width: 100%; margin-left: 0px; margin-bottom: 25px;}
	.academics_cta_text_container{ position: absolute; top: auto; bottom: 50px;}
	
	/** arts landing page */
	#arts_landing .academics_cta_item{ margin-left: 0px; width: 100%;}
	
	/* admissions landing page */
	.whysiena_col{width: calc(50% - 2em);}
	
	.process_item{ width: calc(100% - 50px); margin: 0 25px 25px;}
	
	#admissions_landing .process_item:hover svg{ width: 70px; height: 70px;}
	.process_item:hover h3{ font-size: 36px;}
	
}

@media only screen and ( max-width: 400px){
	#banner h1{ font-size: 22px;}
	
	/*admissions landing page **/
	#admissions_landing .quicklinks_header{ font-size: 2em;}
	.admissions_statement h2{ font-size: 3.5em;}
	
	h2.admissions_section_title{ text-align: center;}
	
	.admissions_anchor_links ul li{ width: 100%;}
	.admissions_anchor_links{ margin-top: 25px; margin-bottom: 25px;}
	
	.whysiena_col{width: calc(100% - 2em);}
	
	.bg_text{ font-size: 8em;}
	
	.process_item:hover h3{ font-size: 26px;}
}