.youvisit-container {
    height: 400px;
}

 .m-header__photo, .banner-img {
	 transition-property: transform !important;
}

/* Library homepage search */
#searchAll {
    display: flex;
    justify-content: center;
}
#go {
    padding: 0 20px;
    display: inline;
    width: auto;
    margin: 0 0 0 4px;
}
#searchAll input {
    width: 100%;
    padding: 0.533rem;
    border: 1px solid #d0d3d4;
    max-width: calc(100% - 64px);
}
@media screen and (min-width: 700px) {
    #searchAll {
        justify-content: normal;
    }
    #searchAll input {
        width: 440px;
    }
}


/* For Directory Page - Quote on top */
.directory__flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    margin-bottom: 2em;
}
.directory__flex-container > * {
    flex: 1 1 240px;
}
.directory__flex-container > img {
    flex-grow: 0;
    margin-bottom: 0;
}


/* Faculty Directory Page (run on law2.wm.edu) =================== */
.contactlist_or_biopage-container > h6.bodytextsubhead {
    clear: both;
}
.contactlist_or_biopage-container img {
    margin-bottom: 1.2rem !important;
}
@media screen and (min-width: 650px) {
    .contactlist_or_biopage-container img {
        margin-bottom: 2rem !important;
    } 
}



/* THERMOMETER CODE (USED BY REUNION GIVING) =================== */
/*** WM thermometer ***/
.wmThermometer {
    font-size: 1rem;
    padding: 20px;
    text-align: center;
    width: 130px;
    box-sizing: content-box;
}
.thermometer {
    position: relative;
}
.tOverlay {
    position: relative;
    z-index: 20;
}
.gauge {
    border-left: 10px solid #545454;
    bottom: 0;
    padding-left: 5px;
    position: absolute;
    text-align: right;
    z-index: 10;
}
.wmThermometer .tOverlay {
    background: rgba(0, 0, 0, 0) url("../img/gauge.gif") no-repeat scroll center bottom;
    height: 170px;
    margin: 0 !important;
    width: 87px;
}
.wmThermometer .gauge {
    border-left: 22px solid #006633;
    bottom: 48px;
    left: 32px;
    margin: 0;
    padding-left: 15px;
}
.wmThermometer .thermometer {
    margin: 0 0 0 20px;
}



