@charset "utf-8";
/* CSS Document */
/* fixes the bootstrap horizonal scroll bug */
body {
    overflow-x: hidden;
}
/* js full width */
.image100 {
    width: 100%;
}
/* =|=|=|=|=|=   TOP NAV & SIDE NAV   |=|=|=|=|=  */
header nav {
    min-width: 350px;
    max-width: 100vw;
}

    header nav .main-nav-item li {
        cursor: pointer;
    }
    /* sublink style text links */
    header nav .navbar-nav ul a {
        color: var(--royal-blue);
    }
    /* sublink style list */ /* sidenav */
    header nav .navbar-nav .nav-link ul li, .mainColTwo nav.sideNav ul li {
        list-style: none;
        line-height: 1.8;
    }

        /* sidenav */
        .mainColTwo nav.sideNav ul li::before {
            color: var(--university-gold);
        }

        /* main and sidenav */
        header nav .navbar-nav .nav-link ul li a, .mainColTwo nav.sideNav ul li a {
            font-size: 1.7rem;
            text-transform: uppercase;
            color: var(--dark-blue);
        }

        /* just main */
        header nav .navbar-nav .nav-link ul li a {
            font-weight: 600;
        }
        /* just side */
        .mainColTwo nav.sideNav ul li a {
            text-decoration: none;
            font-weight: 700;
        }

    header nav .main-nav-item ul li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*>>>   Main nav text-indent 2 line items   <<<*/
    header nav .mainNavBox .main-nav-item ul li {
        text-indent: -30px;
    }

    header nav .mainNavBox ul li ul li::before {
        left: 30px;
    }

    header nav .mainNavBox .DdTopMain li.nav-link ul {
        padding-left: 63px;
    }
    /*additional 2 line nav item in media query 450*/

    /*End main nav text-indent 2 line items*/


    /* main and sidenav */
    header nav ul li ul li::before, .mainColTwo nav.sideNav ul li::before {
        content: "\025B8";
        position: relative;
        top: 2px;
        margin-left: 0px;
    }

    /* main and sidenav */
    header nav ul li ul li:hover::before, .mainColTwo nav.sideNav ul li:hover::before {
        /*	color:var(--royal-blue);*/
        -webkit-animation: nav-link-color 0.8s;
        animation: nav-link-color 0.8s;
    }

    /* main and sidenav */
    header nav ul li ul li:hover a, .mainColTwo nav.sideNav ul li:hover {
        color: var(--university-gold) !important;
        text-decoration: none;
    }

    header nav .navbar-nav .nav-link ul {
    }


/* parent and sub section */
.navbar-nav .nav-link {
    font-weight: 600;
}

header nav {
    background-color: var(--medium-blue);
    justify-content: center !important;
}

    header nav .navbar-branding {
        display: inline-block;
        line-height: inherit;
        white-space: nowrap;
        width: 70%;
        max-width: 370px;
        min-width: 225px;
    }

    header nav .logo {
        width: 100%;
        height: auto;
    }

    header nav .masthead-items {
        padding: 3.0rem 8.0rem 6.0rem;
        width: 100%;
        align-items: center;
        min-width: 350px;
        border-bottom: 2px solid;
    }


    /* min width */
    header nav .navbar {
        min-width: 350px;
    }

    header nav .navbar-toggler {
        border-radius: 50%;
        width: 58px;
        height: 58px;
        background-color: var(--university-gold);
        border: 6px solid white !important;
        margin: 0px;
    }

        header nav .navbar-toggler:hover {
            -webkit-animation: none;
            animation: none;
            background-color: var(--royal-blue);
        }

    header nav .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        width: 28px;
        height: 32px;
    }

    header nav .burgerHolder {
        padding-right: 0px;
        padding-left: 0px;
        text-align: right;
    }

    header nav .auxTopNavBar {
        padding: 2.0rem 8.0rem 0;
        width: 100%;
    }

/* =|=|=|=|=|=   JUST SIDE NAV   |=|=|=|=|=  */
.mainColTwo nav.sideNav header {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    color: var(--medium-blue);
    text-transform: uppercase;
    font-size: 2.4rem;
    border-width: 0px;
    border-bottom: 2px;
    border-style: solid;
    width: 100%;
    margin-bottom: 15px;
}

