/*----------------------------------------------------------
MECA's Main Stylesheet

Please keep the organization the same throughout this file
-----------------------------------------------------------*/

* { margin: 0; padding: 0; font-family: proxima-nova, sans-serif; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; }
body { font-weight: 300; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #747474; }
h2 { font-size: 36px; }
h4 { font-weight: 400; color: #303038; }
strong, b { font-weight: 600; color: #303038; }
main, article { width: 70.8334%; float: right; margin-bottom: 40px; }
aside { width: 29.1666%; float: left; }
iframe { margin: 15px 0; border: none; }
a { outline: none; color: #e24725; }
::-webkit-input-placeholder { color: #e24928; }
:-moz-placeholder { color: #e24928; }
::-moz-placeholder { color: #e24928; }
:-ms-input-placeholder { color: #e24928; }
table { border-spacing: 0; width: 100%; margin-bottom: 10px; }
table tbody tr:nth-child(2n) { background-color: #dbdbdb; }
table tbody tr td { padding: 1px 12px 0; }
table tbody tr th { text-align: left; padding: 0 0 0 12px; }
ul, ol { font-size: 17px; }
body #wpadminbar { position: fixed; }

#wrapper { position: relative; overflow: hidden; }
.container { width: 1200px; margin: 0 auto; }
.clear-float { clear: both; overflow: hidden; height: 0px; }
.left { float: left; }
.right { float: right; }
.overlay { height: 100%; width: 100%; box-sizing: border-box; }
.hide-opacity { opacity: 0 !important; filter: alpha(opacity=0); }
.hide { display: none; }
.full-width { width: 100% !important; }
.half { width: 50%; float: left; }
table.credit-list tbody tr td { width: 20% !important; line-height: 1; }
table.credit-list tbody tr td:first-child { width: 80% !important; }

.notransition { -webkit-transition: none !important; transition: none !important; }
.arrow-next { display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 40px; top: 50%; width: 60px; height: 60px; box-sizing: border-box; z-index: 1337; color: #fff; border-radius: 2px; font-size: 30px; padding: 0 0 0 16px; cursor: pointer;margin-top: -30px; }
.arrow-prev { display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 40px; top: 50%; width: 60px; height: 60px; box-sizing: border-box; z-index: 1337; color: #fff; border-radius: 2px; font-size: 30px; padding: 0 16px 0 0; cursor: pointer;margin-top: -30px; }
.arrow-prev svg, .arrow-next svg { height: 80px; }
.arrow-prev svg { float: left; }
.arrow-next svg { float: right; }
.active { z-index: 99; }
div#preloaded-images {position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }
.noscroll {overflow: hidden;}
.searchbox { font-size: 15px; width: 100%; border-radius: 5px; padding: 12px 4px; box-sizing: border-box; box-shadow: none; border: solid 1px #dbdbdc; padding-left: 36px; }
.searchbox:before {content: ""; background: url(/wp-content/themes/meca/assets/font/svg/icon_search2.svg); width: 20px; height: 20px; }
.searchbox:focus { outline: none; }
.searchbox + svg { width: 16px; position: absolute; top: 0px; left: 12px; height: 21px; }
.searchbox:focus + svg { color: #e24725; }
.full_overlay { position: fixed;background: rgba(255,255,255,.98);top: 0; z-index: 99999999999; }
.full_overlay img { position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }
.divider { margin: 30px 0; background: #d1d1d1; height: 1px; overflow: hidden; font-size: 0px; }
.max-100 { max-width: 100%; height: auto; }
#sidebar-indicator { height: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
a[title="orange-link"] { color: #e24725 !important; padding: 20px 0 15px !important; font-weight: 600 !important; text-transform: uppercase !important; }

.logged-in .header { top: 32px; }
.logged-in .story-popup { padding-top: 32px; box-sizing: border-box; }

/*----  temp  ----*/

.ui-loader { display: none; }

.find-programs .form .select-container .custom-select ul li:hover:after { width: 100%; }
.find-programs .form .select-container .custom-select ul li:after { height: 2px; display: block; position: absolute; border-bottom: #cb4123 1px dotted; content: " "; width: 0px; left: 60px; margin-right: 200px; }
.find-programs .form .select-container .custom-select ul li:after { -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s; }
.find-programs .form .select-container .custom-select ul li { margin-right: 20px; overflow: hidden; position: relative; }

/*----  content  ----*/

.content { color: #303038; }
.content img { max-width: 100%; height: auto; }
.content h1 { color: #e24725; font-size: 38px; margin-bottom: 18px; line-height: 1.3; }
.content h2 { font-weight: 300; font-size: 36px; color: #8a8a8c; margin-bottom: 20px; }
.content h3 { padding-bottom: 12px; font-size: 24px; color: #e24725; padding-top: 7px; }
.content h3:empty {display: none;}
.content h4 { padding-bottom: 12px; font-size: 19px; }
.content { font-size: 19px; line-height: 1.6; }
.content p { margin-bottom: 22px; font-size: 19px; line-height: 1.6;  }
.content p:last-child {margin-bottom: 0; }
.content p.wp-caption-text {font-size: 14px; margin-bottom: 15px;}
.content .intro { font-size: 21px; font-weight: 400; }
.content .sub-title { padding-bottom: 20px; }
.content .sub-title:empty {display: none;}
.content .sub-title p { margin-bottom: 0; font-size: 34px; font-weight: 300; color: #8A8A8C; line-height: 1.2; }
.content.container { padding-bottom: 70px; }
.content ul, 
.content ol { padding: 0 0 15px 47px; line-height: 1.5; font-size: 17px; }
.content blockquote { margin-left: 0px; border-left: 3px solid rgb(226, 73, 40); padding-left: 15px; }
.content .visual-blocks { margin: 40px 0 20px; }

/*----  wordpress specific  ----*/

.alignleft { float: left; padding-right: 23px; }
.alignright { text-align: right;}
.aligncenter { text-align: center;}

/*----  common classes  ----*/

.pdf { padding-left: 33px; background: url('../img/pdf-icon.png') left center no-repeat; line-height: 22px; }
.pdf a { color: #e24725; text-decoration: none; }

.orange-link { font-size: 18px; color: #e24725; font-weight: 600; text-decoration: none; line-height: 1; display: inline-block; position: relative; padding-right: 18px; }
.orange-link:after { content: "5"; font-family: 'icomoon'; position: absolute; right: 0; bottom: 0px; }
.orange-link:before { content: ""; height: 2px; width: 0%; bottom: -5px; left: 0; background: #e24725; position: absolute; }
.orange-link:hover:before { width: 95%; }

.fill-up-link { letter-spacing: .5px; display: inline-block; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 18px; padding: 12px 20px; border: 2px solid #ffd602; overflow: hidden; position: relative; font-weight: 300; }
.fill-up-link:after { z-index: 0; content: ''; height: 0px; position: absolute; bottom: 0; left: 0; right: 0; background: #ffd602; }
.fill-up-link:hover { color: #000; }
.fill-up-link span { z-index: 2; position: relative; display: block; text-align: center; }
.fill-up-link:hover:after, #people_search a.active:after { height: 100%; }

.fill-up-link.white { color: #e24725; cursor: pointer; border-color: #dbdbdc; }
.fill-up-link.white:after { background: #e24725; }
.fill-up-link.white:hover, #people_search a.active { border-color: #e24725; }
.fill-up-link.white:hover span, #people_search a.active { color: white; }

.breadcrumbs { width: 100%; color: #e24725; font-size: 12px; padding: 14px 0; font-weight: 600; margin-bottom: 14px; }
.breadcrumbs span, .breadcrumbs i { color: #8a8a8c; padding: 0 2px; }
.breadcrumbs a { color: #e24725; text-decoration: none; }
.breadcrumbs a:hover { color: #747474; }

.ajax-load-more { cursor: pointer; background: rgb(218, 218, 218) none repeat scroll 0% 0%; padding: 15px 19px; margin: 0px auto 40px; display: block; width: 80px; text-align: center; color: rgb(226, 71, 37); font-weight: 600; }
.ajax-load-more:hover { opacity: .85; filter: alpha(opacity=85); }


/*----  header  ----*/

.header { position: fixed; background: rgba(235, 235, 235, .95); top: 0; left: 0; right: 0; z-index: 9999; }
.header .logo { float: left; padding-top: 7px; }
.header .logo img { max-width: 160px; }
.header .logo .retina { display: none; }
.header nav { float: right; letter-spacing: .5px; height: 70px; }
.header nav .search { float: right; color: #5c5d61; padding: 27px 25px 23px; position: relative; cursor: pointer; }
.header nav .search i { font-size: 16px; cursor: pointer; }
.no-touch .header nav .search:hover, .header nav .search.active { background: #e24725; border-color: transparent; color: #fff; }
.header nav .search.active .search-dropdown { /*display: block;*/ }
/* .header nav .search:hover .search-dropdown { display: block; } */
.header nav .search .search-dropdown { display: none; position: absolute; right: 0; top: 70px; background: #F6F6F6; padding: 20px; width: 310px; }
.header nav .search .search-dropdown span { position: relative; display: inline-block; width: 100%; }
.header nav .search .search-dropdown svg { width: 17px; position: absolute; top: 5px; left: 12px; }
.header nav .search .search-dropdown ul { list-style: none; width: 100%; display: block; }
.header nav .search .search-dropdown ul li { width: 50%; float: left; box-sizing: border-box; font-size: 14px; line-height: 24px; font-weight: 300; color: #808080; }
.header nav .search .search-dropdown ul li a { text-decoration: none; color: #666; }
.header nav .search .search-dropdown > span:nth-child(2) { display: block; margin-bottom: 12px; padding: 20px 0 4px; text-transform: uppercase; font-weight: 300; font-size: 14px; color: #4E4E4E; border-bottom: 1px solid #dbdbdc; }
.header nav .info-for { border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; float: right; color: #e24725; font-weight: 600; text-transform: uppercase; padding: 25px; position: relative; cursor: pointer; }
.header nav .info-for p { font-size: 16px; cursor: pointer; }
.header nav .info-for .nav-dropdown { display: none; position: absolute; top: 70px; background: rgb(246, 246, 246); left: -1px; width: 150%;  }
.header nav .info-for .nav-dropdown ul { list-style: none; }
.header nav .info-for .nav-dropdown ul li { }
.header nav .info-for .nav-dropdown ul li a { color: #333; text-transform: none; text-decoration: none; font-weight: 400; padding: 13px 10px 13px 20px; display: block; border-bottom: 1px solid rgb(226, 226, 226); }
.header nav .info-for .nav-dropdown ul li:last-child a { border: none; }
.header nav .info-for .nav-dropdown ul li a:hover { background: #CECECE; }
.header nav .info-for:hover { background: #e24725; border-color: transparent; color: #fff; }
/* .header nav .info-for:hover .nav-dropdown { display: block; } */
.header nav .main-nav { float: right; list-style: none; }
.header nav .main-nav li { display: block; float: left; }
/*.header nav .main-nav li:hover a { background: #f6f6f6; }*/
.header nav .main-nav li a { display: inline-block; background: transparent; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #5c5d61; text-decoration: none; padding: 25px 18px; /* bridge to sub nav */ position: relative; -webkit-transition: .35s ease all; transition: .35s ease all; }
.header nav .main-nav li a[title="no-parents"] { display: none !important; }
#mobile-menu ul li:first-child a[title="no-parents"] { display: block !important; opacity: 0; filter: alpha(opacity=0); height: 18px; padding: 0 !important; }
.header nav .main-nav li a[title="no-opacity"], .header nav .main-nav li a[title="continue-column"] { opacity: 0 !important; filter: alpha(opacity=0); }
.header nav .main-nav li:last-child a { margin-right: 20px; }
.header nav .main-nav > li.menu-item-has-children > a:after { content: ''; width: 0; height: 0; border: 13px solid transparent; border-bottom: 13px solid #F6F6F6; position: absolute; bottom: 2px; left: 38%; display: block; opacity: 0; filter: alpha(opacity=0); }
.header nav .main-nav li .nav-dropdown { position: absolute; top: 70px; left: 0; right: 0; padding: 35px 0; background: #F6F6F6; display: none; }
.header nav .main-nav li .nav-dropdown li { width: 18.75%; float: left; box-sizing: border-box; padding-right: 20px; }
.header nav .main-nav li .nav-dropdown ul li a { color: #e24725; padding: 0 0 20px 0; display: inline-block; position: relative; }
.header nav .main-nav li .nav-dropdown ul li a:not(.empty-link):before { content: ""; height: 1px; width: 0%; bottom: 20px; left: 0; background: #e24725; position: absolute; }
.header nav .main-nav li .nav-dropdown ul li a.empty-link { cursor: default !important; }
.header nav .main-nav li .nav-dropdown ul li a:hover:before { width: 100%; }
.header nav .main-nav li .nav-dropdown ul li ul li { width: 100%; float: none; }
.header nav .main-nav li .nav-dropdown ul li ul li a { padding-bottom: 8px; color: #2f2f2f; font-weight: 400; text-transform: none; font-size: 16px; line-height: 1; }
.header nav .main-nav li .nav-dropdown ul li ul li a:before { display: none; }
.header nav .main-nav li .nav-dropdown ul li ul li a:hover { color: #e24725; }
.header nav .main-nav li .nav-dropdown .feat-nav-item { width: 25%; float: right; position: relative; height: 190px; overflow: hidden; }
.header nav .main-nav li .nav-dropdown .feat-nav-item img { height: 100%; display: block; }
.header nav .main-nav li .nav-dropdown .feat-nav-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); padding: 20px; box-sizing: border-box; }
.header nav .main-nav li .nav-dropdown .feat-nav-item .overlay p { font-size: 26px; color: #fff; font-weight: 600; line-height: 1; text-transform: uppercase; }
.header nav .main-nav li .nav-dropdown .feat-nav-item .overlay a { border: 2px solid #e24725; display: inline-block; padding: 10px 14px; background: #e24725; color: #fff; text-transform: uppercase; font-weight: 600; margin-top: 10px; }
.header nav .main-nav li .nav-dropdown .feat-nav-item .overlay a:hover { background: rgba(226, 71, 37, 0); color: #e24725; }
.header nav .main-nav li:hover a { color: #e24725; }
/*.header nav .main-nav li:hover a:after { display: block; }*/
a[title="orange"] { color: #e24725 !important; text-transform: uppercase !important; font-weight: 600 !important; }
a[title="orange-top"] { color: #e24725 !important; text-transform: uppercase !important; font-weight: 600 !important; padding-top: 3px; }
a[title="hide"] { display: none !important; }

.header .sitewide-alert { background: #DE0808; padding: 7px 0; color: #fff; height: 35px; box-sizing: border-box; }
.header .sitewide-alert strong { color: #fff; }
.header .sitewide-alert a { color: rgba(255, 255, 255, 0.72); }
.header .sitewide-alert p { float: left; }
.header .sitewide-alert .fa-close { color: rgba(255, 255, 255, 0.72); float: right; cursor: pointer; padding-top: 1px; }
.header .sitewide-alert + .container nav .main-nav li .nav-dropdown { top: 105px; }

.mobile-nav { display: none; }
.mobile-nav .hamburg { color: #e24725; padding: 9px 0; font-size: 28px; cursor: pointer; }

#mobile-outer-wrapper { display: none; position: fixed; width: 100%; height: 100%; top: 50px; z-index: 9998; padding-bottom: 50px; }
#mobile-menu-wrapper { position: absolute; top: -500px; width: 100%; z-index: 1000; height: calc(100% - 100px); overflow-y: scroll; background: transparent; transition: .15s linear background; }
#mobile-menu-wrapper .container { padding: 0; position: relative; z-index: 101; box-sizing: content-box; height: 100%; overflow-x: hidden; }

.close-mobile-menu { position: absolute; display: none; z-index: 99; }

#mobile-menu { float: right; letter-spacing: .5px; height: 70px; width: 100%; margin-top: 35px; position: absolute; }

#mobile-menu ul { position: relative; padding: 0; float: right; list-style: none; padding: 0; width: 100%; }
#mobile-menu ul > li.active_tier  a { -webkit-transition:linear .35s all; transition:linear .35s all; }
#mobile-menu ul > li.active_tier + li { margin-top: 70px ;}
#mobile-menu ul > li.active_tier .nav-dropdown { display: none; }
#mobile-menu ul > li.active_tier a[title^="orange"] { padding: 12.5px 0; margin-left: -12px; font-weight: 500 !important; }

#mobile-menu ul .active_tier { background: #e24725; border-color: #e24725; color: #fff; }
#mobile-menu ul .active_tier > a { color: #fff; }
#mobile-menu ul .active_tier > a:before { opacity: 0 !important; filter: alpha(opacity=0) !important; }

#mobile-back { top: -35px; position: absolute; left: 0; width: 100%; height: 35px; background: #333; color: white; padding: 7px 0 7px 45px; text-align: left; font-size: 18px; font-weight: 100; text-transform: lowercase; box-sizing: border-box; cursor: pointer; }
#mobile-back:before { content: "\f053"; font-family: fontAwesome; opacity: .95; filter: alpha(opacity=95); top: -1px; padding: 0 10px 0 0; -webkit-transition: .5s ease all; transition: .5s ease all; pointer-events: none; font-size: 11px; position: relative; }

#mobile-menu ul li { display: block; float: left; -webkit-transition: background .75s linear, border-color .75s linear, color .75s linear; transition: background .75s linear, border-color .75s linear, color .75s linear; }
#mobile-menu ul li a { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #5c5d61; text-decoration: none; padding: 0 20px 27px; position: relative; -webkit-transition: .5s linear all; transition: .5s linear all; position: static; }
#mobile-menu ul li a[title="no-parents"], #mobile-menu a[title="no-opacity"], #mobile-menu a[title="continue-column"] { display: none !important; }
#mobile-menu ul li:last-child a { margin-right: 20px; }
#mobile-menu ul li .nav-dropdown { position: absolute; top: 70px; left: 0; right: 0; padding: 35px 0; background: #F6F6F6; display: none; }
#mobile-menu ul li .nav-dropdown li { width: 18.75%; float: left; box-sizing: border-box; padding-right: 20px; }
#mobile-menu ul li .nav-dropdown ul li a { color: #e24725; padding: 0 0 20px 0; display: inline-block; }
#mobile-menu ul li .nav-dropdown ul li ul li { width: 100%; float: none; }
#mobile-menu ul li .nav-dropdown ul li ul li a { padding-bottom: 8px; color: #2f2f2f; font-weight: 400; text-transform: none; font-size: 16px; line-height: 1; display: block; }
#mobile-menu ul li .nav-dropdown ul li ul li a:before { display: none; }
#mobile-menu ul li .nav-dropdown ul li ul li a:hover { color: #e24725; }
#mobile-menu ul li .nav-dropdown .feat-nav-item { width: 100%; float: right; position: relative; height: 190px; overflow: hidden; }
#mobile-menu ul li .nav-dropdown .feat-nav-item img { height: 100%; display: block; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
#mobile-menu ul li .nav-dropdown .feat-nav-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); padding: 20px; box-sizing: border-box; }
#mobile-menu ul li .nav-dropdown .feat-nav-item .overlay p { font-size: 26px; color: #fff; font-weight: 600; line-height: 1; text-transform: uppercase; }
#mobile-menu ul li .nav-dropdown .feat-nav-item .overlay a { border: 2px solid #e24725; display: inline-block; padding: 10px 14px; background: #e24725; color: #fff; text-transform: uppercase; font-weight: 600; margin-top: 10px; }
#mobile-menu ul li .nav-dropdown .feat-nav-item .overlay a:hover { background: rgba(226, 71, 37, 0); color: #e24725; }
#mobile-menu ul li .nav-dropdown .sub-menu > * { width: 100%; }
#mobile-menu ul li .nav-dropdown .sub-menu .sub-menu { display: none; padding: 0 0 25px; }
#mobile-menu ul li .nav-dropdown ul li a { padding: 0; font-size: 15px; font-weight: 400; }
#mobile-menu ul li .nav-dropdown .feat-nav-item img { width: 100%; height: auto; }
#mobile-menu ul li .nav-dropdown { padding: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#mobile-menu ul li .nav-dropdown li { padding: 0 0 0 45px; }
#mobile-menu ul li .nav-dropdown ul li ul li { padding: 8px 12px 8px; border: 0; }
#mobile-menu ul li.active_tier .nav-dropdown .container { padding: 0; }
#mobile-menu ul li { width: 100%; background-color: #f3f3f3; border-bottom: 1px solid #E8E8E8; padding: 25px 25px; position: relative; box-sizing: border-box; }
#mobile-menu ul li.menu-item-has-children > a:before { content: "\f054"; font-family: fontAwesome; opacity: .35; filter: alpha(opacity=35); position: absolute; top: 26px; right: 30px; margin: -10px -10px 0 0; padding: 10px; cursor: pointer; -webkit-transition: .5s ease all; transition: .5s ease all; pointer-events: none; }
#mobile-menu ul li.menu-item-has-children.opened > a:before { content: "\f057"; opacity: .7; filter: alpha(opacity=70); color: #2f2f2f; }
#mobile-menu ul li .nav-dropdown .container > ul > li > a { padding: 25px 0; }
#mobile-menu ul li .nav-dropdown .container > ul > li:not(.menu-item-has-children) > a { width: 100%; }
#mobile-menu ul li li.active_subitem.menu-item-has-children:before { display: none; }
#mobile-menu a[title="no-parents"] + ul, #mobile-menu a[title="no-opacity"] + ul, #mobile-menu a[title="continue-column"] + ul {display: block !important; padding: 0 !important; }
#mobile-menu a[title="no-parents"] + ul li { padding-left: 0 !important; }
#mobile-menu ul li a:after { display: none !important; }

#mobile-menu .active_tier .feat-nav-item:after {content: ""; position: absolute; width: 110%; height: 110%; top: 0; left: -5%; box-shadow: inset 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) inset; }
#mobile-menu.has_active_subitem .mobile-main-nav > li, 
.mobile-nav.has_active_subitem .info-for { -webkit-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transition: .5s ease all; transition: .5s ease all; }

#mobile-menu i.close_submenu { position: absolute; top: 26px; right: 30px; color: black; opacity: .7; filter: alpha(opacity=70); cursor: pointer; }

.browser-alert { position: absolute; top: 0; left: 0; right: 0; z-index: 999999; background: #F22; padding: 20px; font-size: 18px; }
.browser-alert a { color: #fff; }

/*----  sidebar  ----*/

aside .sidebar:not(:first-child) { margin-top: 25px; }

.new-sidebar { box-sizing: border-box; padding-right: 66px; margin-bottom: 67px; }
.new-sidebar ul { padding: 0; margin: 0 -1px; }
.new-sidebar li { list-style-type: none; }
.new-sidebar li a { color: #8a8a8c; text-decoration: none; font-size: 16px; padding: 8px 16px; display: block; }
.new-sidebar > li { border: 1px solid #d1d1d1; border-bottom: none; }
.new-sidebar li strong a { font-weight: 600; font-size: 18px; padding: 15px 16px; border-bottom: 1px solid #d1d1d1; display: block; text-decoration: none; color: #747474; }
.new-sidebar li ul li { border-bottom: 1px solid #d1d1d1; }
.new-sidebar li ul li ul { display: none; }
.new-sidebar li ul li ul li { border: none; }
.new-sidebar li ul li ul li a { padding: 0 16px 0 36px;  }
.new-sidebar li ul li ul li ul { display: none; }
.new-sidebar li ul .current_page_parent a,
.new-sidebar li ul .current_page_item a { color: #e24725; }
.new-sidebar li ul .current_page_parent ul,
.new-sidebar li ul .current_page_item ul { display: block; line-height: 1.5; padding-bottom: 16px; }
.new-sidebar li ul .current_page_parent ul li ul,
.new-sidebar li ul .current_page_item ul li ul { display: none; }
.new-sidebar li ul .current_page_parent ul li a,
.new-sidebar li ul .current_page_item ul li a { color: #8a8a8c; }
.new-sidebar li ul .current_page_parent ul .current_page_item a { color: #e24725; }
.new-sidebar li ul a:hover, .new-sidebar li ul a:hover { color: #e24725; }

.single-article .new-sidebar li ul li ul li { border: none; margin-bottom: 15px; }
.single-article .new-sidebar li ul .current_page_parent ul, 
.single-article .new-sidebar li ul .current_page_item ul { display: block; line-height: 1.5; padding-bottom: 16px; padding-top: 10px; }
.single-article .new-sidebar li ul .current_page_item ul li a { color: #8a8a8c; line-height: 1.2; }



.sidebar.link-list { box-sizing: border-box; padding-right: 66px; }
.sidebar.link-list:last-child { margin-bottom: 67px; }
.sidebar.link-list a { color: #8a8a8c; text-decoration: none; font-size: 16px; padding: 10px 16px; display: block; }
.sidebar.link-list a.active { color: #e24725; }
.sidebar.link-list div { border: 1px solid #d1d1d1; border-bottom: none; }
.sidebar.link-list div:last-child { border-bottom: 1px solid #d1d1d1; }
.sidebar.link-list div > a { font-weight: 600; }
.sidebar.link-list ul li { list-style: none; padding-left: 10px; }
.sidebar.link-list ul { padding-bottom: 15px; }
.sidebar.link-list ul li a { padding: 2px 16px; }

.sidebar.news-sidebar span { font-weight: 400; color: #e24725; text-decoration: none; font-size: 18px; padding: 10px 16px; display: block; }
.sidebar.news-sidebar ul { padding: 21px 0 13px 0; }
.sidebar.news-sidebar ul li { padding-bottom: 8px; }
.sidebar.news-sidebar .current_page_item a { color: #e24725; }
.sidebar.news-sidebar ul li a { color: #5c5d61; font-weight: 400; font-size: 16px; }

/*----  only homepage  ----*/

.homepage .news-events h2 { font-size: 40px; }

.news-events .right .upcoming-events .item:nth-child(2n+1) { clear: both; }
.news-events .right .upcoming-events .item { box-sizing: border-box; padding-right: 10px; }

.student-work .view-categories .orange-link { text-transform: capitalize; font-weight: 400; margin-right: -35%; -webkit-transition: .45s ease all; transition: .45s ease all; padding: 31px 0 0 10px; font-size: 16px; position: relative; }
.student-work .view-categories .orange-link:after { content: ""; }
.student-work .view-categories .orange-link:before { background: transparent; }
.student-work .view-categories .orange-link span { font-weight: 600; }
.student-work .view-categories { position: relative; }
.student-work .container { overflow: hidden; }
.student-work .view-categories .orange-link svg { float: right; width: 16px; margin-left: 9px; }
.student-work .view-categories .orange-link:first-child { padding-right: 30px; }
.student-work .view-categories .orange-link:first-child svg { display: none; }



/*----  only news  ----*/

.news { }
.news h1 { margin-bottom: 30px; display: inline-block; }
.news h1 + select { float: right; padding: 5px; border-radius: 4px 4px 0 0; outline: none !important; }
.news h1 a { text-decoration: none; }
.news h1 a:hover { color: #000; }
.news main { width: auto; }
.news.slider .bullets { bottom: 25px; }
.news .slider .slides .slide .box h2 { font-size: 50px; }
.news .slider .slides .slide .box p { font-size: 23px; }

/*
.news .featured .img { width: 55%; height: 345px; overflow: hidden; float: left; }
.news .featured .img img { height: 100%; }
.news .featured .text { width: 45%; box-sizing: border-box; padding: 20px 0 0 25px; float: right; }
.news .featured .text a { text-decoration: none; }
.news .featured .text h2 { color: #e24725; padding-bottom: 7px; font-weight: 400; font-size: 26px; }
.news .featured .text .meta { color: #8a8a8c; padding-bottom: 30px; }
.news .featured .text p { color: #333; line-height: 1.4; }
.news .featured .text .orange-link { padding-top: 20px; font-size: 16px; }

.news .item { margin-bottom: 50px; }
.news .item .img { width: 240px; height: 240px; overflow: hidden; float: left; margin-right: 25px; }
.news .item .img img { height: 100%; }
.news .item .text { box-sizing: border-box; padding: 20px 0 0 25px; }
.news .item .text a { text-decoration: none; }
.news .item .text h2 { color: #e24725; padding-bottom: 7px; font-weight: 400; font-size: 26px; }
.news .item .text .meta { color: #8a8a8c; padding-bottom: 30px; }
.news .item .text p { color: #333; line-height: 1.4; }
.news .item .text .orange-link { padding-top: 20px; font-size: 16px; }
*/

.news .tri .item { float: left; width: 31.6666%; margin-bottom: 40px; margin-right: 2.5%; box-sizing: border-box; }
.news .tri .item:nth-child(4n+3) { margin-right: 0; }
.news .tri .item .img { height: 215px; overflow: hidden; }
.news .tri .item .img img { display: block; width: 100%; }
.news .tri .item .text a { text-decoration: none; }
.news .tri .item .text a h2 { color: #E24725; font-size: 20px; line-height: 1.1; padding: 20px 0px 15px; text-transform: uppercase; font-weight: 600; }
.news .tri .item .text .body { padding-bottom: 25px; font-size: 15px; line-height: 1.5; }
.news .tri .item .text .cats { height: 10px; text-align: center; padding-top: 15px; color: #8F8F8F; font-size: 12px; text-transform: uppercase; font-weight: 600; }
.news .tri .item .text .cats a { color: #8F8F8F; }
.news .tri:after { content: ""; display: block; clear: both; }

.single .new-sidebar li ul .current_page_item ul li.current_page_item a { color: #E24725; }


/*---- only stories page ----*/

.stories main { width: 100%; }
.stories .slider .slides .slide .box { margin-top: 300px; }

.stories .slider .bullets { bottom: 25px; }
.stories .slider .slides .slide .box h2 { font-size: 50px; }
.stories .slider .slides .slide .box p { font-size: 23px; }

.single-stories { }
.single-stories .banner h1 { position: relative !important; bottom: 0 !important; /* responsive bugs */}
.single-stories blockquote { margin-bottom: 20px; font-style: italic; }
.single-stories blockquote .quote:before { content: '"'; }
.single-stories blockquote .quote:after { content: '"'; }


/*---- only 404 ----*/

#four-video { position: relative; }
#four-mute, #four-unmute { position: absolute; top: 20px; left: 25px; font-size: 38px; cursor: pointer; z-index: 999; padding: 20px; }
#four-mute { display: none; }


/*---- only directory ----*/

.search_results .overlay { position: absolute; background-color: rgba(255, 255, 255, 0.6); z-index: 9; display: none; }
.search_results { position: relative; }

#meca-loader { position: absolute; top: 100px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); }

#search_results_list { padding: 15px 0;}
.programs-faculty #search_results_list { padding: 0; }

#search_offices { margin-right: 10px; }

.searchbar { margin-top: 30px; margin-top: 10px; background-color: #F3F3F3; padding: 20px; border: 1px solid #E8E8E8; }
.searchbar span { position: relative; display: block; }
.searchbar span svg {width: 20px; height: 20px; position: absolute; top: 12px; left: 10px; }
.searchbar #people_search_input { width: 90%; }
.searchbar #people_search_input:focus { outline: none; }

.directory_letter { padding: 20px 0 0; border-bottom: 1px solid #747474; margin-bottom: 30px; }

/*----  common elements  ----*/

ul.image-bullets { padding-left: 60px !important; }
.image-bullets li { margin-bottom: 5px; padding-bottom: 20px; list-style: none; }
.image-bullets li img { width: 50px; height: 50px; margin-left: -60px; margin-right: 10px; vertical-align: middle; padding-bottom: 3px; border-radius: 25px; }

.gallery-blocks { margin-bottom: 20px; width: 100%; overflow: hidden; position: relative; }
.gallery-blocks .gallery-container { width: 4000%; }
.gallery-blocks .gallery-container .item { width: .9%; float: left; padding-right: 10px; box-sizing: border-box; }
.gallery-blocks .gallery-container .item img { width: 100%; display: block; }
.gallery-blocks .arrow-next { width: 32px; position: absolute; color: #fff; z-index: 3; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; top: 30px; bottom: 0; height: auto; right: 0px; border-radius: 0px; padding: 0 5px; }
.gallery-blocks .arrow-prev { width: 32px; display: none; position: absolute; color: #fff; z-index: 3; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; top: 30px; bottom: 0; height: auto; left: 0px; border-radius: 0px; padding: 0 5px; }
.gallery-blocks .arrow-prev svg,
.gallery-blocks .arrow-next svg { height: 50px; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.gallery-blocks:hover .arrow-next,
.gallery-blocks:hover .arrow-prev { opacity: 1; filter: alpha(opacity=100); }

.gallery-lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 99999; }
.gallery-lightbox .container { margin-top: 100px; max-height: 700px; }
.gallery-lightbox .item { height: 700px; width: 1200px; margin: 0 auto; position: absolute; top: 0; left: 0; } 
.gallery-lightbox .item img { width: auto; display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }
.gallery-lightbox .item .caption { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 12px 17px; background: rgba(0, 0, 0, .8); margin: 0 auto; display: none; box-sizing: border-box; }
.gallery-lightbox .arrow-prev { background: none; opacity: 1; filter: alpha(opacity=100); left: -80px; }
.gallery-lightbox .arrow-next { background: none; opacity: 1; filter: alpha(opacity=100); right: -80px; }
.gallery-lightbox .container { position: relative; height: 700px; } 

.toggle { border-bottom: 1px solid #2f2f2f; }
.toggle .title { color: #2f2f2f; cursor: pointer; padding: 15px 66px 18px 0; font-size: 18px; display: block; position: relative; color: #303038; }
.toggle .title:after { color: #EF5C38; content: "\4c"; position: absolute; right: 0; z-index: 1; top: 5px; font-family: icomoon; font-size: 30px; }
.toggle .text { padding-bottom: 20px; display: none; color: #5F5F5F; }
.toggle .text strong { font-weight: 600; }
.toggle .text .col1 { width: 49%; padding-right: 1%; float: left; }
.toggle .text .col2 { width: 49%; padding-left: 1%; float: left; }
.toggle .text ul { padding-left: 16px !important; }
.toggle.last { border-bottom: 1px solid #2f2f2f; margin-bottom: 20px; }
.toggle.active .title:after { content: "\4b"; }
:not(.toggle) + .toggle { border-top: 1px solid #2f2f2f; }
.toggle + :not(.toggle) { margin-top: 15px; }

.info-card { background: #f3f3f3; border: 1px solid #cecece; height: 180px; margin-bottom: 30px; position: relative; overflow: hidden; }
.info-card .text-left h1 { font-size: 30px; color: #e24725; margin: 0; line-height: 1; margin-bottom: 0.3em; }
.info-card .text-left h2 { font-size: 19px; margin: 0; }
.info-card .text-left h3 { font-size: 19px; line-height: 1; }
.info-card .text-left a { text-decoration: none; }
.info-card img { background: #f3f3f3; float: left; margin-right: 35px; } 
.info-card .text-left { float: left; padding-right: 40px; width: 35%; box-sizing: border-box; padding-top: 22px; }
.info-card .text-right { float: left; padding-right: 0; width: 35%; box-sizing: border-box; padding-top: 36px; }
.info-card .text-right ul { list-style-type: none; }
.info-card .text-right ul li { padding-bottom: 7px; }
.info-card .text-right ul li a { text-decoration: none; }
.info-card .text-right ul li svg { margin: 0 10px -3px 0; }

.info-card .text-left h2 { margin:0; font-size: 30px; color: #e24725; line-height: 1; margin-bottom: 0.3em; }
.info-card .text-left h2 a { color: #e24725 }
.info-card .text-left h4 { font-size: 17px; margin-top: 0px; padding-bottom: 7px; line-height: 1; }
.info-card .text-left h3 { font-size: 16px; color: #747474; font-weight: 300; padding-top: 0; }
.info-card .text-left a { text-decoration: none; color: #303038; }
.info-card .text-left h3 svg {-webkit-transform: scale(-1);-ms-transform: scale(-1);transform: scale(-1); margin-right: 10px; width: 14px; vertical-align: middle; padding-top: 2px; }
#people_search .searchbar { margin: 0; }
#people_search .searchbar a { text-decoration: none; padding-top: 6px; display: inline-block; }


.student-work { padding: 85px 0 60px; overflow: hidden; }
.student-work.shortened { padding: 0 0 50px; }
.student-work h2 { letter-spacing: .5px; font-weight: 300; color: #747474; font-size: 40px; margin-bottom: 20px; }
.homepage .student-work h2 { padding-bottom: 25px; }
.student-work .blocks { }
.student-work .blocks .item { float: left; width: 25%; height: 200px; overflow: hidden; position: relative; }
.student-work .blocks .item:nth-child(2) { width: 50%; height: 400px; }
.student-work .blocks .item:nth-child(2) .overlay span { padding-top: 140px; }
.student-work .blocks .item:nth-child(5) { margin-top: -200px; /* eliminates the need to break up the items into containers */ }
.student-work .blocks .item img { width: auto; height: 101%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.student-work .blocks .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
.student-work .blocks .item .overlay { cursor: pointer; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .6); color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.student-work .blocks .item .overlay i { padding-top: 50px; display: block; font-size: 32px; }
.student-work .blocks .item:nth-child(2) .overlay i { padding-top: 150px; }
.student-work .blocks .item .overlay h5 { color: #fff; padding: 14px 0 0; font-size: 22px; text-transform: uppercase; font-weight: 600; }
.student-work .blocks .item .overlay p { font-size: 18px; }
.student-work .blocks .item:hover .overlay  { opacity: 1; filter: alpha(opacity=100); }
.student-work .orange-link { float: right; padding-top: 30px; margin-bottom: 5px; }

.content .student-work .blocks .item { float: left; width: 33.33%; overflow: hidden; position: relative; height: auto; }
.content .student-work .blocks .item:first-child { width: 66.66%; height: auto; }
.content .student-work .blocks .item:after { content: ""; display: block; padding-top: 66.666%; position: relative; }
.content .student-work .blocks .item img { position: absolute; top: 0; left: 0; width: 101%; height: 101%; -webkit-transform: none; -ms-transform: none; transform: none; }
.content .student-work .blocks .item:hover img { top: -2%; left: -2%; width: 104%; height: 104%; }
.content .student-work.shortened .blocks .item:hover img { top: 0; left: 0; width: 101%; height: 101%; -webkit-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); transform: translate(-2%, -2%) scale(1.2); }
.content .student-work .blocks .item .overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .6); color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.content .student-work .blocks .item .overlay i { padding-top: 50px; display: block; font-size: 32px; }
.content .student-work .blocks .item:first-child .overlay i { padding-top: 26%; }
.content .student-work .blocks .item .overlay h5 { padding: 14px 0 0; font-size: 22px; text-transform: uppercase; font-weight: 600; }
.content .student-work .blocks .item .overlay p { font-size: 18px; }
.content .student-work .blocks .item:last-child { margin:0;}
.content .student-work .blocks .item:hover .overlay { opacity: 1; filter: alpha(opacity=100); }
.content .student-work .orange-link { float: right; padding-top: 30px; }

.story-popup { position: fixed; display: none; background: rgba(0, 0, 0, .6); z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; }
.story-popup .wrap { width: 1200px; margin: 100px auto; background: #fff; height: 750px; position: relative; }
.story-popup .wrap .item { position: absolute; top: 0; left: 0; width: 100%; display: none; height: 100% }
.story-popup .wrap .item .img { float: left; width: 575px; overflow: hidden; height: 100%; }
.story-popup .wrap .item .img img { height: 100%; width: auto; }
.story-popup .wrap .item .right { float: left; width: 625px; box-sizing: border-box; padding: 30px 20px 20px 30px; height: 749px; overflow-y: auto; }
.story-popup .wrap .item .right img { max-width: 95%; }
.story-popup .wrap .item .right h3 { letter-spacing: .5px; color: #747474; font-size: 36px; font-weight: 300; }
.story-popup .wrap .item .right h4 { font-weight: 400; color: #e24725; font-size: 18px; }
.story-popup .wrap .item .right .quote { padding: 25px 0 0; font-weight: 600; font-size: 20px; }
.story-popup .wrap .item .right .text { padding: 25px 0 12px; }
.story-popup .wrap .item .right .text p { padding-bottom: 16px; }
.story-popup .wrap .item .close { position: absolute; top: 0px; color: rgb(255, 255, 255); background: rgb(51, 51, 51) none repeat scroll 0% 0%; right: 0px; padding: 2px 5px 1px 5px; cursor: pointer; }
.story-popup .wrap .next { position: absolute; right: -90px; bottom: 47%; cursor: pointer; opacity: .7; filter: alpha(opacity=70); }
.story-popup .wrap .prev { position: absolute; left: -95px; bottom: 47%; cursor: pointer; opacity: .7; filter: alpha(opacity=70); }
.story-popup .wrap .fa-times { position: absolute; top: 0; right: 0; color: white; font-size: 30px; opacity: .7; filter: alpha(opacity=70); z-index: 99; padding: 7px 14px 10px 15px; cursor: pointer; background-color: #e24725; border-radius: 0 0 0 10px;}
.prev .ink.animate, .next .ink.animate { background: #333;}

.stories-slider { background: #dbdbdb; padding-top: 85px; position: relative; }
.stories-slider a { text-decoration: none; }
.stories-slider h2 { letter-spacing: .5px; font-weight: 300; color: #747474; font-size: 40px; }
.stories-slider .orange-link { margin: 18px 0 35px; }
.stories-slider ul { width: 10000px; }
.stories-slider ul li { display: block; float: left; width: 400px; height: 416px; position: relative; }
.stories-slider ul li .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.stories-slider ul li .content img { width: 100%; height: 100%; display: block; }
.stories-slider ul li .content .overlay { position: absolute; top: 0; left: 0; display: none; background: rgba(0, 0, 0, .6); }
.stories-slider ul li .content .overlay .text { position: absolute; bottom: 30px; width: 420px; box-sizing: border-box; padding: 0 30px; }
.stories-slider ul li .content .overlay .text h4 { color: #ffd602; font-size: 30px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
.stories-slider ul li .content .overlay .text h5 { color: #fff; font-size: 18px; font-weight: 300; line-height: 1.2; padding-bottom: 20px; }
.stories-slider ul li:hover .content { width: 106%; height: 106%; top: -3%; left: -3%; display: block; z-index: 2; }
.stories-slider ul li:hover .content .overlay { display: block; }
.stories-slider .arrow-next { display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 40px; top: 350px; width: 60px; height: 60px; box-sizing: border-box; z-index: 1337; color: #fff; border-radius: 2px; font-size: 30px; padding: 14px 0 0 16px; cursor: pointer; }
.stories-slider .arrow-prev { display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 40px; top: 350px; width: 60px; height: 60px; box-sizing: border-box; z-index: 1337; color: #fff; border-radius: 2px; font-size: 30px; padding: 14px 0 0 16px; cursor: pointer; }
.stories-slider ul li .content.view-more { background: #e24725; }
.stories-slider ul li .content.view-more .text { text-align: center; padding: 160px 20px 0; font-size: 36px; color: #fff; }


.slider { max-height: 820px; background-repeat: no-repeat; background-size: 100% auto; box-sizing: border-box; position: relative; z-index: 1; width: 100%; }
.slider:after {content: ""; display: block; padding: 0; padding-top: 43.18%; }
.slider .slides { width: 100%; height: 100%; }
.slide .container { padding-top: 50px; }
.slider .slides .slide { height: 100%; width: 100%; float: left; position: absolute; top: 0; left: 0;z-index: 0;overflow: hidden; }
.slider .slides .slide + .slide { left:100%; }
.slider .slides .slide img, .slider .slides .slide video { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; }
.slider .slides .slide img { -webkit-transition: 7s linear all; transition: 7s linear all; transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.slider .slides .slide .box { margin-top: 320px; background: rgba(43, 43, 43, .6); padding: 24px 27px 27px; width: 53%; position: relative; }
.slider .slides .slide .box h2 { font-size: 72px; color: #ffd602; text-transform: uppercase; line-height: 1; font-weight: 600; }
.slider .slides .slide .box p { font-size: 26px; color: #fff; padding: 10px 0 20px; }
.slider .arrow-next { display: block; opacity: .8; filter: alpha(opacity=80); position: absolute; right: 40px; top: 41%; width: auto; height: auto; box-sizing: border-box; background: none; z-index: 1337; color: #fff; border-radius: 2px; font-size: 30px; padding: 14px 0 0 16px; cursor: pointer; }
.slider .arrow-next svg { height: 100px; }
.slider .arrow-prev { display: block; opacity: .8; filter: alpha(opacity=80); position: absolute; left: 40px; top: 41%; width: auto; height: auto; box-sizing: border-box; background: none; z-index: 1337; color: #fff; border-radius: 2px; font-size: 30px; padding: 14px 0 0 16px; cursor: pointer; }
.slider .arrow-prev svg { height: 100px; margin-left: -5px; }
.slider .overlay { position: absolute; top: 0px; left: 0; background: rgba(0, 0, 0, .1); }

.news .slider, .featured-video .slider { overflow: hidden; }
.featured-video .slider img { width: 100%; height: auto; position: absolute; }
.slider .bullets  { position: absolute; left: 50%; z-index: 100; bottom: 134px; width: 600px; text-align: right; }

.image-content-blocks { border-top: 1px solid #d1d1d1; margin-top: 15px; padding-top: 15px; }
.image-content-blocks .item { padding-top: 20px; border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; margin-bottom: 15px; }
.image-content-blocks .item h3 { padding-bottom: 15px; padding-left: 15px; line-height: 1.2; float: left; width: 65%; box-sizing: border-box; }
.image-content-blocks .item img { float: left; width: 35%; margin-bottom: 20px; }
.image-content-blocks .item .column { float: left; width: 35%; width: 32.5%; float: left; box-sizing: border-box; padding-left: 15px; }

.page-blocks { margin: 15px 0; }
.page-blocks .item { height: 156px; overflow: hidden; width: 50%; padding-right: 12px; float: left; box-sizing: border-box; margin-bottom: 15px; }
.page-blocks .item:nth-child(2n) { padding: 0 0 0 12px; }
.page-blocks .item .item-container { background: #efefef; padding-right: 7px; }
.page-blocks .item .item-container .img { height: 155px; width: 155px; overflow: hidden; float: left; margin-right: 20px; }
.page-blocks .item .item-container .img img { width: 100%; min-width: 100%; }
.page-blocks .item .item-container h4 { color: #e24725; text-decoration: none; text-transform: none; font-weight: 300; padding-top: 15px; padding-bottom: 7px; font-size: 22px; line-height: 1; letter-spacing: 0; }
.page-blocks .item .item-container a { color: #8a8a8c; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: .5px; }
.page-blocks .item .item-container p { font-size: 15px; margin-bottom: 7px; }

.main-cta { background: rgba(43, 43, 43, .85); padding: 25px 0 28px; letter-spacing: .5px; bottom: 0; position: absolute; z-index: 998; width: 100%; }
.main-cta ul { list-style: none; padding: 0 20px; }
.main-cta ul li { display: block; float: left; width: 25%; padding-right: 40px; box-sizing: border-box; }
.main-cta ul li:last-child { padding-right: 0; }
.main-cta ul li a { display: inline; }
.main-cta ul li a i { float: left; color: #ffd602; font-size: 28px; padding-top: 3px; }
.main-cta ul li:nth-child(4) a i { padding-top: 0; }
.main-cta ul li a p { float: left; padding-left: 20px; color: #fff; font-weight: 300; text-transform: uppercase; font-size: 18px; padding-top: 6px; }
.main-cta ul li a svg { float: left; color: #ffd602; font-size: 28px; padding-top: 3px; }



.divider-thin { height: 1px; background: #bebebe; margin: 30px 0; overflow: hidden; font-size: 0; }

.spotlight { margin: 40px 0;overflow: hidden; }
.spotlight h2 { width: 50%; float: left; margin: 0; margin-bottom: 20px; line-height: 1; }
.spotlight ul li { list-style-type: none;display: inline-block; }
.spotlight ul.tabs { position: relative; float: right; padding: 0; margin-top: 20px; }
.spotlight ul.tabs li { display: block; float: left; line-height: 41px; font-weight: 600; padding: 1px 18px; color: #7d7d7d; cursor: pointer;-webkit-transition:.4s ease-out all;transition:.4s ease-out all; }
.spotlight ul.tabs li:hover { color: #0d718a; }
.spotlight ul.tabs li.active { color: #0d718a; }
.spotlight ul.tabs:after { -webkit-transition: .4s ease-out all; transition: .4s ease-out all;width: 0; height: 0; content: ""; border: 12px solid transparent; border-bottom: 12px solid #0d718a; right: 50%; position: absolute; margin-left: -12px; bottom:0; }
.spotlight ul.storyslides { background: #0D718A; height: 298px;width: 10000px; overflow: hidden; -webkit-transition: .4s ease-out all; transition: .4s ease-out all;position: relative;padding:0; }
.spotlight ul.storyslides li { float: left; width: 850px; -webkit-transition: .4s ease-out all; transition: .4s ease-out all;overflow: hidden; background: #0D718A; }
.spotlight ul.storyslides li img { width: 34%; float: left; }
.spotlight ul.storyslides li h3,.spotlight ul.storyslides li div,.spotlight ul.storyslides li p { width: 66%; display: block; float: right; color: #e9e9e9; padding: 0 30px; box-sizing: border-box; }
.spotlight ul.storyslides li h3 { font-size: 30px; font-weight: 100; padding-top: 20px; line-height: 1.1; } 
.spotlight ul.storyslides li div { font-size: 18px; font-style: italic; text-indent: 30px; padding-top: 16px; position: relative; line-height: 23px; font-weight: 500; }
.spotlight ul.storyslides li div:after { content: "“"; position: absolute; top: 31px; left: -2px; font-size: 60px; }
.spotlight ul.storyslides li div span { font-size: 30px; line-height: 0; }
.spotlight ul.storyslides li p { font-size: 16px; line-height: 23px; padding-top: 16px; }
.spotlight ul.storyslides p a { color: white; padding: 0 5px; }

.alum-cta { }
.alum-cta .overlay { background: url("../img/alum-cta-bg.jpg"); }
.alum-cta .content { color: #fff; height: 170px; overflow: hidden; background: rgba(226, 71, 37, .85); padding: 40px 0; box-sizing: border-box; }
.alum-cta .content .left { width: 33%; }
.alum-cta .content .left h4 { font-size: 29px; text-transform: uppercase; padding-bottom: 7px; color: #fff; font-weight: 400; line-height: 1.2; }
.alum-cta .content .left h5 { padding-top: 85px; font-size: 23px; margin-bottom: 10px; color: #fff; }
.alum-cta .content .left p { font-size: 16px; padding-bottom: 8px; }
.alum-cta .content .right { width: 60%; float: right; }
.alum-cta .content .right .item { width: 33.33%; float: left; padding: 0 0 30px 40px; box-sizing: border-box; text-align: center; }
.alum-cta .content .right .item:nth-child(3n+1):before { content: ''; height: 1px; margin-bottom: -1px; clear: both; }
.alum-cta .content .right .item div { display: inline-block; font-weight: 600; font-size: 50px; position: relative; }
.alum-cta .content .right .item p { font-size: 15px; }
.alum-cta .content .right .item div:after { content: "%"; position: absolute; right: -40px; top: 0px; font-size: 50px; font-weight: 300; color: #ffa289; } /* to keep the number centered to the text, not percent */
.alum-cta .view-more { cursor: pointer; background: #cb4123; color: #fff; font-weight: 600; padding: 5px 0 9px; text-align: center; text-transform: uppercase; font-size: 14px; height: 28px; box-sizing: border-box; overflow: hidden; }
.alum-cta .view-more .text { display: inline-block; margin: 0 auto; position: relative; }
.alum-cta .view-more .text span { display: inline-block; line-height: 21px; }
.alum-cta .view-more .text i { position: absolute; top: 3px; right: -15px; }
.alum-cta.open .content { height: 470px; }
.alum-cta.open .view-more i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.alum-cta.open .view-more .text span { margin-top: -21px; }

.banner { max-height: 700px; height: auto; overflow: hidden; position: relative; background: #4b4b4b; }
.banner.nobannerpic { max-height: 280px; }
.banner.nobannerpic h1 { padding-top: 130px; }
.banner img { position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 1; filter: alpha(opacity=100); /*transform: translate(0,-50%); top: 50%;*/ }
.banner > .container { position: absolute; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); bottom: 90px; }
.banner h1 { font-size: 50px; color: #fff; text-shadow: 2px 2px 10px #747474; position: relative; font-weight: 400; }
.banner .overlay { background: rgba(0, 0, 0, .1); position: absolute; z-index: 3; }
.banner .overlay ~ .container * { z-index: 4; }
.banner:after { content: ""; display: block; padding: 0; padding-top: 41.7014%; }

.banner.clean .overlay { background-color: #333; opacity: .35; filter: alpha(opacity=35); z-index: 1; background-color: #393939; }
.banner.clean .container { z-index: 2; position: absolute; text-align: center; width: auto; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.banner.clean .container h1 { padding: 0; }
.banner.clean .container p { color: white; padding-bottom: 8px;}
.banner.clean .container p a { color: #ffd602; text-decoration: none; font-weight: 400; }
.banner.clean .published-date { color: #fff; font-size: 14px; font-style: italic; }
.banner.nopic { max-height: 340px; }
.banner.clean.nopic .container { top: auto; max-width: 1000px; bottom: auto; position: relative; -ms-transform: none; transform: none; -webkit-transform: none; left: auto; width: 100%; margin: 0 auto; padding: 120px 0px 40px; right: auto; box-sizing: border-box; }
.banner.clean.nopic:after { display: none; }
/*
.programs .banner { max-height: 820px;overflow: hidden; background-repeat: no-repeat; background-size: 100% auto; box-sizing: border-box; position: relative; z-index: 1; }
.programs .banner .overlay { position: absolute; background-color: rgba(0,0,0,.35); z-index: 1; }
.programs .banner img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: auto; }*/


.find-programs { position: relative; background-size: cover; background-repeat: none; background-position: center; height: 290px; -webkit-transition: all .5s linear; transition: all .5s linear;}
.find-programs:after { content: " "; width: 100%; background-size: 100% auto; background-repeat: no-repeat; height: 290px; -webkit-transition: all .5s linear; transition: all .5s linear; position: absolute; top: 0; z-index: -1; }
.find-programs .overlay { background: rgba(72, 72, 72, .8); }
.find-programs h2 { text-align: center; padding: 70px 0 35px; letter-spacing: .5px; font-weight: 300; color: #fff; padding-bottom: 35px; font-size: 40px; }
.find-programs .form { padding: 0 120px; position: relative;}
.find-programs .form .select-container { width: 39.25%; padding-right: 35px; box-sizing: border-box; float: left; position: relative; }
.find-programs .form .select-container .custom-select { cursor: pointer; font-size: 18px; box-sizing: border-box; background: #fff; border-radius: 5px; padding: 13px 23px 13px 0px; width: 100%; overflow: hidden; position: absolute; z-index: 1; box-shadow: rgba(122,122,122,.15) 1px 1px 0 0;height: 50px; }
.find-programs .form .select-container .custom-select.disabled { pointer-events: none; opacity: .8; filter: alpha(opacity=80); }
.find-programs .form .select-container .custom-select.open { height: auto; }
.find-programs .form .select-container .custom-select:before { background: #e24725; display: block; content: '1'; width: 22px; height: 37px; position: absolute; left: 0; top: 0; color: #fff; padding: 14px 0 0 17px; font-size: 18px; }
.find-programs .form .select-container + .select-container .custom-select:before { content: '2'; }
.find-programs .form .select-container .custom-select:after { background: #dedddd; display: block; content: ''; width: 39px; height: 100%; position: absolute; left: 0; top: 51px; }
.find-programs .form .select-container .custom-select.disabled:before { background: #8a8a8c; }
.find-programs .form .select-container .custom-select i { font-size: 32px; position: absolute; top: 8px; right: 12px; color: #8a8a8c; }
.find-programs .form .select-container .custom-select p { padding-left: 60px; margin-bottom: 15px; }
.find-programs .form .select-container .custom-select ul { border-top: 1px solid #dedddd; padding-top: 17px; display: none; list-style: none; position: relative; }
.find-programs .form .select-container .custom-select ul li { padding-left: 60px; padding-bottom: 5px; }
.find-programs .form .select-container:nth-child(4) .custom-select {left: 416px;}
.find-programs .form .explore {  text-decoration: none; background: #e24725; color: #fff; font-size: 20px; font-weight: 600; cursor: pointer; padding: 12px 16px; position: absolute; right: 120px; text-align: center; width: 128px; box-sizing: border-box; border-radius: 5px; }
.find-programs .form .explore.disabled { background: #8a8a8c;pointer-events: none; opacity: .8; filter: alpha(opacity=80); }

.news-events { margin: 85px 0 70px; }
.news-events h2 { letter-spacing: .5px; font-weight: 300; color: #747474; padding-bottom: 35px; }
.news-events a { color: #e24725; text-decoration: none; }
.news-events h5 { line-height: 1.1; font-size: 18px; padding-bottom: 4px; font-weight: 400; }
.news-events h4 { line-height: 1.2; font-weight: 600; }
.news-events h5 a:hover { color: rgba(226, 71, 37, .7); }
.news-events p { color: #8a8a8c; }
.news-events .left { width: 75%; box-sizing: border-box; padding-right: 120px; }
.news-events .left .featured { margin-bottom: 30px; width: 65%; float: left; padding-right: 20px; box-sizing: border-box; }
.news-events .left .featured a { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
.news-events .left .featured a:after {content: ""; padding-top: 58.88621%; width: 100%; display: block; top: 0; }
.news-events .left .featured img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.news-events .left .featured:hover img { width: 104%; height: 104%; top: -2%; left: -2%; }
.news-events .left .featured h4 { font-size: 22px; position: absolute; bottom: 20px; left: 0; display: inline-block; padding: 15px 18px 40px; color: #fff; background: rgba(34, 34, 34, .9); }
.news-events .left .featured span { position: absolute; bottom: 20px; left: 0; display: inline-block; padding: 15px 18px; color: #fff;}
.news-events .left .other { float: left; box-sizing: border-box; width: 35%; }
.news-events .left .other .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c6c6c6; }
.news-events .left .other .item:nth-child(3) { border-bottom: none; }
.news-events .right { width: 25%; box-sizing: border-box; }
.news-events .right .upcoming-events { margin-bottom: 20px; }
.news-events .right .upcoming-events .item { padding-bottom: 10px; }
.news-events .right .upcoming-events .text { width: calc(100% - 84px); float: right; }
.news-events .right .upcoming-events .date { text-align: center; line-height: 1; float: left; font-size: 17px; margin-right: 20px; color: #fff; background: #8a8a8c; width: 64px; height: 64px; box-sizing: border-box; padding: 13px; font-weight: 600; text-transform: uppercase; }
.news-events .right .upcoming-events .date span {  display: block; font-size: 24px; line-height: 1; }

.instagram-feed { width: 100%; overflow: hidden; margin: 30px 0 85px; position: relative; }
.instagram-feed h3 { padding: 9px 15px; color: #fff; background: #e24725; }
.instagram-feed .posts { width: 5025px; }
.instagram-feed .posts .item { cursor: pointer; width: 335px; height: 335px; float: left; position: relative; }
.instagram-feed .posts .item img { width: 100%; }
.instagram-feed .posts .item .overlay { position: absolute; bottom: -30px; /*account for padding */ left: 0; padding: 15px; height: 0px; overflow: hidden; width: 100%; background: rgba(0, 0, 0, .8); color: #fff; }
.instagram-feed .posts .item.view-more .overlay { bottom: 0; top: 0; height: 100%; background: #125688; }
.instagram-feed .posts .item.view-more .fa { display: block; text-align: center; font-size: 50px; padding-top: 85px; }
.instagram-feed .posts .item.view-more .view-more-text { font-size: 30px; text-align: center; padding-top: 20px; text-transform: uppercase; }
.instagram-feed .posts .item.view-more .view-more-text span { color: rgb(14, 36, 62); font-weight: 600; font-size: 20px; display: block; }
.arrow-next.outside-arrows { right: -60px; opacity: 1; filter: alpha(opacity=100); }
.arrow-prev.outside-arrows { left: -60px; opacity: 1; filter: alpha(opacity=100); }
.instagram-feed-container { position: relative; }

.toggle-group { padding-bottom: 20px; }
.toggle-group .item { box-sizing: border-box; padding-right: 30px; float: left; }
.toggle-group .item.col1 { width: 100%; }
.toggle-group .item.col2 { width: 50%; }
.toggle-group .item.col3 { width: 33.333%; }

.link-group { padding-bottom: 20px; }
.link-group a { color: #fff; display: inline-block; border-radius: 4px; background: #e24725; border: 1px solid #e24725; text-decoration: none; width: 100%; text-align: center; padding: 6px 0; font-size: 16px; text-transform: uppercase; font-weight: 400; }
.link-group a:hover { color: #e24725; background: #fff; }
.link-group .item { float: left; width: 100%; padding-right: 30px; box-sizing: border-box; }
.link-group.link2 .item { width: 50%; }
.link-group.link3 .item { width: 33.333%; }
.link-group.link4 .item { width: 25%; }
.link-group.link5 .item { width: 20%; }

.button a { display: inline-block; border-radius: 4px; margin-bottom: 18px; border: 1px solid #e24725; text-decoration: none; min-width: 185px; text-align: center; padding: 6px 10px; font-size: 16px; text-transform: uppercase; font-weight: 400; box-sizing: border-box; }
.button a:hover { color: #fff; background: #e24725; }

.reslife { margin: 70px 0; }
.reslife a.block { width: 33.33%; float: left; position: relative;  overflow: hidden; }
.reslife a .overlay { background-color: black; opacity: .6; filter: alpha(opacity=60); position: absolute; top: 0; left: 0; }
.reslife a .fill-up-link { right: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.reslife a .centerbutton { position: absolute; left: 50%; display: inline-block; top: 50%; }
.reslife a img { width: 100%;   display: block; }

.visual-blocks { margin: 85px 0; }
.content .visual-blocks { margin-top: 0; }
.visual-blocks a { float: left; width: 31.66%; position: relative; margin-right: 2.5%; overflow: hidden; }
.visual-blocks a:nth-child(3n) { margin-right: 0; }
.visual-blocks a:nth-child(n+4) { margin-top: 2.5%; }
.visual-blocks a:after {content: ""; padding-top: 66.07142857142857%; display: block; }
.visual-blocks a img { width: 100%; display: block; position: absolute; left: 0; top: 0; }
.visual-blocks a span { font-weight: 400; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(226, 71, 37, .8); padding: 13px 8px 12px; line-height: 18px; color: white; text-align: center; font-size: 18px; box-sizing: border-box; text-transform: uppercase; }


.list-blocks {margin: 30px 0;display: inline-block; overflow: hidden;width: 100%;}
.list-blocks div {width: 23%; margin-right: 2.66%; float: left;position: relative; }
.list-blocks div:after {position: absolute; content: ""; width: 100%; height: 1000%; top: 0; left: 0; background-color: #f3f3f3; z-index: -1; }
.list-blocks div:nth-child(4) {margin-right: 0; }
.list-blocks div img { width: auto; display: block; height: 197px; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); margin-left: 50%; }
.list-blocks div > a {position: relative; display: block; overflow: hidden; }
.list-blocks ul {padding: 10px 20px 20px;box-sizing: border-box; color: #747474; font-weight: 400; text-decoration: none; }
.list-blocks ul li {border-bottom: 1px solid #ccc; list-style: none; padding: 13px 0px 13px 0px; position: relative;}
.list-blocks ul li a {color: #747474; text-decoration: none; font-size: 18px; }
.list-blocks div span { font-weight: 400; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(226, 71, 37, .8); color: white; text-align: center; font-size: 18px; padding: 13px 0;box-sizing: border-box; text-transform: uppercase; }
.list-blocks ul li a svg { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; }
.list-blocks ul li a { padding-right: 26px; display: block; }

.cleanquote { min-height: 400px; }
.cleanquote .container { position: relative; height: 100%; }
.cleanquote .container:before { content: ''; font-size: 1155px; line-height: 1em; background-image: url('/wp-content/uploads/2015/10/quotepic.png'); width: 414px; height: 317px; display: block; position: absolute; z-index: -1; right: 0; bottom: -20px; }
.cleanquote ul.quotes li { opacity: 0;filter: alpha(opacity=0); list-style: none;position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.cleanquote ul li.active { opacity: 1;filter: alpha(opacity=100);}
.cleanquote ul li > div:first-child { width: 280px; background-size: cover; height: 280px; border-radius: 200px; overflow: hidden; background-image: url('/wp-content/uploads/2015/08/couchchick.png'); background-position: 50% 0; position: absolute; left: 7%; top: 12px; }
.cleanquote ul li > div:last-child { width: 560px; left: 35%; position: relative; float: left; }
.cleanquote ul li > div p { font-size: 24px; color: #e24725; font-weight: 600; margin: 66px 0 10px; }
.cleanquote ul li > div span { font-weight: 600; } 
.cleanquote .bullets { position: absolute; width: 100%; padding: 0; bottom: 40px; z-index: 999; }
.cleanquote .outside-arrows { top:140px;}

.programlist span { color: #2f2f2f; font-weight: 600; }
.programlist span.button { margin-top: 20px; display: inline-block; }
.programlist strong { color: #2f2f2f; font-weight: 600; }
.programlist p { font-size: 17px; line-height: 1.5; }

.nextslide, .previousslide { cursor: pointer; }
.nextslide, .previousslide,.bullets { color: #0d718a; font-size: 18px; line-height: 40px; width: 33.33%; float: left; display: block; }
.nextslide i, .previousslide i { color: #d7d7d7; font-size: 7em; float: left; line-height: 100px; margin-right: -39px; margin-left: -25px; }
.nextslide span, .previousslide span { line-height: 109px; font-weight: 600; }
.nextslide i { float: right; }
.nextslide span { float: right; }
.previousslide i { margin-left: -46px; margin-right: -20px; }

.bullets { padding-top: 47px; text-align: center; font-size: 0; }
.bullets div, .bullets li { width: 13px; border: 2px solid #d7d7d7; height: 13px; font-size: 0px; display: inline-block; margin: 0 4px; box-sizing: border-box; cursor: pointer; }
.bullets div.active, .bullets li.active { background-color: #d7d7d7; }

.unevensplit { margin-bottom: 40px; display: inline-block; width: 100%; }
.unevensplit > div { width: 56%; float: left; }
.unevensplit > div:last-child { width: 44%; float: left; box-sizing: border-box; padding-left: 50px; }

.portland-stats-header { margin: 7.5% 0 20px; }
.portland-stats + .portland-stats-header { margin-top: 10px; }

.portland-stats { margin: 0; }
.portland-stats:after { content: ""; display: block; clear: both; }
.portland-stats > div { float: left; width: 30%; border: #ccc solid 1px; margin-bottom: 5%; position: relative; box-sizing: border-box; color: white; color: #4a4a4a; overflow: hidden; -webkit-transition: .5s ease all; transition: .5s ease all; cursor: pointer; }
.portland-stats > div:not(:nth-child(3n)) { margin-right: 5%; }
.portland-stats > div:after { content: ""; display: block; padding-top: 100%; }
.portland-stats > div * { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center; }
.portland-stats > div span:first-child { font-size: 9em; color: #EAC360; opacity: 0.2; filter: alpha(opacity=20); z-index: 0; bottom: -1.8%; right: -4.2%; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; left: auto; color: #3F768A; transition: .5s ease all; -webkit-transition: .5s ease all; -ms-transition: .5s ease all; font-weight: 500; line-height: 0.7; }
.portland-stats > div span:last-child { top: 75%; color: #888; }
.portland-stats > div:hover:nth-child(4n) { background: #929496; color: white; }
.portland-stats > div p { font-size: 2em; width: 100%; font-weight: 600; transition: .5s ease all; -ms-transition: .5s ease all; -webkit-transition: .5s ease all; color: #4a4a4a; }
.portland-stats > div:hover:nth-child(4n+1) { background: #d35a2b; color: white; }
.portland-stats > div:hover:nth-child(4n+2) { background: #2d99b6; color: white; }
.portland-stats > div:hover:nth-child(4n+3) { background: #d0c22b; color: white; }
.portland-stats > div:hover span:last-child { color: white; }
.portland-stats > div:hover span:first-child { bottom: 75%; right: 50%; color: white; font-size: 4em; opacity: 1; filter: alpha(opacity=100); transform: translate(50%,50%); -ms-transform: translate(50%,50%); -webkit-transform: translate(50%,50%); }
.portland-stats > div:hover p { transform: translate(-50%,-50%) scale(.8); -ms-transform: translate(-50%,-50%) scale(.8); -webkit-transform: translate(-50%,-50%) scale(.8); color: white; }
.portland-stats > div span:last-child:after { content: ""; width: 100%; display: block; height: 5px; border-bottom: solid white 1px; -webkit-transition: .5s ease all; transition: .5s ease all; margin-left: -1000px; }
.portland-stats > div:hover span:last-child:after { margin-left: 0; }
/*.portland-stats > div:nth-last-child(-n+3) {margin-bottom: 0; } messes up when there is only 1 in a row */
#whats-happening { margin: 80px 0; }

.content .portland-stats > div span:first-child { font-size: 13em; }
.content .portland-stats > div:hover span:first-child { font-size: 4em; }
.content .portland-stats div p { line-height: 1; font-size: 1.333em; box-sizing: border-box; padding: 0 40px; }

.content .portland-stats.percent > div span:first-child { font-size: 8em; }
.content .portland-stats.percent > div:hover span:first-child { font-size: 4em; }
.content .portland-stats.percent > div:hover span:first-child {bottom: 65%; }
.content .portland-stats.percent div:hover p {top: 67%; }

body.page-template-template-discover .portland-stats > div { width: 22%; margin-right: 3%; margin-bottom: 3%; }
body.page-template-template-discover .portland-stats > div:nth-child(4n) { margin-right: 0; }
body.page-template-template-discover .portland-stats > div p { font-size: 1.7em; line-height: .9; }
body.page-template-template-discover .portland-stats > div:hover span:first-child { font-size: 3em; bottom: 75%; }




/*----  programs  ----*/

.programs .banner { max-height: 820px; height: auto; overflow: hidden; background-repeat: no-repeat; background-size: 100% auto; box-sizing: border-box; position: relative; z-index: 1; }
.programs .banner .overlay { position: absolute; background-color: rgba(0,0,0,.35); z-index: 1; }
.programs .banner img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: auto; }
.programs .banner:after { content: ""; display: block; padding: 0; padding-top: 43.18%; }
.programs h1 { color: #e24725; font-size: 38px; }
.programs .subtitle { margin: 0.6em 0; display: block; font-size: 34px; font-weight: 200; color: #8a8a8c; }
.programs .stories-slider { margin-bottom: 85px; }
#vimeo_iframe { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; margin: 0; display: none; }
.play_slider_video { background: rgba(0,0,0, .3); width: 284px; height: 81px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: white; text-decoration: none; z-index: 1; padding: 0; box-sizing: border-box; border: 1px solid white; text-align: center; padding: 9px 0; font-size: 36px; font-weight: 500; padding-right: 15px; }
.play_slider_video svg { height: 60px; width: 60px; vertical-align: middle; padding-bottom: 4px; }
#vimeo_iframe_close {position: fixed; z-index: 9999999; margin: 0; color: white; font-size: 50px; cursor: pointer; top: -1px; left: 0px; display: none; }

/* in case there is no student work fetched */
.programs div:not(.student-work) + div.unevensplit { margin-top: 60px; }
.programs .unevensplit ul { padding-left: 0; }

/*----  events  ----*/

.events { }
.events-gridview main { width: 100%; }
.events h2.tribe-events-page-title { color: #747474; font-size: 40px; font-weight: 300; text-align: left; }
.events .tribe-events-month a { color: #e24725; font-weight: 300; }
.events .tribe-events-page-title a { color: #e24725; font-weight: 300; }
.events #tribe-events-content .tribe-events-tooltip h4 { color: #e24725; font-weight: 600; }
.events #tribe-events-content .tribe-events-tooltip .duration { font-weight: 400; font-size: 13px; }

.events .tribe-events-nav-next a { font-size: 18px; color: #e24725 !important; background: #fff !important; font-weight: 600; text-decoration: none; line-height: 1; display: inline-block; position: relative; padding-right: 18px; }
.events .tribe-events-nav-next a:after { content: "5"; font-family: 'icomoon'; position: absolute; right: 0; bottom: 0px; }
.events .tribe-events-nav-next a:before { content: ""; height: 2px; width: 0%; bottom: -5px; left: 0; background: #e24725; position: absolute; }
.events .tribe-events-nav-next a:hover:before { width: 95%; }
.events .tribe-events-nav-next a span { display: none !important; }
.events .tribe-events-sub-nav li a { padding-bottom: 0px; margin-bottom: 0; }

.events .tribe-events-nav-previous a { font-size: 18px; color: #e24725 !important; background: #fff !important; font-weight: 600; text-decoration: none; line-height: 1; display: inline-block; position: relative; padding-left: 18px; }
.events .tribe-events-nav-previous a:after { content: "\34"; font-family: 'icomoon'; position: absolute; left: 0; bottom: 0px; }
.events .tribe-events-nav-previous a:before { content: ""; height: 2px; width: 0%; bottom: -5px; right: 0; background: #e24725; position: absolute; }
.events .tribe-events-nav-previous a:hover:before { width: 95%; }
.events .tribe-events-nav-previous a span { display: none !important; }


.events .tribe-events-nav-previous.tribe-events-nav-right a { font-size: 18px; color: #e24725; font-weight: 600; text-decoration: none; line-height: 1; display: inline-block; position: relative; padding-right: 18px; }
.events .tribe-events-nav-previous.tribe-events-nav-right a:after { content: "5"; font-family: 'icomoon'; position: absolute; right: 0; bottom: 0px; }
.events .tribe-events-nav-previous.tribe-events-nav-right a:before { content: ""; height: 2px; width: 0%; bottom: -5px; left: 0; background: #e24725; position: absolute; }

	/* stupid fixes because of their own code */
.events .tribe-bar-submit { font-size: 0px; }
.events .tribe-bar-submit input { font-size: 14px; }
.events .tribe-bar-views-select { font-size: 0px; display: none; }
.events .tribe-bar-views-inner { padding-bottom: 13px; }
.events .tribe-bar-views-inner .links { padding-left: 15px; padding-top: 8px; }
.events .tribe-bar-views-inner .links a { text-decoration: none; display: inline-block; padding-right: 8px; color: #7d7d7d; font-weight: 600; }
.events .tribe-bar-views-inner .links a.active { color: #e24725; }
.events #tribe-bar-form .tribe-bar-date-filter,
.events #tribe-bar-form .tribe-bar-search-filter { padding-right: 7px; }
.events #tribe-bar-form .tribe-bar-search-filter { width: 50%; padding-left: 7px; }
.events #tribe-bar-form .tribe-bar-date-filter input,
.events #tribe-bar-form .tribe-bar-search-filter input { border: 1px solid #ccc; padding: 12px; }
.events #tribe-bar-form .tribe-bar-submit { margin-left: 0; padding-left: 7px; }

.single-tribe_events #tribe-events-footer li, .single-tribe_events #tribe-events-header li { width: auto !important; }

.events .orange-link-back { font-size: 16px; color: #e24725; font-weight: 600; text-decoration: none; line-height: 1; display: inline-block; position: relative; padding-left: 18px; }
.events .orange-link-back:after { content: "\34"; font-family: 'icomoon'; position: absolute; left: 0; bottom: 0px; }
.events .orange-link-back span { display: none; }

.events #tribe-events-footer .tribe-events-sub-nav { overflow: visible; }

.events .tribe-events-list .type-tribe_events { padding: 20px 0 !important; border-top: 1px solid  #ccc; }

.events .tribe-events-address { font-style: normal; }
.events #tribe-bar-form input[type="text"] { font-weight: 600; }

.events #tribe-events-content .tribe-events-abbr { padding-top: 2px; text-decoration: none; }
.events .tribe-events-meta-group dl { font-size: 16px; color: #303038; }

.list-events .item { }
.list-events .item img { float: left; width: 200px; height: 150px; /* height can be removed if needed */ }
.list-events .item .text { float: left; color: #303038; max-width: 520px; }
.list-events .item .text .date { padding-bottom: 20px; }
.list-events .item .date-block { float: left; height: 150px; margin-right: 30px; text-transform: uppercase; font-weight: 400; font-size: 30px; line-height: 1; padding-left: 20px; background: #f2f2f2; padding-right: 19px; padding-top: 48px; box-sizing: border-box; text-align: center; color: #808080; }
.list-events .item .date-block span { display: block; font-size: 20px; }

.single-tribe_events .banner > .container { bottom: auto; }



/*----  events: plugin fixes;  ----*/

.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper, 
.events-list .tribe-events-loop, 
.single-tribe_organizer .tribe-events-loop, 
.single-tribe_venue .tribe-events-loop, 
.tribe-events-day .tribe-events-loop { max-width: 100% !important; }



/*---- student life only ----*/

.student-life .discover-portland { height: 581px; box-sizing: border-box; margin: 70px 0; padding: 85px; background: url('../img/student-life-v2.jpg'); background-size: cover; }
.student-life .discover-portland h2 { letter-spacing: 2.5px; color: white; }
.student-life .discover-portland .half > p { color: #ffd602; font-size: 30px; margin: 28px 0px 22px; line-height: 1.3em;  }
.student-life .discover-portland .half > p span { font-weight: 900; }
.student-life .discover-portland .half > span { font-size: 14px; color: white; display: block; margin-bottom: 40px; }
.student-life .discover-portland .half:first-child { padding-right: 50px; box-sizing: border-box; }
.student-life .discover-portland .half:nth-child(2) { padding-left: 180px; box-sizing: border-box; }
.student-life .discover-portland h3 { font-size: 24px; font-weight: 400; padding-top: 18px; color: white; } 
.student-life .discover-portland h4 { font-weight: 900; color: white; font-size: 14px; text-transform: uppercase; }
.student-life .discover-portland ul { margin-top: 32px; }
.student-life .discover-portland ul p { font-size: 18px; font-weight: 200; color: white; }
.student-life .discover-portland ul li { list-style: none; margin-bottom: 36px; }
.student-life .discover-portland ul li svg { float: left; padding: 5px 10px 5px 0; }

/*---- course search ----*/
#course_blocks_header {width: 100%; background: #e24725; color: white; font-weight: 400; }
#course_blocks_header:after {content: ""; display: table; clear: both; }
#course_blocks_header div {float: left; width: 78%; }
#course_blocks_header div:first-child {width: 12%; text-align: center; }
#course_blocks_header div:last-child {width: 10%; text-align: center; }

#course_block_list { padding: 0; }
#course_block_list .course_block { padding: 20px 0; }
#course_block_list .course_block:after { content: ""; display: table; clear: both; }
#course_block_list .course_block:nth-child(2n+1) { background: #f5f5f5; }
#course_block_list .course_block > div { width: 10%; float: left; text-align: center; font-size: 14px; }
#course_block_list .course_block .course_info { width: 78%; text-align: left; }
#course_block_list .course_block .course_info h2 { font-size: 21px; line-height: 1; margin-bottom: 10px; color: #e24725; }
#course_block_list .course_block .course_info p { font-size: 16px; }
#course_block_list .course_block .course_info p.no_pres { border-left: 4px solid #12CA12; padding-left: 8px; padding-top: 4px; }
#course_block_list .course_block .course_info p.yes_pres { border-left: 4px solid #e24725; padding-left: 8px; padding-top: 4px; }
#course_block_list .course_block .course_info p.addtl_notes { font-style: italic; }
#course_block_list .course_block .course_code { width: 12%; font-weight: 400; }

#course_sidebar li strong a { background: #e24725; color: white; position: relative; }
#course_sidebar li strong a svg { width: 80px; height: 62px; vertical-align: middle; position: absolute; right: -4px; top: 2px; }
#course_sidebar li a { -webkit-transition: .5s ease all; transition: .5s ease all; }
#course_sidebar li a:after { content: "\f057"; opacity: 0; filter: alpha(opacity=0); color: #2f2f2f; font-family: fontAwesome; filter: alpha(opacity=35); position: absolute; top: 8px; right: 20px; -webkit-transition: .5s ease all; transition: .5s ease all; pointer-events: none; }
#course_sidebar li.active_filter a { position: relative; -webkit-transition: .5s ease all; transition: .5s ease all; padding-left: 32px; color: #e24725; font-weight: 400; }
#course_sidebar li.active_filter a:after { opacity: .7; filter: alpha(opacity=70); }

#course_sidebar + main .searchbar { margin-bottom: 20px; }
#course_sidebar + main .searchbar + div { margin-bottom: 20px; }
#course_sidebar + main .searchbar .half:first-child { width: 46%; }
#course_sidebar + main .searchbar .half { width: 54%; }
#course_sidebar + main .searchbar #jumpsection { padding-top: 8px; }

.course-catalog .search_results { border: 1px solid #f4f4f4; }


/*---- discover portland ----*/
.discover-portland .stories-slider { background: #4596a7; }
.discover-portland .stories-slider h2 { color: #ffffff; }

.discoverblock { max-height: 440px; overflow: hidden; position: relative; height: 440px; }
.discoverblock > img { width: 100%; position: absolute; left: 0; }
.discoverblock h2 { font-size: 240px; z-index: 99; position: relative; color: white; opacity: .65; filter: alpha(opacity=65); line-height: 1; font-weight: 400; }
.discoverblock .overlay { background: black; position: absolute; opacity: .2; filter: alpha(opacity=20); }
.discoverblock div div { position: absolute; top: 0; right: 9%; width: 21.2%; display: none; }
.discoverblock div div img { width: 100%; display: block; box-shadow: 0 0 20px rgba(0,0,0,.8); }
.discoverblock .container { position: relative; }
.discoverblock a { border-color: white; z-index: 99; }
.discoverblock a:after { background: white; z-index: 0; }
.discoverblock div div:after { content: ""; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #4596a7); background: linear-gradient(to bottom, rgba(255,255,255,0), #4596a7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); }

#discover_map {height: 800px; overflow: hidden; margin-bottom: 80px; position: relative; padding-top: 70px; box-sizing: border-box; }
#discover_map .overlay {position: absolute; top: 0; left: 0; background: #4596a7; opacity: 0.85; filter: alpha(opacity=85); }
#discover_map > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; }
#discover_map h1 {display: block; width: 100%; text-align: center; z-index: 9; position: relative; color: white; font-size: 72px; font-weight: 500; margin-top: 40px; }
#discover_map h1 span {font-weight: 300; font-style: italic; }
#discover_map .container {z-index: 99; position: relative; }
#discover_map .container > div {width: 33.33%; float: left; box-sizing: border-box; padding: 50px; }
#discover_map .container > div img {width: 100%; border-radius: 200px; }
#discover_map .container > div:nth-child(2) {margin-top: 60px; }
#discover_map .container > div p {color: white; text-transform: uppercase; font-size: 25px; text-align: center; margin: 20px; }
#discover_map .container a {width: 120px; border-color: white; margin: 0 auto; display: block; }
#discover_map .container a:after {background: white; color: #333; }
.discoverblock.artdistrict h2 {line-height: .8; padding-top: 30px; }
.discoverblock.artdistrict a {position: absolute; top: 25%; left: 34%; }

.page-template-template-discover .reslife { margin: 0; }

.portland_visual_blocks h2 {letter-spacing: .5px; font-weight: 300; color: #747474; padding-bottom: 35px; font-size: 40px; }
.portland_visual_blocks .visual-blocks {margin-top: 0; }
.portland_visual_blocks {margin-top: 80px; }

/*---- 404 page ----*/

#four-oh-search { position: relative; margin: 18px 0 40px; }
#four-oh-search svg { width: 17px; position: absolute; top: 5px; left: 12px; }
#four-oh-search input { max-width: 400px; }
#four-oh-four { width: 100%; }

/*---- meet your professors ----*/

.meet-professors { background-color: #dbdbdb;height: 425px; margin-bottom: 70px; }
.meet-professors .meet-info {width: 45%; float: right; color: #e24725; font-size: 24px; font-weight: 500; margin-right: 10%;margin-top: 40px; }
.meet-professors .meet-info h2 {font-size: 42px; }
.meet-professors .meet-info a { display: inline-block; border-color: white; margin-top: 30px; color: #e24725; font-weight: 600; }
.meet-professors .meet-info a:after { background: white; }
.meet-professors .meet-info > span { font-size: 16px; color: #303038; font-weight: 600; }
.meet-professors .meet-info > span + span:before { margin-left: 7px; content: "//"; margin-right: 10px; }
.meet-professors .meet-info p { margin: 18px 0 3px; }
.meet-professors .meet-pic { border: 20px solid white; border-radius: 255px; width: 505px; height: 505px; overflow: hidden; margin-top: -40px; float: left; box-sizing: border-box; }
.meet-professors .meet-pic img { width: 100%; height: 100%; }
.meet-professors .container { background: url(/wp-content/uploads/2015/08/meet-quotes.png); background-repeat: no-repeat; background-position: 100% 80%; background-size: 404px; }

/*---- program pages only ----*/

.programs .faculty ul, .outcomes ul.accordion, .faq ul { list-style: none; }
.programs .faculty h3 { color: #e24725; width: 64.4%; float: left; font-size: 17px; padding-left: 20px; box-sizing: border-box; padding-bottom: 0; }
.programs .faculty img { width: 82px; height: 82px; float: left; } 
.programs .faculty ul a {text-decoration: none;}
.programs .faculty ul li { margin-bottom: 20px; }
.programs .faculty ul li span { font-size: 14px; color: #727272; padding-left: 20px; width: 64.4%; float: left; box-sizing: border-box; }
.unevensplit div:empty + div { width: 100%; }
.unevensplit div:empty + div > div { float: left; width: 50%; }

.programs .outcomes ul li h4 { height: auto; line-height: 1.2; background-color: #e9e9e9; font-weight: 600; cursor: pointer; padding: 19px 30px 19px 20px; box-sizing: border-box; }
.programs .outcomes ul li div { padding: 20px 20px 0; color: #5c5d61; font-size: 15px; display: none; }
.programs .outcomes ul li h4:after { content: ""; border: 10px solid transparent; border-top: 10px solid black; position: absolute; right: 0; z-index: 1; top: 50%; right: 20px; margin-top: -5px; }
.programs .outcomes ul h4 { position: relative; }
.programs .outcomes ul li.active div { display: block; }
.programs .outcomes ul li.active h4:after { border-bottom: 10px solid black; border-top: 10px solid transparent; margin-top: -15px; }
.programs .outcomes ul li { margin-bottom: 20px; }

.programs .faq ul { padding-bottom: 0; border-bottom: 1px solid #2f2f2f; margin-bottom: 20px; }
.programs .faq ul li p { display: none; color: #5c5d61; font-size: 15px; padding: 10px 16px 20px; }
.programs .faq ul li.active p { display: block;}
.programs .faq ul li h3 { border-top: 1px solid #2f2f2f; color: #2f2f2f; padding: 18px 66px 18px 0; position: relative; cursor: pointer; font-size: 17px; }
.programs .faq ul li.active h3:after { content: "\4b"; }
.programs .faq ul li h3:after { content: "\4c"; position: absolute; right: 0; z-index: 1; top: 50%; right: 0; margin-top: -20px; font-family: icomoon; font-size: 26px; }
.faq h3:after { color: #e24725; }

/*----  single people only  ----*/

.single-people { padding-top: 80px; }
.single-people .quote { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.single-people main { padding-bottom: 40px; }

/*---- artistic excellence only ----*/

.artists-at-work h1 { margin-bottom: 25px; }
.artists-at-work .stories-slider { margin-top: 50px; }

.content .paragraphs { font-size: 18px; width: 72%; padding-right: 3.5%; float: left; }
.content .paragraphs p { font-size: 18px; width: 100%; }

#content_links { width: 24.5%; float: right; }
#content_links ul li { border-bottom: 1px solid #ccc; list-style: none; padding: 8px 20px 8px 0px; position: relative;}
#content_links ul li a { color: #e24725; text-decoration: none; font-size: 18px; font-weight: normal; }
#content_links ul li a:after { background: url(../font/svg/arrow_carrot-right.svg); content: ""; width: 32px; height: 32px; position: absolute; right: -12px; opacity: 0.2; filter: alpha(opacity=20); filter: alpha(opacity=2); top: 7px; transform: scale(.65); -ms-transform: scale(.65); -webkit-transform: scale(.65); }



/*----  search results  ----*/

#___gcse_0 { font-weight: 400; }
.gsc-tabHeader { font-size: 16px; }
.gsc-control-cse { border: none !important; }
.gsc-input { padding: 0 !important; padding-right: 40px !important; }
.gsc-result-info { font-size: 17px !important; }
.gsc-search-button { padding: 4px 12px !important; height: auto !important; border: none !important; padding-left: 10px !important; color: rgb(226, 71, 37) !important; background: rgb(239, 239, 239) !important; } 
#gsc-i-id1 { padding: 8px 12px !important; }
.gsc-control-cse .gs-spelling, 
.gsc-control-cse .gs-result .gs-title, 
.gsc-control-cse .gs-result .gs-title * { text-decoration: none; font-size: 22px !important; color: #e24725 !important; }
.gs-webResult .gs-snippet, 
.gs-imageResult .gs-snippet, 
.gs-fileFormatType { color: #303038; font-size: 16px; line-height: 1.1; padding-top: 6px; font-weight: 400; }
.gs-web-image-box, 
.gs-promotion-image-box { width: 150px !important; }
.gs-image img { max-width: inherit !important; max-height: inherit !important; width: 100%; }
.gs-webResult div.gs-visibleUrl-long { color: #006621; font-size: 14px; }
.gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: 17px !important; padding-right: 5px !important; text-decoration: none !important; }



/*----  google forms  ----*/

.page .gform_wrapper { margin-top: 0; }
.page .gform_wrapper h3.gform_title { font-weight: 300; color: #747474; font-size: 36px; }
.page .gform_wrapper h2.gsection_title { font-weight: 300; color: #e24725; }
.page .gform_wrapper .top_label .gfield_label { font-weight: 600; margin: 40px 0 0px; }
.page span.medium.gfield_select { display: none; }
label.gfield_label { display: block; }

.gform_footer .ui-input-btn { font-size: 0; }
.gform_footer input[type="submit"] { margin: 0; float: left; margin-bottom: 20px; border: 1px solid #E24725; background: transparent; font-size: 18px !important; text-transform: uppercase; color: #E24725; padding: 8px 25px !important; height: auto; width: auto; display: inline-block; text-align: center; cursor: pointer; }

input[id^="gform_submit"]:hover { background: #e24725; color: white; }
input[id^="gform_submit"] { transition: .35s linear all; }

/*----  photo block gallery  ----*/

.lb-outerContainer { background: none !important; }
ul.photo-block-gallery { padding: 0 !important; margin: 20px 0; list-style-type: none; }
ul.photo-block-gallery li { float: left; padding: 0 7px 7px 0; width: 25%; box-sizing: border-box; }
ul.photo-block-gallery li a { }
ul.photo-block-gallery li a img { display: block; width: 100%; height: auto; }



/*----  footer  ----*/

footer { background: #333; padding: 80px 0; color: #fff; }
footer h5 { color: #fff; font-size: 18px; margin-bottom: 30px; text-transform: uppercase; line-height: 1; }
footer a { color: #ffd602; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; line-height: 30px; }
footer .blocks { line-height: 1.5; }
footer .blocks .item { float: left; width: 20%; padding-left: 40px; box-sizing: border-box; }
footer .blocks .item .footer-logo { width: 174px; }
footer .blocks .item ul { list-style: none; }
footer .blocks .item ul li { }
footer .blocks .item ul li a { position: relative; display: inline-block; padding-left: 28px; }
footer .blocks .item ul li a:hover { color: #fff; }
footer .blocks .item ul li a svg { color: #fff; position: absolute; top: 5px; width: 18px; left: 0; height: 16px; }
footer .blocks .item:first-child { padding-left: 0px; }
footer .blocks .item:first-child img { padding-bottom: 20px; }
footer .blocks .item:nth-child(4) { width: 24%; }
footer .blocks .item:nth-child(5) { width: 16%; }
footer .blocks .item:nth-child(5) ul li { width: 30.33%; margin: 0 3% 3% 0; background: #4b4b4b; display: block; float: left; }
footer .blocks .item:nth-child(5) ul li a { display: block; text-align: center; padding: 9px 0 6px; color: #fff; }
footer .blocks .item:nth-child(5) ul li a i { position: static; top: auto; left: auto; }
footer .blocks .item:nth-child(5) ul li:last-child { width: 97%; float: none; clear: both; margin-top: 4px; }
footer .blocks .item:nth-child(5) ul li:last-child a { padding-top: 6px; }
footer .blocks .item .fill-up-link { width: 82%; font-size: 14px; padding: 6px 10px; margin-bottom: 6px; text-align: center; }
footer .blocks .item:nth-child(5) ul li a.fill-up-link {width: 100%; box-sizing: border-box; border-color: #4b4b4b; border-width: 2px; }
footer .blocks .item:nth-child(5) ul li a.fill-up-link:after {background: #333; }
footer .blocks .item:nth-child(5) ul li a.fill-up-link:after {background: #333; }

#footer-email { color: white; font-weight: 300; text-transform: none; line-height: 1; }

/*----  material design effects  ----*/

.matlvl1, .matlvl1_solid, .matlvl0:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.matlvl2, .matlvl2_solid, .matlvl1:hover, .matlvl0:active { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.matlvl3, .matlvl3_solid, .matlvl2:hover, .matlvl1:active { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.matlvl4, .matlvl4_solid, .matlvl3:hover, .matlvl2:active { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.matlvl5, .matlvl5_solid, .matlvl4:hover, .matlvl3:active { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }

.ripple_effect { position: relative;overflow: hidden;}
.ink { display: block; position: absolute; background: #EE917C; border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.ink.animate {-webkit-animation: ripple 0.65s linear;animation: ripple 0.65s linear; }

.ripple_effect:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,0.2), 0 8px 8px 0 rgba(0,0,0,0.24); z-index: 5; }
.ripple_effect:active { box-shadow: 0 0 8px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.24); z-index: 2; }

.header nav .main-nav li:hover a:after { -webkit-animation: navCaret 0.55s linear; animation: navCaret 0.55s linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }

/*----  keyframes  ----*/

@-webkit-keyframes navCaret {
    0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    33%  { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
    66%  { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes navCaret {
    0%   { opacity: 0; filter: alpha(opacity=0); }
    39%  { opacity: 0; filter: alpha(opacity=0); } /* delay to match the nav js dropdown */
    100% { opacity: 1; filter: alpha(opacity=100); }
}

@-webkit-keyframes wiggleIcon {
    0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    33%  { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
    66%  { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes wiggleIcon {
    0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    33%  { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
    66%  { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@-webkit-keyframes ripple {
    100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(2.5); transform: scale(2.5); }
}
@keyframes ripple {
    100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(2.5); transform: scale(2.5); }
}
@-webkit-keyframes draw {
  to { stroke-dashoffset: 0; }
}
@keyframes draw {
  to { stroke-dashoffset: 0; }
}

.main-cta ul li a:hover p { color: #ffd602; }
.main-cta ul li a:hover svg { -webkit-animation: wiggleIcon .7s 1; animation: wiggleIcon .7s 1; }

/*----  transitions  ----*/

.alum-cta .content,
.alum-cta .view-more i
{ -webkit-transition: ease 1s; transition: ease 1s; /* not supported by ie <= 9 */ }

.fill-up-link,
.fill-up-link:after,
.orange-link:before,
.news-events h5 a,
.stories-slider ul li .content,
.news-events .left .featured img,
.student-work .blocks .item .overlay,
.student-work .blocks .item img,
.header nav .main-nav li .nav-dropdown ul li a:before,
.header nav .main-nav li .nav-dropdown .feat-nav-item .overlay a,
.header nav .main-nav li a:after,
.main-cta ul li a p,
.stories-slider .arrow-next,
.stories-slider .arrow-prev,
.stories-slider ul,
.slider .slides,
.header nav .info-for .nav-dropdown ul li a,
.events .tribe-events-nav-next a:before,
.events .tribe-events-nav-previous a:before,
.instagram-feed .posts .item .overlay,
.reslife a img,
footer .blocks .item ul li a,
.instagram-feed .posts,
.cleanquote ul li,
.find-programs .form .explore,
.custom-select,
.slider .arrow-next,
.slider .arrow-prev,
.news-events .right .upcoming-events .item,
.gallery-blocks .arrow-next,
.gallery-blocks .arrow-prev,
.gallery-blocks .gallery-container,
.news h1 a,
.spotlight .previousslide,
.spotlight .nextslide,
.button a
.link-group a { -webkit-transition: .6s; transition: .6s; /* not supported by ie <= 9 */ }

@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi) { 
	.logo img { display: none; }  
	.logo .retina { display: block !important; }  
}

@media print {
	aside,
	.slider,
	.spotlight,
	.breadcrumbs,
	footer,
	.main-cta,
	.header .sitewide-alert,
	.header .container,
	.student-work,
	.cleanquote,
	.alum-cta
	.header { display: none !important; }
	.faq .text,
	.accordion .text { display: block !important; }
	.banner .container { display: none; opacity: 0; filter: alpha(opacity=0); }
	.content p { line-height: 1.4; font-size: 16px; }
}