/* ==================== SIDEMENU ============================ */

 #page-wrapper-outer {
	/*overflow:hidden;
	*/
	 width: 100%;
	 position: relative;
}
 #page-wrapper-inner {
	 position: relative;
	 left: 0;
}
 .locked {
	 overflow:hidden;
}
 .csstransforms3d #page-wrapper-inner {
	 -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -webkit-transition: -webkit-transform 300ms ease;
	 -moz-transition: -moz-transform 300ms ease;
	 -o-transition: -o-transform 300ms ease;
	 transition: transform 300ms ease;
	 -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	 /*-ms-backface-visibility: hidden;*/
	 -o-backface-visibility: hidden;
	 /*backface-visibility: hidden;*/
}
 #page-wrapper-inner.page-push-right {
	 left: 269px;
}
 .csstransforms3d #page-wrapper-inner.page-push-right {
	 left: 0;
	 -webkit-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 -moz-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 -ms-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 -o-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
}
#side_menu * {
    box-sizing: content-box;
}
 .side-menu {
	 background: #115740;
	 position: absolute;
	 width: 269px;
	 top: 0;
	 left: -269px;
	/* need this for IE 9 and below */
	 height: 100%;
	 z-index: 1000;
	 border-right: 1px solid #c9c9b6;
	 -webkit-overflow-scrolling: touch;
	 -webkit-perspective: 1000;
	 -webkit-transition: translate3d 350ms ease;
	 -moz-transition: translate3d 350ms ease;
	 -o-transition: translate3d 350ms ease;
	 transition: translate3d 350ms ease;
}
 #side_menu[aria-hidden="true"] {
	 visibility: hidden;
}
 #side_menu:focus {
	 outline: none;
}
 .csstransforms3d .side-menu {
	 left: 0;
	 -webkit-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 -moz-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 -ms-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 -o-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 /*transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);*/
	 transform: translateX(-100%);
	 -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	 -ms-backface-visibility: hidden;
	 -o-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .side-menu ul, #side_search {
	 width: 269px;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
#side_menu .search_site_submit {
    width: auto;
    padding: 0 5px;
}
 .side-menu a {
	 color: #282828;
	 margin-left: 22px;
	 text-decoration: none;
	 font-weight: 400;
}
 .side-menu a:hover {
	 text-decoration: none;
}
 #side_search {
	 background: #ffffff;
	 padding: 23px 0 18px;
}
 .search_form input {
	 width: 145px;
	 height: 33px;
	 padding: 0 12px;
	 float: left;
	 color: #282828;
	 font-size: 16px;
	 border: 1px solid #b3b3b3;
	 background-color: #ffffff;
	 vertical-align:middle;
	 outline: none;
}
 #side_search_site input[type="text"] {
	 margin-left: 23px;
}
 .search_site_submit {
	 font-size: 21px;
	 background: #115740;
	 color: #ffffff;
	 height: 35px;
	/*width: 49px;
	*/
	 padding-left: 15px;
	 padding-right: 15px;
	 margin-left: 5px;
	 border: none;
}
 .search_site_submit::-moz-focus-inner {
	 border: 0;
	 padding: 0;
}
 .cf:before, .cf:after{
	 content:"";
	 display:table;
}
 .cf:after{
	 clear:both;
}
 .cf{
	 zoom:1;
}
 #side_tactical_nav li {
	 height: 40px;
	 padding: 0;
	 background: #ffffff;
	 border-bottom: 1px solid #D0D3D4;
}
 #side_tactical_nav li.last-side-tactical {
	 border-bottom: 1px solid #000000;
}
 #side_tactical_nav a {
	 text-transform: uppercase;
	 line-height: 40px;
	 padding-top: 7px;
	 padding-bottom: 7px;
	 font-size: 12px;
}
 #side_top_nav li {
	 height: 60px;
	 padding: 0;
	 text-transform: uppercase;
	 background: #115740;
	 border-bottom: 1px solid #5b7868;
}
 #side_top_nav a {
	 line-height: 60px;
	 padding-top: 11px;
	 padding-bottom: 11px;
	 color: #ffffff;
}
 nav#side_tactical_nav ul a:hover, nav#side_tactical_nav ul a.active {
	 border-bottom: 4px solid #115740;
	 padding-bottom: 3px;
	 transition: none;
}
 .no-touch nav#side_top_nav ul li:hover, nav#side_top_nav ul li.active {
	 background-color: #163029;
}
 .menu-left {
	 overflow-y: auto;
	 overflow-x: hidden;
	 left: -280px;
	/*-moz-box-shadow: 0px 7px 8px #000000;
	 -webkit-box-shadow: 0px 7px 8px #000000;
	 box-shadow: 0px 7px 8px #000000;
	*/
}
 .menu-left.menu-open {
	 left: 0;
}


/* ======================== HEADER =================================== */

#desktop_header {
    display: none;
}
#topbar {
    height: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    width: 100%;
    text-align: center;
    border-bottom: 4px solid #B9975B;
    box-sizing: content-box;
}
#topbar .action_left {
    left: 20px;
}
#topbar .action_right {
    right: 20px;
}
#topbar .action_left, #topbar .action_right, #topbar .action_left:hover, #topbar .action_right:hover {
    position: absolute;
    height: 21px;
    color: #115740;
    text-decoration: none;
    font-size: 21px;
    line-height: 21px;
}
#global_nav ul, #tactical_nav {
    width: 1178px !important;
    max-width: calc(100% - 44px) !important;
}
#global_nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
#global_nav li {
    flex-grow: 1;
    text-align: center;
}
#global_nav a {
    font-weight: 400;
    padding: 23px 0 20px;
}
#global_nav a:hover,
#global_nav a:focus {
    text-decoration: none;
}
#tactical_nav {
    height: 86px;
    display: flex;
    align-items: center;
}
.search_site_submit {
    font-size: 21px;
    background: #115740;
    color: #ffffff;
    height: 35px;
    width: 49px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 0;
    border: none;
    margin-bottom: 0;
}



#top_mark {
    width: 175px;
    padding-top: 0px;
    position: relative;
    top: -10px;
}

#top_mark.tablet {
    display: none;
    /*top: -24px;*/
}

@media screen and (min-width: 650px) and (max-width: 999px) {
    #top_mark.tablet {
        width: 360px !important;
        display: inline;
        /*padding-top: 7px;*/
        top: 0;
    }
    #top_mark.mobile {
        display: none;
    }
}