.mainColTwo nav.sideNav {
    padding-left: 30px;
    width: 100%;
    margin-bottom: 40px;
}

    .mainColTwo nav.sideNav ul {
        padding-left: 0px;
        
    }

  /* Side Nav 2 ply */
.mainColTwo nav.sideNav ul li, .mainColTwo nav.sideNav ul li ul li { 
	cursor:pointer;
}

    .mainColTwo nav.sideNav ul li ul {
        padding-left: 50px;
        padding-bottom: 10px;
        /*animation: fadeIn 1s;    -mm - removed to get rid of flash on side nav*/
    }



.mainColTwo nav.sideNav #newsSub, .mainColTwo nav.sideNav #eventsSub, .mainColTwo nav.sideNav #semSub, .mainColTwo nav.sideNav #lecturesSub {
	display:none;
}

.mainColTwo nav.sideNav #newsSub.showNav, .mainColTwo nav.sideNav #eventsSub.showNav, .mainColTwo nav.sideNav #semSub.showNav, .mainColTwo nav.sideNav #lecturesSub.showNav {
	display:block !important;
	            -webkit-animation:fadeIn;
            animation:fadeIn;
}

.mainColTwo nav.sideNav ul li ul li::before {
	content:none;
}



    .mainColTwo nav.sideNav ul li ul li a {
        text-transform: none;
        font-weight: 500;
        text-decoration: none;
 
    }

       /* .mainColTwo nav.sideNav ul li ul li a:active, .mainColTwo nav.sideNav ul li ul li a:focus, .mainColTwo nav.sideNav ul li ul li a, .mainColTwo nav.sideNav ul li ul li a:target, .mainColTwo nav.sideNav ul li ul:active, .mainColTwo nav.sideNav ul li ul:target, .mainColTwo nav.sideNav ul li ul:focus {
            -webkit-animation: none !important;
            animation: none !important;
        }*/



    .mainColTwo nav.sideNav ul li:hover a {
        text-decoration: none;
    }

    /* =|=|=|=|=|=  Side nav header link styles   |=|=|=|=|=  */
    .mainColTwo nav.sideNav > a:first-child:hover {
        text-decoration: none;
    }

    .mainColTwo nav.sideNav header:hover {
        text-decoration: none;
        webkit-animation: link-color 1s;
        animation: link-color 1s;
    }




/* =|=|=|=|=|=  Tabs to ACC   |=|=|=|=|=  */


.nav-tabs {
    display:none;
	border-color:var(--university-gold);
	/*border-width:2px;*/
}

.tabsWrap {
	margin-top:50px;
}

/*.nav-tabs .card-body {
	width:90vw;
}*/

.tabsWrap .nav-tabs .nav-item, .tabsWrap h5 a {	
	color:var(--royal-blue);
	font-size:2.0rem;
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	text-transform:uppercase;}

.tabsWrap .nav-tabs .nav-item a {
padding:8px 20px 0px;}

.tabsWrap ul li::before {
	content:none;
}


.tabsWrap .nav-tabs .nav-item.show .nav-link, .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--university-gold) var(--university-gold) white;
/*border-width:2px;*/
}

.tabsWrap .nav-tabs .nav-link:focus, .tabsWrap .nav-tabs .nav-link:hover {
}

.tabsWrap h5 a:hover {
	text-decoration:none;
}

/*need to dept color switch */
.tabsWrap .card-header:first-child {
	background-color:white;
	text-transform: uppercase;
border-bottom:none;
	padding: 15px;
	background-image: url("../gfx/icons/dd-arrow-blue.png");
background-repeat: no-repeat;
background-position: 98% 50%;
cursor: pointer;
}

.tabsWrap .card-header:hover:first-child
{
background-image: url("../gfx/icons/dd-arrow-gold.png");	
}

    .tabsWrap .card-header h5 {
        padding-right:0px;
    }


    .tabsWrap .card-body {
        /*padding:1.5rem 9.0rem;*/
    }

@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }
    
    .card {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
	
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
		border-color:var(--university-gold);
		margin-bottom:5px;
		border-width:1px;
    }
	
	.tabsWrap h5 a {
	display:inline-block;
	width:100%;}
	
	.tabsWrap .card-body {
	padding:1.5rem;
}
	
.tabsWrap .tab-content {
	padding:0 2.2rem;
}
	
	
}








