/**** Header ****/
.override-header .override-img img {
    max-height: 64px;
    max-width: 100%;
}

@media (max-width: 991px) and (min-width: 576px) {
    .override-header #wb-glb-mn {
        margin-top: 34px;
    }
}
/**** Header End ****/

/***** Links *****/
.logout-link{
    margin-right: 10px;
}

.logout-link > i {
    margin-left: 5px;
}
/***** Links End *****/

/***** Headings *****/
.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2, .ms-rtestate-field h3, h3.ms-rteElement-H3, .ms-rtestate-field h4, h4.ms-rteElement-H4{
    color: inherit;
}
/***** Headings End *****/

/***** Carousel *****/
.wb-tabs.carousel-s1 figure, .wb-tabs.carousel-s2 figure {
    background: #57788f;
}
.wb-tabs.carousel-s2 [role=tablist] > li.nxt a, .wb-tabs.carousel-s2 [role=tablist] > li.plypause a, .wb-tabs.carousel-s2 [role=tablist] > li.prv a {
    color: #57788f;
}
/***** Carousel End *****/

/***** Buttons *****/
main .btn-primary, .btn-primary {
    color: #fff !important;
    background-color: #57788f !important;
    border-color: #3d5f72 !important;
    text-decoration: none !important;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3d5f72 !important;
    border-color: #3d5f72 !important;
}
.btn-primary:hover {
    background-color: #3d5f72 !important;
}
.btn-default {
    color: #3d5f72;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #3d5f72;
}

.toc li .active.list-group-item, .toc li .active.list-group-item:focus, .toc li .active.list-group-item:hover {
    background-color: #57788f;
    border-color: #3d5f72;
}
/***** Buttons End *****/

/***** Popovers *****/
*[data-toggle=popover] {
    text-decoration: none !important;
    color: inherit !important;
    border-bottom: 1px solid #999;
    /*cursor: pointer;*/
    cursor: help;
}

*[data-toggle=popover]:active, *[data-toggle=popover]:focus, *[data-toggle=popover]:hover {
    border-bottom: 1px solid #000;
    color: #000;
}

/***** Popovers End *****/

/***** Nav *****/
.override-header #wb-sm .menu .active, .override-header #wb-sm .menu .selected, .override-header #wb-sm .menu .wb-navcurr {
    background: #3d5f72 !important;
}

.override-header #wb-sm .sm.open .slflnk a {
    background: #ccc;
}

.override-header #wb-sm .sm.open {
    background: #ddd;
}

.override-header #wb-sm .open.sm {
    border-bottom-color: #3d5f72;
}

.override-header .wb-menu li {
    white-space: nowrap;
}

.override-header .wb-menu .open.sm {
    min-width: 100%;
}

.override-header #wb-sm .menu > li {
    position: relative;
}

/***** Nav End *****/

/***** Left Nav *****/
#wb-sec h3 {
    border-bottom: 5px solid #57788f;
}

#wb-sec .list-group .list-group .list-group .wb-navcurr.list-group-item, #wb-sec .list-group a.wb-navcurr.list-group-item, #wb-sec .list-group a[href].list-group-item:focus, #wb-sec .list-group a[href].list-group-item:hover, #wb-sec h3 a:hover {
    background-color: #3d5f72;
}
/***** Left Nav End *****/

/***** Mobile Nav *****/
#wb-glb-mn ul.chvrn {
    background: #57788f;
}
    #wb-glb-mn ul.chvrn::before {
        border-left-color: #403f3f;
    }
#mb-pnl .modal-header {
    background: #3d5f72;
    border-bottom: none;
}
    #mb-pnl .modal-header::before {
        border-bottom: 1.45em solid #3d5f72;
        border-top: 1.45em solid #3d5f72;
    }
.modal-content button.mfp-close{
    min-width: 0;
}
#mb-pnl .modal-body {
    background: #57788f;
    margin-bottom: -3em;
}
#mb-pnl .sm-pnl {
    background: #57788f;
}
#mb-pnl .info-pnl {
    background: #3d5f72;
    border-top: 2px solid #3d5f72;
}
#mb-pnl .btn-primary {
    background-color: #3d5f72 !important;
}
#mb-pnl .srch-pnl .btn {
    line-height: 1.45;
    margin-top: -1px;
}
/***** Mobile Nav End *****/

body #s4-bodyContainer {
    min-width: 330px;
}

#main-wrapper {
    margin-bottom: 38px;
}

