:root {--font-plain: 'DepotNew-Regular', sans-serif;--color-cwru-blue: RGB(10, 48, 78);--color-link-blue: RGB(49, 104, 166);--color-dark-gray: RGB(51, 51, 51);--color-light-gray: RGB(198, 198, 198);--color-lighter-gray: RGB(238, 238, 238);--color-off-white: RGB(245, 245, 245);--color-white: RGB(255, 255, 255);--color-black: RGB(0, 0, 0);--font-weight-thin: 200;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--max-container: 1244px;--bp-mobile: 55rem;--ratio: 1.4;--s-5: calc(var(--s0) / var(--ratio) / var(--ratio) / var(--ratio) / var(--ratio) / var(--ratio));--s-4: calc(var(--s0) / var(--ratio) / var(--ratio) / var(--ratio) / var(--ratio));--s-3: calc(var(--s0) / var(--ratio) / var(--ratio) / var(--ratio));--s-2: calc(var(--s0) / var(--ratio) / var(--ratio));--s-1: calc(var(--s0) / var(--ratio));--s0: 1rem;--s1: calc(var(--s0) * var(--ratio));--s2: calc(var(--s0) * var(--ratio) * var(--ratio));--s3: calc(var(--s0) * var(--ratio) * var(--ratio) * var(--ratio));--s4: calc(var(--s0) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio));--s5: calc(var(--s0) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio));--measure: 65ch;--line-height: var(--s1);--line-height-small: calc(0.8 * var(--ratio));--border-thin: 1px;--border-thick: var(--s-2);line-height: var(--line-height);font-size: calc(0.333vw + 1em);font-family: var(--font-plain);background-color: var(--color-off-white);color: RGB(0, 0, 0);}html {overflow-x: hidden;}[hidden] {display: none;}[hidden] + * {margin-top: 0 !important;}footer, header, main, nav {display: block;}@media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}}:focus {outline: var(--border-thin) solid var(--color-light-gray);outline-offset: var(--border-thin);}[tabindex="-1"]:focus {outline: none;}* {box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}img {width: 100%;}button {outline: var(--border-thin) solid transparent;outline-offset: calc(var(--border-thin) * -1);}ul {padding: 0 0 0 var(--s2);}ul li + li {margin-top: var(--s-1);}p + p {margin-top: var(--s-1);}.hidden {display: none !important;}.background-white {background-color: white;}.hidden-mobile {display: none;}@media (min-width: 55rem) {.hidden-mobile {display: block;}}.header-top {width: 100%;}.shoppingCart {padding-right: 50px;}
@media only screen and (max-width: 991px) {
    
    .leftnav {display:none;}
    .subLeftContainer{text-align:center;}
    .contact-side{display:table;margin:0 auto}
    #block-crew-weatherhead-mobile-nav .expanded.dropdown .dropdown-menu {
        display: block !important;
        background: #FFFFFF;
        padding: 0;
    }
    
    #block-crew-weatherhead-mobile-nav .expanded.dropdown .dropdown-menu li a {
        background: #FFFFFF;
        padding: 12px 12px 12px 55px !important;
        margin-top: 0;
        border-bottom: 1px solid #c6c6c6 !important;
    }
    
    #block-crew-weatherhead-mobile-nav .navbar-nav  > .active {
        background-color: $light-gray;
      }
      #block-crew-weatherhead-mobile-nav .navbar-nav  > .active  > a {
          color: $cwru-blue;
          background-color: unset;
      }
  
      #block-crew-weatherhead-mobile-nav .navbar-nav > .active > a:hover,
      #block-crew-weatherhead-mobile-nav.navbar-nav > .active.open > a {
        background-color: $white;
        color: $cwru-blue;
      }
  
      #block-crew-weatherhead-mobile-nav .navbar-nav .arrow {
        height: 44px;
        width: 100px;
        color: #0a304e;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
      }
  
      #block-crew-weatherhead-mobile-nav .navbar-nav .arrow:before {
        float: right;
        width: 20px;
        text-align: center;
        display: inline;
        font-size: 18px;
        font-family: FontAwesome;
        height: auto;
        content: "\f107";
        font-weight: 400;
        text-shadow: none;
        position: absolute;
        top: 13px;
        right: 25px;
      }

    .navbar-toggle {
        display: block;
		padding: 9px!important;
		margin-bottom: 0 !important;
	}
	.navbar-collapse.in {
		border-top: inset 0 1px 0 rgb(0 0 0 / 10%);
	}
	#navbar-collapse {
		border-top: inset 0 1px 0 rgb(0 0 0 / 10%);
	}
	.navbar-header .navbar-collapse nav ul.navbar-nav>li {
		border-bottom: 1px solid #c6c6c6;
		margin-top: 0;
        font-family: "DepotNew-Bold",sans-serif;
	}
	.navbar-header .navbar-collapse nav ul.navbar-nav>li a {
		padding: 12px 36px !important;
		color: #0a304e;
		font-size: 17px;
	}
	.mobile-search-box {
        padding: 12px 36px !important;
	}
	.mobile-search-box>form>input {
		width: 100%;
		border-radius: 4px;
	}
	.mobile-search-box .mobile-search-btn {
		position: absolute;
	    top: 8.5px;
	    right: 42px;
	}
	.mobile-search-box .mobile-search-btn>button {
		background: transparent;
	}
    #drupal-crumbs,.nav-auxiliary-wrapper{width:100% !important;}
    cwru-footer-links{width:100% !important;margin:auto !important;}
}