/* =|=|=|=|=|=  Form and Search   |=|=|=|=|=  */
/* input */
#siteSearch, #navSearch {
    border-radius: 30px !important;
    border: 5px solid;
    color: var(--dark-blue);
}

#navSearch {
    font-size: 2.0rem;
    text-align: center;
    margin: 40px auto;
    padding: 21px 15px;
    /*border-color: var(--royal-blue);*/
    width: 45%;
}

    #navSearch:hover {
        border-color: var(--university-gold) !important;
    }

#siteSearch {
    font-size: 1.9rem;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    padding: 20px 15px;
    border-color: var(--university-gold);
}
/* =|=|=|=|=|=  Drop Down Section   |=|=|=|=|=  */
/* Search */
header nav .pageSearchBox, header nav .navSearch {
    width: 100%;
    margin: 0;
}
/* Drop Nav */
#dropNav {
    background-color: var(--BG-light-gray);
    background-image: url("../images/bgs/urban-gray.jpg");
    background-repeat: none;
    background-position: cover;
    border-bottom: 2px solid;
}

header nav .mainNavBox {
    margin: 0;
    background-color: var(--fixed-white);
    background-image: url("../images/wm/shield-blue-trans.svg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

    header nav .mainNavBox .nav-link, .navbar-dark .navbar-nav .nav-link {
        font-family: proxima-nova, sans-serif;
        font-weight: 800;
        font-size: 1.9rem;
        color: var(--dark-blue);
        text-transform: uppercase;
        padding: 10px;
    }

    header nav .mainNavBox .nav-link a, .navbar-dark .navbar-nav .nav-link a {
            color: var(--dark-blue);
        }

        header nav .mainNavBox .nav-link a:hover, .navbar-dark .navbar-nav .nav-link a:hover {
            text-decoration: none;
            color: var(--royal-blue);
        }

    header nav .mainNavBox .nav-link:hover .material-icons {
            color: var(--royal-blue);
        }

header nav .DdTopMain {
    width: 100%;
}

    header nav .DdTopMain .mainNavCol {
        padding: 20px 10px 20px 9vw;
    }

header nav .mainNavBox ul li.nav-link::before {
    content: none;
}

header nav .nav-link:hover {
    color: var(--royal-blue) !important;
    font-weight: 800 !important;
}

header nav .nav-link .material-icons {
    font-size: 3.6rem;
    color: var(--university-gold);
    position: relative;
    top: 12px;
    left: -5px;
}

/* =|=|=|=|=|=  Autocomplete Page search style in navigation   |=|=|=|=|=  */

.autocomplete-suggestions {
    font-family: 'Roboto', sans-serif !important;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39);
    /*position: absolute;
    top: 67px;
    left: auto;*/
    font-size: 1.8rem;
    border: none !important;
    background: none !important;
    background-color: var(--fixed-medium-blue) !important;
    border-radius: 0 !important;
}

    .autocomplete-suggestions .autocomplete-suggestion {
        padding: 8px 25px;
        cursor: pointer;
        color: var(--fixed-white);
        font-weight: 400;
    }

        .autocomplete-suggestions .autocomplete-suggestion b, .autocomplete-suggestions .autocomplete-suggestion .autocomplete-suggestion-sub {
            color: var(--fixed-university-gold);
        }

        .autocomplete-suggestions .autocomplete-suggestion b {
        font-weight:800 !important;
        }

        .autocomplete-suggestions .autocomplete-suggestion .autocomplete-suggestion-sub {
            font-size: 1.4rem;
            font-weight: 400;
            padding-top: 5px;
        }

        .autocomplete-suggestions .autocomplete-suggestion:hover {
            background-color: var(--fixed-university-gold) !important;
        }

    .autocomplete-suggestions .autocomplete-suggestion:hover {
        color: var(--fixed-medium-blue);
    }

            .autocomplete-suggestions .autocomplete-suggestion:hover b, .autocomplete-suggestions .autocomplete-suggestion:hover .autocomplete-suggestion-sub {
                color: var(--fixed-royal-blue);
            }


/* =|=|=|=|=|=  "Audience" or "I AM A" BOTTOM SECTION   |=|=|=|=|=  */
#dropdownMenuButton {
    background-color: var(--medium-blue);
    margin-bottom: 15px;
    border: 5px solid;
    border-color: var(--medium-blue);
    text-transform: uppercase;
    font-size: 2.0rem;
    font-weight: 600;
    padding: 7px 22px 6px;
    border-radius: 30px;
}

    #dropdownMenuButton:hover {
        color: var(--university-gold);
        border-color: var(--university-gold);
        -webkit-animation: bdr-medium-to-gold;
        animation: bdr-medium-to-gold;
    }

    #dropdownMenuButton::after {
        font-size: 2.7rem;
        position: relative;
        top: 4px;
    }

    #dropdownMenuButton:hover::after {
        color: var(--university-gold);
    }

