/****** PLACE YOUR CUSTOM STYLES HERE ******/

.nopadding {
    padding-top:0px;
    padding-left:0px;
    padding-bottom: 0px;
    padding-right:0px;
}

.page-title p.breadcrumb-2 {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.page-title p.breadcrumb-2 a,
.page-title p.breadcrumb-2 .breadcrumb_last {
    padding-left: 8px;
    padding-right: 8px;
}

.page-title .page-title{
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 5px;
}

section.page-title.blank-banner {
    height: 300px;
    padding-top: 55px;
}

.off-canvas-wrap {min-height:100%;}
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {height: 100%;}
.inner-wrap {
    height:100%;
}
button.exit-off-canvas { border: 0; }

/* clear every 3rd search result */
body.search-results .search-item:nth-child(2n+1) {
    clear: left;
}

/* FLYOUT MENU STYLES */

.side-nav {
    background-color: #ffffff;
    min-height: 100%;
}

.goo-collapsible .menu-item > a {
    background-color: #444 !important;
    color: #FFFFFF;
}

.goo-collapsible .sub-menu .menu-item > a {
    background-color: #ffffff !important;
    color: #000000;
}

.goo-collapsible .menu-item > a::after {
    content: none;
    padding: 0 2px;
    color: #17415a !important;
    font-weight: bold;
}

/*set some hover color on drop down menu*/
.goo-collapsible .menu-item > a:hover {
    background: #17415a !important;
    color: #FFFFFF;
}

.goo-collapsible .sub-menu .menu-item > a:hover::after {
    content: none;
    padding: 0 2px;
    color: #fff !important;
    font-weight: bold;
}

.goo-collapsible li ul {
    display: block !important;
}

.goo-collapsible li {
    border-width: 1px 0;
}

.search i {
    padding-bottom: 0.4em;
}

body .ilightbox-holder .ilightbox-container .ilightbox-social {
    height: 27px;
}

a.btn.active{
  background: #17415a;
  color: #fff;
}

body.attachment div.attachment {
    display: block;
}

body.attachment div.attachment img {
    width:100%;
}

body.attachment div.page-tools-top {
    padding-top: 90px;
}

@media screen and (min-width: 1200px) {
    body.page-template-page-appendix .js-appendix-content .plain-content,
    body.page-template-page-appendix .js-appendix-content p   {
        width:1200px;
    }
}