@media only screen and (min-width: 992px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-toggle {
        display: none;
    }
    #masthead {
        width:100% !important;
    }
    .footer{
        background-color: #f5f5f5 !important;
        width: 100% !important;
    }
    .nav-auxiliary-wrapper{margin-left:auto !important;margin-right:auto !important;width:1200px !important;}

    .content-container{
        width: 1266px !important;
    }
}

.nav-auxiliary-wrapper{width:100%;}

.esciu>h2,.design-attitude>h2, .elde>h2 {display:inline-block;}

.news-list-block .news-item {
    margin-bottom: 10px;
    border-radius: 8px;
    border-color: #d8d8d8;
    background-color: #FFFFFF;
}

#block-crew-weatherhead-mobile-nav .expanded.dropdown .dropdown-menu {
	display: block !important;
	background: #FFFFFF;
}

#block-crew-weatherhead-mobile-nav .expanded.dropdown.closed {
	height: 50px;
}

#block-crew-weatherhead-mobile-nav .expanded.dropdown.closed .dropdown-menu {
	display: none !important;
}

body {
    line-height: 1.42857 !important;
    font-family:'DepotNew-Regular', sans-serif !important;
    width:100%; 
    font-size:20px; 
    background-color: white;
}

h1 {
    font-size: 2.2em !important;
    color: #0a304e !important;
    content: "" !important;
    background-image: url(../images/h1-triangle.svg) !important;
    background-repeat: no-repeat !important;
    font-family:'DepotNew-Bold', sans-serif !important;
    padding: 0 0 13px 40px;
    // position: absolute !important;
    // left: 0 !important;
    // top: 0 !important;
}
h2 {
    font-family: "DepotNew-Bold",sans-serif;
    font-size: 1.9em !important;
    line-height: 1.1 !important;
    position: relative !important;
    padding-left: 1em !important;
    padding-bottom: 0 !important;
    margin-bottom: 0.5em !important;
    margin-top: 0.2em !important;
}

h2::before { 
    content: ""; 
    width: 29px; 
    height: 28px; 
    background-image: url("../images/header-square.svg"); 
    position: absolute; 
    left: 0; 
    top: 0.15em;
}

@media only screen and (max-width: 767px) { h2::before { display: inline-block; position: initial; margin-right: 10px; } }

@media only screen and (max-width: 767px) { h2 { padding-left: 0; } }