@media screen and (min-width: 800px) {
    #top_logo, #top_logo img {
        /*padding-top: 6px;*/
        width: auto !important;
    }
    #top_logo img {
        height: 45px;
    }
}


 
@media screen and (min-width: 1000px) {
    #tactical_nav li, #global_nav li {
        display: inline-block;
    }
  
     #tactical_nav li {
        padding: 0 22px 0px 0px;
    }
      
    #topbar, #side_menu {
        display: none;
    }
     
    #desktop_header {
        display: block;
        position: relative;
    } 
    
    #desktop_header #search_site #q {
        width: 0px;
        -webkit-transition: width 500ms;
        transition: width 500ms;
        padding: 0px;
        border-width: 0px;
        float: none;
    }
    #search_site #q {
        width: 280px;
    }
    
    #global_nav ul, #tactical_nav {
        margin: 0 auto;
        position: relative;
        max-width: calc(100% - 44px);
    }
    
    #global_nav ul {
        white-space: nowrap;
        padding: 0;
    }
    
    #global_nav a {
        display: block;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.015rem;
    }
    
    #global_nav a:hover, #global_nav a.active {
        background-color: #163029;
        text-decoration: none;
    }

    #desktop_header #top_logo {
    margin: 10px 0px !important;
    display: inline-block;
    }
    
    /*#desktop_header #top_logo img {*/
    /*    margin: 0px !important;*/
    /*}*/


    #tactical_nav a {
    color: #115740;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    }
    #tactical_nav a:hover,
    #tactical_nav a:focus {
        text-decoration-thickness: 5px;
        text-underline-offset: 8px;
    }
    #top_logo, #top_logo img {
        display: block;
        width: 285px;
        margin: 0 auto;
    }
    
    #desktop_header #top_logo {
        margin: 10px 0px !important;
        display: inline-block;
    }
    
    #desktop_header #tactical_nav ul {
        text-align: right;
        margin: 0 60px 0 0;
        position: absolute;
        right: 0;
        padding: 0;
    }
    
    #search_site {
        position: absolute;
        right: 0;
        margin-bottom: 0;
    }
    #desktop_header #tactical_nav .search_site_submit {
        position: relative;
        z-index: 10;
    }

    #desktop_header #search_site #q, #desktop_header #search_site .search_site_close {
        visibility: hidden;
    }
    #desktop_header #tactical_nav .search_site_close {
        font-size: 27px;
        height: 35px;
        padding: 0 15px;
        margin-left: 5px;
        border: none;
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
    }
    #desktop_header #tactical_nav .search_site_submit, #desktop_header #tactical_nav .search_site_close {
        color: #115740;
        background: #ffffff;
    }
    
    #desktop_header #search_site.open {
        background-color: #ffffff;
        padding-left: 40px;
    }
    
    #desktop_header #search_site.open #q, #desktop_header #search_site.open .search_site_close {
        visibility: visible;
    }

    #desktop_header #search_site.open .search_site_close {
        opacity: 1;
    }
    #desktop_header #search_site.open #q {
        width: 365px;
        padding: 0 12px;
        margin-right: 55px;
        margin-top: -8px;
        outline: none;
    }
    #global_nav {
        background: #115740;
        /*background: -moz-linear-gradient(left, #115740 32%, #277763 50%, #115740 68%);*/
        /*background: -webkit-gradient(linear, left top, right top, color-stop(32%,#115740), color-stop(50%,#277763), color-stop(68%,#115740));*/
        /*background: -webkit-linear-gradient(left, #115740 32%,#277763 50%,#115740 68%);*/
        /*background: -o-linear-gradient(left, #115740 32%,#277763 50%,#115740 68%);*/
        /*background: -ms-linear-gradient(left, #115740 32%,#277763 50%,#115740 68%);*/
        /*background: linear-gradient(to right, #115740 32%,#277763 50%,#115740 68%);*/
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115740', endColorstr='#115740',GradientType=1 );*/
        border-bottom: 4px solid #B9975B;
    }
    
    /*#global_nav ul {*/
    /*    width: 1035px;*/
    /*    white-space: nowrap;*/
    /*}*/
    
}

@media screen and (min-width: 1035px) {
    /*#global_nav ul {*/
    /*    width: 1014px !important;*/
    /*}*/
    #global_nav a {
        padding-left: 18px;
        padding-right: 18px;
    }

}

@media screen and (min-width: 1680px) {
    #global_nav ul, #tactical_nav {
        width: 1244px !important;
    }
}



/* ============================ FOOTER ===================================== */
footer {
    clear: both;
    background-color: #115740;
    background-image: url(images/wm_cypher.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 228px;
    background-blend-mode: overlay;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-top: 8px solid #B9975B;
    letter-spacing: 0.015rem;
}
 .lt-ie9 footer {
	 background: #115740 !important;
}
 footer a:after {
	 display: block;
	 content: "";
}
 footer a.sm_icon:after {
	 display: inline;
	 content: none;
}
 footer a {
	 color: #ffffff;
	 line-height: 2.1em;
	 font-weight: 400;
}
 footer #contact_info {
	 clear: both;
	 margin: 0 auto;
	 padding-top: 50px;
	 font-weight: 100;
	 line-height: 1.6em;
}
 footer #contact_info a {
	 /*color: #B9975B;*/
	 /*font-weight: bold;*/
	 line-height: 1.5em;
}
#special_links {
    width: 100%;
    float: left;
    margin-top: 3px;
}
#special_links a {
    /*color: #B9975B;*/
    /*font-weight: bold;*/
    line-height: 1em;
}
#special_links a::after {
    content: "";
    height: 0;
    width: 0;
    opacity: 0;
    display:block;
    margin-bottom: 7px;
}
 #footer_container {
	 background: transparent;
	 background-size: 360px auto;
	 margin: 0 auto;
	 padding:80px 0 20px 0;
}
 #footer_container .sm_icon {
     background: transparent !important;
 }
 #footer_container * {
     box-sizing: content-box;
 }