#iamaDropDown {
    font-family: 'Roboto', sans-serif;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39);
    position: absolute;
    top: 67px;
    left: auto;
    font-size: 1.6rem;
    margin-left: -11px;
    border: none;
    background-color: var(--medium-blue);
    border-radius: 0;
}

    #iamaDropDown a {
        padding: 5px 20px;
        cursor: pointer;
    }

        #iamaDropDown a:hover {
            background-color: var(--university-gold);
            color: var(--medium-blue);
        }

#iamaResults {
    list-style-type: none;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url("../images/wm/shield-blue-trans.svg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

    #iamaResults li:before {
        content: none;
    }

    #iamaResults .nav-link {
        font-size: 1.7rem;
        padding: 0px 10px;
        text-transform: none;
        font-weight: 600;
    }

        #iamaResults .nav-link a {
            color: var(--medium-blue);
            font-size: 1.8rem;
            padding: 0px 10px;
            text-transform: none;
        }

            #iamaResults .nav-link a:hover {
                text-decoration: none;
            }

    #iamaResults li:first-child {
        padding-top: 20px;
    }

    #iamaResults li:last-child {
        padding-bottom: 20px;
    }

header nav .dropdown-menu .dropdown-item {
    color: var(--fixed-white);
}

/*Mobile fix for padding on touch device*/

header nav #dropNav .bottomAudience {
    margin-right: 0px;
}

/* =|=|=|=|=|=  Parent Link  |=|=|=|=|=  */
header nav .parentLink {
    padding: 2.0rem;
    text-align: center;
    position: relative;
    left: 25px;
}

    header nav .parentLink img {
        width: 20%;
        height: auto;
        min-width: 275px;
        max-width: 350px;
    }

header nav .parentReturn {
    display: block;
    margin: 0 auto;
    color: var(--royal-blue);
    font-size: 1.8rem;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    text-decoration: none !important;
}

header nav .parentLink a {
    text-decoration: none !important;
    color: var(--royal-blue);
}

    header nav .parentLink a:hover .parentReturn {
        /*color:var(--university-gold);*/
        text-shadow: 1px 1px 0px #ffb81c;
    }

    header nav .parentLink a:hover img {
        -webkit-filter: drop-shadow( 2px 2px 0px rgba(255, 184, 28, 1.0));
        filter: drop-shadow( 2px 2px 0px rgba(255, 184, 28, 1.0));
    }

/* ++++++++++++++    toggle switch   +++++++++++++++++*/

header nav .wcagButt {
    color: var(--fixed-white);
    text-align: right;
    font-size: 1.4rem;
    padding-right: 1px;
}

:root {
    --sldCircHW: 15px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    top: 2px;
    margin-left: 5px;
    display: inline-block;
    width: 28px;
    height: var(--sldCircHW);
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--fixed-charcoal);
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: var(--sldCircHW);
        width: var(--sldCircHW);
        left: 0px;
        bottom: 0px;
        background-color: var(--fixed-white);
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    /*background-color: var(--university-gold);*/
    background-color: #0AAC02;
}

input:focus + .slider {
    box-shadow: 0 0 1px #fff;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: var(--sldCircHW);
}

    .slider.round:before {
        border-radius: 50%;
    }

#cbWcag {position:relative;}


/* Accessibility tabbing item */

header nav .mainNavBox .nav-link, .navbar-dark .navbar-nav .nav-link:focus {
    color: var(--dark-blue);
}


/* might need to change to 991 if landscape issues*/
/* >>>>>>>>>>>>>   NAVIGATION MEDIA QUERY 991  <<<<<<<<<<<<<<<<<  */
@media (max-width:991px) {
    .mainColTwo nav.sideNav {
        margin-top: 40px;
    }

        .mainColTwo nav.sideNav header {
            font-size: 3.0rem;
            margin-bottom: 35px;
            margin-right: 30px;
        }

        .mainColTwo nav.sideNav ul li a {
            font-size: 2.0rem;
        }

        .mainColTwo nav.sideNav ul li {
            margin: 20px 0px;
        }
}