.news-item-title > .news-item-link{
    font-size: 28px !important;
}

// .big-header > a {
//     color: rgb(51,51,51) !important;
// }
#bodyContent_drupalTitle {
    width: fit-content;
}

h3 {
    font-size: 1.5em !important; 
    font-weight: 600 !important; 
    padding: 0 0 0.3em !important; 
    margin: 0 !important; 
    line-height: 1.1 !important; 
    color: #000 !important; 
    font-size: 1.5em !important; 
    font-family: "DepotNew-Regular",sans-serif !important; 
    padding-top: 0.3em !important;
}

iframe>html>body>div.navbar-header {
    display: none !important;
}

.btn-primary {
    background-color: #3168a6 !important;
    border-color: #072237 !important;
    color: #fff !important;
    padding: 1em 1.5em !important;
    margin: 0 !important;
    border-radius: 20em !important;
    line-height: 1 !important;
    transition: background-color .3s !important;
    text-decoration: none !important;
}

.btn-primary:hover {
    background-color: #0a304e !important;
}
.acctHistBtn {    
    padding: 0 !important;
}
/* main content container */
#mainCol {
    border-left: 1px solid #EEEEEE !important;
}

#mainCol a, main a{
    color: var(--color-link-blue);
    text-decoration-line: underline;
    border-bottom: none;
}

#mainCol a:hover, main a:hover, .breadcrumb-links :hover{
    color: var(--color-cwru-blue);
}



/* footer */
.footer{
    background-color: #f5f5f5 !important;
    width: 100% !important;
}

/* left nav */
#navContainer {
    background-color: transparent;
	border: 0;
	padding-bottom: 0;
}
#leftCol {
    border: none;
	background-color: transparent;
    content:none !important;
}
#leftCol a, .leftCol a{
    color: #535353;
    font-size: 18px;
    font-weight: normal;
}
#leftCol h2 {
    color: #0a304e !important;
    font-size: 26px !important;
    font-weight: 700 !important;

}
 #leftCol a:hover, .leftCol a:hover {
    outline: none !important;
    text-decoration-line: underline !important;
}
 
.leftnav>li>a {
    padding-left: 15px !important;
}
.leftnav-subsec {
    margin: 5px !important;
}

.leftcol-current-subsec{
    background: #F5F5F5;
	color: #3168A6 !important;
	border-left: 1px solid #d63d1f !important;
	font-size: 18px !important;
    margin-right: 15px !important;
    font-weight: 700 !important;
    padding-top:15px !important;
}

.leftcol-current-subsec::before {
    content:none !important;
}
.leftcol-current-subsec:hover{
    text-decoration-line: underline !important;
    background: #F5F5F5 !important;
}


ul.leftcol-current-subseclist {
	background: #F5F5F5;
	margin: 0 !important;
	margin-right: 15px !important;
	padding-bottom: 15px;
	border-left: 1px solid #d63d1f !important;
}
.contact-side {
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 0.5em;
}

.foobar + a {
	background: #F5F5F5;
	color: #3168A3;
	border-left: 1px solid #d63d1f !important;
	font-size: 18px;
    font-weight: 700;
    margin-right: 15px;
}

.foobar .leftcol-current-subseclist .leftcol-current-subsec {
	border: 0 !important;
	color: #3168a6;
	font-weight: 700;
}
/* top nav */
.drupal-navContainer{
    padding-left:5px;
    width:1266px !important;
    margin: auto;
    font-family: "DepotNew-Bold",sans-serif !important;
    font-weight: normal !important;
}
cwru-nav-item a{
    color: #333 !important;
    background-color: rgba(0,0,0,0) !important;
    font-size: 0.78rem !important;
}

@-moz-document url-prefix() {
    cwru-nav-item a{
        font-size: 0.74rem !important;
    }
  }