#footer_mark {
    width: 265px;
}
 .footer_col {
	 clear:both;
	 width: 100%;
	 text-align: center;
	 margin:0 auto;
	 min-height: 1px;
}
 #social_links {
	 /*width: 200px;*/
	 margin: 24px auto 0;
}
@media screen and (min-width: 850px) {
    #audience_links {
        margin: 24px auto 0;
    }
}

 #additional_links {
	 margin-top: 0;
}
 #recognition_links {
	 padding-top: 20px;
}
 #recognition_links img {
	 max-width: 150px;
	 margin: 40px 0;
}
footer .sm_icon, footer .sm_icon:hover {
	 display: block;
	 font-weight: normal !important;
	 text-decoration: none;
	 /*overflow: hidden;*/
	 text-align: center;
	 color: #fff !important;
	 font-size: 22px !important;
	 width: 26px;
	 height: 26px;
	 padding: 4px;
	 line-height: 1;
	 margin-right: 11px;
	 margin-bottom: 11px;
	 float: left;
}
/* Colors via http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/ */
/* .sm_icon.fa-facebook {*/
/*	 background-color: #3b5998 !important;*/
/*}*/
/* .sm_icon.fa-twitter {*/
/*	 background-color: #00aced !important;*/
/*}*/
/* .sm_icon.fa-youtube, .sm_icon.fa-youtube-play {*/
/*	 background-color: #ff0000 !important;*/
/*	 font-size: 24px !important;*/
/*}*/
/* .sm_icon.fa-linkedin {*/
/*	 background-color: #007BB6 !important;*/
/*}*/
/* .sm_icon.fa-flickr {*/
/*	 background-color: #ff0084 !important;*/
/*}*/
/* .sm_icon.fa-instagram {*/
/*	 font-size: 24px;*/
/*	 background: #833ab4 !important;*/
/*}*/
/* .sm_icon.fa-rss {*/
/*	 background-color: #FF6600 !important;*/
/*}*/
/* .sm_icon.fa-pinterest {*/
/*	 background-color: #cb2027 !important;*/
/*}*/
/* .sm_icon.fa-calendar-o {*/
/*	 background-color: #F0B323 !important;*/
/*}*/
 footer #social_icons {
	 /*overflow: hidden;*/
	 margin: 11px auto 0;
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap;
}
footer #social_icons .sm_icon:last-of-type {
    margin-right: 0;
}


footer #apply_now {
    display: block;
    margin: 10px auto;
    width: 100%;
}
footer #apply_now img {
    width: 90px;
    margin-top: 22px;
}

@media screen and (min-width: 850px) {
    footer #apply_now {
        position: absolute;
        right: 15px;
        top: 76px;
        width: 90px;
    }
}


/*** Small desktop ***/
 @media screen and (min-width: 850px) {
     footer {
         background-size: auto;
     }
	 #footer_container {
		 background-size: auto 455px;
		 width: 880px;
		 max-width: 100%;
		 position: relative;
		 background-position: center 50px;
	}
	 .footer_col {
		 clear: none;
		 float: left;
		 text-align: left;
		 margin: 0 auto;
		 width: 252px;
		 max-width: calc(33.33% - 30px);
		 padding: 0 15px;
	}
	 footer #social_icons {
	     justify-content: left;
		 margin: 11px 0 0 0;
		 max-width: 170px;
	}
	 #additional_links {
		 margin: 25px 0 0 0;
		 /*padding-bottom: 22px;*/
	}
	 #recognition_links {
		 max-width: 140px;
		 margin: 20px auto;
		 padding: 0;
	}
	 #recognition_links img {
		 max-width: 140px;
		 margin: 0;
		 padding: 0;
	}
	 #contact_info {
		 width: 100%;
		 bottom: 25px;
		 margin: 0;
		 padding: 0;
	}
}
/*** Desktop styling ***/
 @media screen and (min-width: 1000px) {
	 #footer_container {
		 width: 990px;
	}
 }