.override-header {
    background-color: #403f3f;
}
.override-header #wb-sm{
    border-top: 8px solid #a29b6b;
    background: #57788f;
}
.override-header #wb-sm .menu > li a:focus, .override-header  #wb-sm .menu > li a:hover {
    background: #3d5f72 !important;
    text-shadow: none;
}
.override-header #wb-srch button, .override-header .srchbox button {
    background-color: #57788f;
}

.override-header #wb-srch button:active, .override-header #wb-srch button:focus, .override-header #wb-srch button:hover, .override-header .srchbox button:active, .override-header .srchbox button:focus, .override-header .srchbox button:hover {
    background: #3d5f72 !important;
}
.override-img{
	padding-bottom:5px;
}
.override-jumbo{
	background-image:url("../img/Untitled-1.svg");
	background-repeat:no-repeat;
}
.override-a{
	list-style-type:none;
	text-decoration:none;
	color:white;
}
.override-a:focus, .override-a:hover, .override-a:link, .override-a:visited {
    color: white;
}
a:visited{
	color:#284162;
}
.override-headerlink{
	list-style-type:none;
	text-decoration:none;
}
.override-headerlink:hover{
	list-style-type:none;
	text-decoration:none;
	color: #2D7BB4;
}
.override-a:hover{
	text-decoration:underline;
	color:white;
}
.override-list{
	color:white;
}
.override-footer#wb-info .brand {
    border-top: 8px solid #b60026;
}
.override-footer-img{
	margin:0;
	padding:0;
	width:100%;
	height:100%
}
.override-news{
	background-color:#f2f2f2;
	padding:1%;
}
.override-news h2{
	margin-top: 5px;
}
.override-youtube:hover{
	color:#cc181e;
}
.override-facebook:hover{
	color:#3b5998;
}
.override-twitter:hover{
	color:#0084b4;
}

.mfp-bg {
    opacity: .80;
}

.lst-none{
    padding-left: 1.5em;
}

*[id*=editmodepanel] details:not([open]), *[id*=editmodepanel] details {
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    visibility: visible;
    padding-bottom: 1em !important;
}
*[id*=editmodepanel] details:not([open]) > *, *[id*=editmodepanel] details:not([open]) > details {
    display: block;
}

*[id*=editmodepanel] details:not([open]) > summary, *[id*=editmodepanel] details > summary, *[id*=editmodepanel] .wb-tabs > .tabpanels > details[open] > summary, *[id*=editmodepanel] .wb-tabs > details[open] > summary {
    border: 0;
    display: block !important;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    list-style-type: disclosure-open;
    margin-bottom: 0.25em !important;
}

/***** Search *****/
.ms-srch-item-title h3 {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 20px !important;
}
/***** Search *****/

/***** Activities and Initiatives *****/
.acImgContainerOuter {
    max-height: 123px;
    max-width: 365px;
    padding: 5px;
    background: #eaebed;
    clear: both;
}
.acImgContainer {
    height: 0;
    overflow: hidden;
    padding-top: 31.84%;
    /*padding-top: calc(113 / 355 * 100%);*/
    position: relative;
}
.acImgContainer > img {
    min-height: 100%;
    min-width: 100%;
    /* max-width: 105%; */
    /* max-height: 105%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.acImgContainerOuter:hover {
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}
/***** Activities and Initiatives End *****/

/***** Overlay *****/
.wb-popup-sm {
    border-radius: 6px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
    top: 0px;
    width: 90%;
    max-height: 96%;
    top: 50%;
    transform: translateY(-50%);
}
#contact-overlay-bg {
    width: 200%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0px;
    z-index: 10;
    left: -50%;
    background: rgba(0,0,0,0.8);
}
/***** Overlay End *****/
.sticky {
    position: relative;
    transition: top 0.3s ease;
}

.sticky > * {
    overflow-y: auto;
    height: 100%;
}

/**** Media Queries ****/
@media screen and (max-width: 479px) {
    #s4-bodyContainer {
        min-width: initial !important;
    }
    .override-header #wb-glb-mn {
        margin-top: 20px;
    }
    /***** modal scrolling *****/
    .modal-body {
        max-height: calc(100vh - 210px);
        overflow-y: auto;
    }
    #mb-pnl .modal-body{
        overflow-y: visible;
    }
    /***** modal scrolling End *****/
    /* Fix for table cell overflow on small screens */
    td {
        word-break: break-word;
    }
}
@media all and (max-width:992px) {
    .sticky {
        top: 0 !important;
    }
}
@media all and (min-width:768px) {
    .wb-popup-sm {
        width: 720px;
        margin: 0 auto;
    }
    .modal-dialog {
        width: 720px;
        margin: 30px auto;
    }
}

/**** Media Queries End ****/