/* breadcrumbs */
#facultyImage{margin-left:auto;margin-right:auto;width:1200px}
#facultyImage .row{padding: 0px 15px 0px 15px}
#drupal-crumbs{
    padding-left: 10px !important;
    width:1266px;
    margin: auto;
    font-family: "DepotNew-Bold",sans-serif !important;
    font-weight: normal !important; //cannot be overwritten
    text-decoration-line: underline !important;
}

cwru-breadcrumbs{
    text-decoration-line: underline !important;
}
cwru-breadcrumbs a {
    font-family: "DepotNew-Bold",sans-serif !important;
    font-size: calc(var(--s1)/ 2.25) !important;
    text-decoration-line: underline !important;

}

cwru-breadcrumbs a::before{
    font-family: "DepotNew-Bold",sans-serif !important;
    font-size: calc(var(--s1)/ 2.25) !important;
    text-decoration-line: none !important;

}
cwru-breadcrumbs a.current-page {
    text-decoration-line: none !important; 
}


.nav-tabs {
    padding-left: 0 !important;
}

//mobile nav
#navbar-collapse {
    margin: 0px;
}
header.navbar {
    @media #{$small-max} { width: 100%;}
    z-index: 2;
}
.navbar-header {
    width: 100%;
    background-color: #eee !important;
    cwru-nav-item {
        background-color: #FFFFFF !important;
    }
    display: none;
}
.navbar-toggle {
    width: 100%;
    text-align: left;
    border: none;
    box-shadow: none;
    color: --color-cwru-blue;
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
    line-height: 39px;
}
.navbar-toggle>i {
    padding: 0px 10px 0px 12px;
}
.navbar-toggle:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
.navbar-toggle:active {
    outline: none;
}

.navbar-header>.navbar-toggle:hover, .navbar-header.navbar-toggle:focus {
        background-color: transparent;
      }

.navbar-header .navbar-collapse {
    border: none !important;
    outline: none !important;
}

.navbar-header .navbar-collapse nav ul {
    width:100% !important;
}
.navbar-header .navbar-collapse nav ul>li {
    border-bottom:1px solid --color-light-gray !important;
}
.navbar-header .navbar-collapse nav ul.navbar-nav {
    @media #{$small-max} { margin: 0px !important;};
}
.navbar-header .navbar-collapse nav ul.navbar-nav>li {
    float: none !important;
    border-right: none !important;
}

ul.navbar-nav .active a {
    background-color: --color-white !important;
    color: --color-cwru-blue !important;
}
ul.navbar-nav .active a:hover {
    background-color: --color-off-white !important;
}
ul.navbar-nav .active>a {
    background-color: --color-light-gray !important;
    color: --color-link-blue !important;
}
ul.navbar-nav .active>a:hover {
    background-color: --color-off-white !important;
}
ul.navbar-nav .arrow {
    width: 100px !important;
    height: 44px !important;
    color: --color-cwru-blue !important;
}
ul.navbar-nav .arrow::before {
    top: 13px !important;
}
ul.navbar-nav .expanded.dropdown:hover .dropdown-menu{
    display: none !important;
}

ul.dropdown-menu {
    position: relative;
    border-top: 1px solid --color-light-gray;
    box-shadow: none;
    float: none;
    margin-top: 0px;
}
ul.dropdown-menu>li:last-child {
    border-bottom: none;
}
ul.dropdown-menu>li>a {
    border-bottom: none;
    padding: 12px 12px 12px 42px;
    position: relative;
}
ul.dropdown-menu>li>ul>li>a {
    padding-left: 84px;
}

.mobile-search-box {
    border-top: 1px solid $light-gray;
    padding: 8px 18px;
        >form {
        margin: 0;
            >input {
                margin: 0;
                width: 100%;
                border-radius: 4px;
            }
        }
        .mobile-search-btn {
            position: absolute;
            top: 3.5px;
            right: 20px;
                >button {
                    font-size: 16px;
                    box-shadow: none;
                    background-color: transparent;
                    color: $med-gray;
                    padding: 12px 14px;
                    &:focus {
                    outline: none;
                    }
                }
        }
}