/* >>>>>>>>>>>>>   NAVIGATION MEDIA QUERY 768  <<<<<<<<<<<<<<<<<  */
@media (max-width: 768px) {


    header nav .masthead-items {
        text-align: center;
    }

    header nav .masthead-items {
        padding: 2.0rem 3.0rem 3.0rem 3.0rem;
    }

    header nav .navbar-branding {
        width: 100%;
    }

    #siteSearch {
        margin: 25px auto;
    }

    #navSearch {
        width: 68%;
        margin: 30px auto;
    }

    header nav .navbar-toggler {
        margin: 0px;
    }

    header nav .burgerHolder {
        text-align: center;
    }

    header nav .wcagButt {
        text-align: center;
        padding: 0px;
    }

    header nav .mainNavCol1 ul:first-child {
        padding-top: 20px;
    }

    header nav .mainNavCol2 ul:last-child {
        padding-bottom: 20px;
    }

    header nav .DdTopMain .mainNavCol {
        padding: 0px 10px 0px 9vw;
    }
}
/* end navigation @media 768 */


/* >>>>>>>>>>>>>   MAIN MEDIA QUERY 450 <<<<<<<<<<<<<<<<<  */
@media (max-width: 450px) {

    #iamaResults .nav-link {
        padding: 10px 10px;
    }

    #iamaDropDown a {
        padding: 10px 20px;
    }

    /*>>>   Main nav text-indent 2 line item - adjust for decrease in font size at 450px   <<<*/

    header nav .mainNavBox .main-nav-item ul li {
    text-indent:-27px;

    }

}



/* ++++++++++++++    Tabs to ACC   +++++++++++++++++*/
@media(max-width:767px){
	
    .dept-bio .tab-content > .tab-pane {
		border-color:var(--dept-bio);
    }
	
	    .dept-chem .tab-content > .tab-pane {
		border-color:var(--dept-chem);
    }	
	
	    .dept-civ .tab-content > .tab-pane {
		border-color:var(--dept-civ);
    }	
	
	    .dept-ec .tab-content > .tab-pane {
		border-color:var(--dept-ec);
    }	
	
	    .dept-ind .tab-content > .tab-pane {
		border-color:var(--dept-ind);
    }	
	
	    .dept-mem .tab-content > .tab-pane {
		border-color:var(--dept-mem);
    }		
	
}

/* ++++++++++++++    Dept Color Switches   +++++++++++++++++*/

/* Add these tags to <body> to swap/wrap for Departments 

- .dept-bio
- .dept-chem
- .dept-civ
- .dept-ec
- .dept-ind
- .dept-mem

*/

.dept-bio .tabsWrap .nav-tabs .nav-item.show .nav-link, .dept-bio .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--dept-bio) var(--dept-bio) white;
}

.dept-chem .tabsWrap .nav-tabs .nav-item.show .nav-link, .dept-chem .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--dept-chem) var(--dept-chem) white;
}

.dept-civ .tabsWrap .nav-tabs .nav-item.show .nav-link, .dept-civ .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--dept-civ) var(--dept-civ) white;
}

.dept-ec .tabsWrap .nav-tabs .nav-item.show .nav-link, .dept-ec .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--dept-ec) var(--dept-ec) white;
}

.dept-ind .tabsWrap .nav-tabs .nav-item.show .nav-link, .dept-ind .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--dept-ind) var(--dept-ind) white;
}

.dept-mem .tabsWrap .nav-tabs .nav-item.show .nav-link, .dept-mem .tabsWrap .nav-tabs .nav-link.active { 
	border-color:var(--dept-mem) var(--dept-mem) white;
}

.dept-bio .nav-tabs {
	border-color:var(--dept-bio);
}
.dept-chem .nav-tabs {
	border-color:var(--dept-chem);
}
.dept-civ .nav-tabs {
	border-color:var(--dept-civ);
}
.dept-ec .nav-tabs {
	border-color:var(--dept-ec);
}
.dept-ind .nav-tabs {
	border-color:var(--dept-ind);
}
.dept-mem .nav-tabs {
	border-color:var(--dept-mem);
}