@charset "UTF-8";
body { font-size: 18px; }

.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }

.row { margin-left: 0; margin-right: 0; }

.row.no-gutters { margin-right: 0; margin-left: 0; }

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }

.row.text-row { margin: 40px; }

@media (max-width: 767px) { .row.text-row { margin: 20px 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .row.text-row { margin: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .row.text-row { margin: 30px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .row.text-row { margin: 40px; } }

input { outline: none !important; }

input:focus { outline: 0 none; text-decoration: none; outline: none !important; border: none !important; box-shadow: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

* { outline-style: none !important; }

*:focus { outline: none !important; }

a { color: #a57e38; }

.form-control:focus { box-shadow: none !important; outline: none !important; }

h1, h2, h3, h4, h5, h6 { font-family: "futura-pt", Serif; line-height: 1.3em; font-weight: 600 !important; }

h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold { font-family: "futura-pt", Serif; }

h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { font-family: "futura-pt", Serif; }

h1 { font-size: 64px; }

@media (max-width: 767px) { h1 { font-size: 28px; } }

@media (min-width: 768px) and (max-width: 991px) { h1 { font-size: 36px; } }

@media (min-width: 992px) and (max-width: 1199px) { h1 { font-size: 40px; } }

@media (min-width: 1200px) and (max-width: 1599px) { h1 { font-size: 48px; } }

h2 i { font-style: normal !important; }

h2, h2 b, .int_content h1 { font-size: 36px; font-weight: 400; }

@media (max-width: 767px) { h2, h2 b, .int_content h1 { font-size: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { h2, h2 b, .int_content h1 { font-size: 22px; } }

@media (min-width: 992px) and (max-width: 1199px) { h2, h2 b, .int_content h1 { font-size: 24px; } }

@media (min-width: 1200px) and (max-width: 1599px) { h2, h2 b, .int_content h1 { font-size: 28px; } }

.int_content h1 b { font-weight: normal !important; }

.heading-center { text-align: center; }

h3, h3 b { margin-bottom: 20px; font-size: 24px; font-weight: 400; }

@media (max-width: 767px) { h3, h3 b { font-size: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { h3, h3 b { font-size: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { h3, h3 b { font-size: 22px; } }

@media (min-width: 1200px) and (max-width: 1599px) { h3, h3 b { font-size: 24px; } }

h3.news-article-heading { font-family: "Jost", Helvetica, Arial, sans-serif; }

h4, h4 b { font-size: 22px; font-weight: 400; }

@media (max-width: 767px) { h4, h4 b { font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { h4, h4 b { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { h4, h4 b { font-size: 18px; } }

@media (min-width: 1200px) and (max-width: 1599px) { h4, h4 b { font-size: 22px; } }

p, .news-article .intro-text, ol li, ul li { font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { p, .news-article .intro-text, ol li, ul li { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { p, .news-article .intro-text, ol li, ul li { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { p, .news-article .intro-text, ol li, ul li { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { p, .news-article .intro-text, ol li, ul li { font-size: 18px; } }

p a, .news-article .intro-text a, ol li a, ul li a { color: #333; }

p a:hover, p a:focus, .news-article .intro-text a:hover, .news-article .intro-text a:focus, ol li a:hover, ol li a:focus, ul li a:hover, ul li a:focus { color: #a57e38; text-decoration: none; }

/* Twitter */
.SandboxRoot.env-bp-660 p.timeline-Tweet-text { margin-left: 40px; margin-bottom: 12px; font-size: 12px !important; line-height: 18px; font-weight: 400; white-space: pre-wrap; word-wrap: break-word; }

a.twitter-timeline { font: normal 12px/18px Helvetica, Arial, sans-serif !important; }

.twtr-tweet-text { font: 11px Verdana, Arial, Helvetica, sans-serif !important; }

.SandboxRoot { display: block; background: 0 0; font: normal normal 14px/1.4 Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; color: #292F33; white-space: normal; white-space: initial; }

/*******************/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 10px; padding-left: 10px; }

img { max-width: 100%; }

a { text-decoration: none; color: #333; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; }

a:visited { text-decoration: none; color: #333; }

a:hover, a:focus { text-decoration: none; color: #a57e38; }

.align { overflow: auto; display: table; width: 100%; height: 100%; }

.align .bottom-left-inner { display: table-cell; vertical-align: bottom; text-align: left; width: 100%; padding-top: 70px; }

.align-right { float: right; }

.no-margin-left { margin-left: 0; }

.no-padding-left { padding-left: 0; }

.no-margin-right { margin-right: 0; }

.no-padding-right { padding-right: 0; }

.fullwidth { width: 100%; }

.csc-textpic-imagewrap { max-width: 100%; }

.csc-textpic-image { max-width: 100% !important; }

h2.column-heading { /*margin-top: 50px;*/ margin-bottom: 25px; }

div.column-heading { background-color: #fff; overflow: auto; }

.int_sharebtn { display: none; }

.new-row { clear: both; }

.content-container { z-index: 90; background-color: #fff; overflow: auto; }

.content-container.scrolling { position: relative; }

.main-text-area { padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 100px; }

@media (max-width: 767px) { .main-text-area { padding: 15px; } }

.center-text { text-align: center; }

DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0; }

DIV.csc-textpic DIV.csc-textpic-single-image IMG { width: 100%; margin-bottom: 15px; }

.navbar { margin-bottom: 0 !important; }

@media (max-width: 767px) { .navbar { margin-bottom: 20px !important; } }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; color: gray; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 18px; } }

ul, ul ul, ul ul ul { list-style: disc; }

ul.bxslider { padding-left: 0 !important; }

p { margin-top: 10px; margin-bottom: 10px; }

.mobile-fullwidth-image-padding { margin: 0; }

@media (max-width: 767px) { .mobile-fullwidth-image-padding { margin: 0 15px; } }

@media (min-width: 768px) and (max-width: 991px) { .mobile-fullwidth-image-padding { margin: 0 15px; } }

@media (min-width: 992px) and (max-width: 1199px) { .mobile-fullwidth-image-padding { margin: 0 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .mobile-fullwidth-image-padding { margin: 0; } }

.regular-text-element-sc a { color: #a57e38 !important; /* &::after { content: " \276F "; padding-right: 5px; font-size: smaller; }*/ }

.regular-text-element-sc a:hover, .regular-text-element-sc a:focus, .regular-text-element-sc a:active { color: #59441e; text-decoration: none; }

.regular-text-element-sc h3 a { color: #a57e38 !important; font-size: 22px; }

@media (max-width: 767px) { .regular-text-element-sc h3 a { font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { .regular-text-element-sc h3 a { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { .regular-text-element-sc h3 a { font-size: 18px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .regular-text-element-sc h3 a { font-size: 22px; } }

.regular-text-element-sc h3 a::after { content: " \276F "; padding-right: 5px; font-size: smaller; }

.regular-text-element-sc h3 a:hover, .regular-text-element-sc h3 a:focus, .regular-text-element-sc h3 a:active { color: #59441e; text-decoration: none; }

.regular-text-element-sc span { font-size: 18px !important; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .regular-text-element-sc span { font-size: 14px !important; } }

@media (min-width: 768px) and (max-width: 991px) { .regular-text-element-sc span { font-size: 14px !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .regular-text-element-sc span { font-size: 16px !important; } }

@media (min-width: 1200px) and (max-width: 1599px) { .regular-text-element-sc span { font-size: 18px !important; } }

.player .video-wrapper .video { position: absolute; top: 0; left: 0; width: 100%; height: auto !important; background-size: contain; margin: 0 auto; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: -webkit-filter .25s; transition: -webkit-filter .25s; transition: filter .25s; transition: filter .25s, -webkit-filter .25s; }

#resultsframe { margin-top: -10px; margin-bottom: -10px; }

.intro { margin: 15px 15px 0 15px; }

.intro .intro-heading h2 { border-bottom: 1px solid #a57e38; padding-bottom: 10px; }

.intro .intro-heading h2 a { color: #59441e; }

.intro .intro-heading h2 a:hover, .intro .intro-heading h2 a:focus { color: #a57e38; text-decoration: none; }

.intro .intro-heading h2 span.link { float: right; font-size: 14px; vertical-align: text-bottom; line-height: 38px; }

@media (max-width: 767px) { .intro .intro-heading h2 span.link { line-height: 28px; font-size: 12px; float: none; display: block; } }

@media (min-width: 768px) and (max-width: 991px) { .intro .intro-heading h2 span.link { line-height: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) { .intro .intro-heading h2 span.link { line-height: 36px; } }

.intro .intro-heading h2 span.link::after { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.int_content .csc-textpic-text { padding: 30px 15px; background-color: #eee !important; }

@media (max-width: 767px) { .int_content .csc-textpic-text { padding: 15px 0; } }

.int_content .csc-textpic-text h1, .int_content .csc-textpic-text h3 { margin-top: 15px; }

@media (max-width: 767px) { .int_content .csc-textpic-text h1.story-detail-title { margin-top: 1em; } }

.int_content .csc-textpic-text iframe { /*  -webkit-filter: hue-rotate(30deg); -moz-filter: hue-rotate(30deg); filter: hue-rotate(30deg);*/ }

.bx-controls { display: none; }

.threebox .bodytext { margin-right: 40px; }

@media (max-width: 767px) { .threebox .bodytext { margin-right: 10px; } }

.row.clearfix { clear: both; }

.my-tool-tip { display: inline; }

.threebox { padding-left: 5px; padding-right: 5px; }

.threebox a { color: #a57e38; }

.threebox a:hover, .threebox a:focus { color: #59441e; text-decoration: none; }

.reading-room-text-content .int_content .csc-textpic-text { padding: 0; }

.bx-controls { display: none; }

.threebox .bodytext { margin-right: 40px; }

.row.clearfix { clear: both; }

.my-tool-tip { display: inline; }

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent !important; }

#map { height: 300px; height: 300px; width: 100%; display: inline-block; overflow: hidden; }

.gm-style { overflow: hidden; }

/******* STYLE UPDATES FOR INTEGRATION *****/
.regular-text-element-sc span, p, .bar-map-search form label.main, .main-text-area ol li, .main-text-area ul li, footer ul li { font-size: 2rem !important; }

@media (max-width: 767px) { .regular-text-element-sc span, p, .bar-map-search form label.main, .main-text-area ol li, .main-text-area ul li, footer ul li { font-size: 1.8rem !important; } }

.nav-dropdown { display: none; }

.nav-dropdown.opened { display: block; }

footer .copyright { font-size: 1.4rem !important; }

#resources.civil-war .quad-container .feature-text p { font-size: 1.6rem !important; }

.bar-map-search form label.main { padding-left: 0 !important; }

@media (max-width: 991px) { #fatalities-landing { padding-top: 90px !important; } }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-family: "Jost", sans-serif; color: black !important; }

a, a:hover, a:visited { color: #000000; }

h1, h2, h3, h4 { font-family: "futura-pt", sans-serif; }

p, ul li, ol li, label { font-family: "Jost", sans-serif; }

.inner-anchor-nav ul li { font-family: "futura-pt", sans-serif; }

.menu-sidebar ul li { font-family: "futura-pt", sans-serif; }

h1 { font-size: 2.25rem; font-weight: 700; line-height: 110%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

@media (max-width: 991px) { h1 { font-size: 1.5rem; padding-right: 0; } }

h1 + p, h2 + p, h3 + p, h4 + p { margin-top: 1.5rem; }

h2 + h3, h2 + h4, h3 + h4 { margin-top: 1.5rem; }

h1 + ol, h2 + ol, h3 + ol, h4 + ol { margin-top: 1.5rem; }

h1 + ul, h2 + ul, h3 + ul, h4 + ul { margin-top: 1.5rem; }

p + h1, ul + h1, ol + h1, p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, p + h4, ul + h4, ol + h4 { padding-top: 1rem; }

h2, .brigade h2 { font-weight: 700; font-size: 3.2rem; }

@media (max-width: 1599px) { h2, .brigade h2 { font-size: 3.2rem !important; } }

@media (max-width: 767px) { h2, .brigade h2 { font-size: 2.4rem !important; } }

h3, .brigade h3 { font-weight: 600; font-size: 2.4rem; }

@media (max-width: 1599px) { h3, .brigade h3 { font-size: 2.4rem !important; } }

@media (max-width: 767px) { h3, .brigade h3 { font-size: 2rem !important; } }

h4, .brigade h4 { font-weight: 600; font-size: 2rem !important; }

@media (max-width: 1599px) { h4, .brigade h4 { font-size: 2rem !important; } }

@media (max-width: 767px) { h4, .brigade h4 { font-size: 2rem !important; } }

.homepage-feature-boxes .row.feature-row { margin: 20px 0; }

@media (max-width: 991px) { .homepage-feature-boxes .row.feature-row { margin: 0; } }

.homepage-feature-boxes .row.feature-row .col-md-6, .homepage-feature-boxes .row.feature-row .col-md-3 { padding-right: 10px; padding-left: 10px; }

.homepage-feature-boxes .row.feature-row .col-md-6:nth-of-type(1) { padding-left: 0; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .col-md-6:nth-of-type(1) { padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .col-md-6:nth-of-type(1) { padding-right: 0; } }

.homepage-feature-boxes .row.feature-row .col-md-6:nth-of-type(2) { padding-right: 0; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .col-md-6:nth-of-type(2) { padding-left: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .col-md-6:nth-of-type(2) { padding-left: 0; } }

.homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(1) { padding-left: 0; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(1) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(1) { padding-left: 0; padding-right: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(1) { padding-left: 0px; } }

.homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(2) { padding-left: 10px; padding-right: 10px; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(2) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(2) { padding-left: 0; padding-right: 0; } }

.homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(3) { padding-left: 10px; padding-right: 10px; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(3) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(3) { padding-left: 0; padding-right: 0; } }

.homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(4) { padding-right: 0; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(4) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(4) { padding-left: 0; padding-right: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .homepage-feature-boxes .row.feature-row .col-md-3:nth-of-type(4) { padding-right: 0px; } }

.homepage-feature-boxes .row.feature-row .feature-box { padding: 10px 20px 20px 20px; overflow: auto; min-height: 250px; }

.homepage-feature-boxes .row.feature-row .feature-box .col-md-6 { height: 100%; }

@media (max-width: 767px) { .homepage-feature-boxes .row.feature-row .feature-box { min-height: 100px; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-feature-boxes .row.feature-row .feature-box { min-height: 200px; } }

@media (min-width: 992px) and (max-width: 1199px) { .homepage-feature-boxes .row.feature-row .feature-box { min-height: 250px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .homepage-feature-boxes .row.feature-row .feature-box { min-height: 250px; } }

.homepage-feature-boxes .row.feature-row .feature-box a { color: #333; }

.homepage-feature-boxes .row.feature-row .feature-box h2 { position: absolute; }

.homepage-feature-boxes .row.feature-row .feature-box ul { list-style: none; margin: 0; padding: 0; }

.homepage-feature-boxes .row.feature-row .feature-box ul li:before { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.homepage-feature-boxes .row.feature-row .feature-box.tree-image { overflow: visible; background-color: #71442F; background-image: linear-gradient(45deg, #B49664 25%, rgba(180, 150, 100, 0.7), rgba(0, 0, 0, 0.3)), url("/fileadmin/templates/template01/images/tree-rings.png"); background-size: cover; background-position: center; background-blend-mode: normal; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.homepage-feature-boxes .row.feature-row .feature-box.research-image { overflow: visible; background-image: linear-gradient(45deg, #C59C42 25%, rgba(197, 156, 66, 0.7)), url("/fileadmin/templates/template01/images/research-library.png"); background-size: cover; background-position: center; background-blend-mode: normal; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.homepage-feature-boxes .row.feature-row .feature-box.white-text { padding: 0 !important; }

.homepage-feature-boxes .row.feature-row .feature-box.white-text h2 { padding: 10px 15px 20px 25px; }

.homepage-feature-boxes .row.feature-row .feature-box.white-text .align { padding: 10px 15px 20px 25px; }

.homepage-feature-boxes .row.feature-row .feature-box.white-text, .homepage-feature-boxes .row.feature-row .feature-box.white-text a { color: #F9F7F7; }

.hero { overflow: visible; background-color: #71442F; background-image: url("/fileadmin/user_upload/images/2017/8679473157_41297fdd80_h.jpg"); background-size: cover; background-position: center; background-blend-mode: overlay; height: 40vh; text-align: center; display: table; vertical-align: middle; width: 100%; }

@media (max-width: 767px) { .hero { height: 33vh; } }

@media (min-width: 768px) and (max-width: 991px) { .hero { height: 50vh; } }

@media (min-width: 992px) and (max-width: 1199px) { .hero { height: 50vh; } }

@media (min-width: 1200px) and (max-width: 1599px) { .hero { height: 40vh; } }

.hero.shallow { height: 30vh; }

@media (max-width: 767px) { .hero.shallow { height: 35vh; } }

@media (min-width: 768px) and (max-width: 991px) { .hero.shallow { height: 35vh; } }

@media (min-width: 992px) and (max-width: 1199px) { .hero.shallow { height: 30vh; } }

@media (min-width: 1200px) and (max-width: 1599px) { .hero.shallow { height: 30vh; } }

.hero .hero-content { color: #fff; display: table-cell; vertical-align: middle; }

.hero a { color: #F9F7F7; }

.hero.fix-to-top { top: 50px; position: fixed; }

@media (max-width: 767px) { .hero.fix-to-top { position: relative; } }

@media (min-width: 768px) and (max-width: 991px) { .hero.fix-to-top { position: relative; } }

.hero h1.page-heading { color: #F9F7F7; text-align: center; margin-bottom: 28px; padding: 0 30px; }

.hero p { color: #F9F7F7; font-size: 25px; margin: 0 110px; text-align: center; }

@media (max-width: 767px) { .hero p { margin: 0 10px; font-size: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { .hero p { margin: 0 30px; font-size: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .hero p { margin: 0 30px; font-size: 20px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .hero p { margin: 0 110px; font-size: 25px; } }

.hero .hero-content { margin: auto; display: table-cell; vertical-align: middle; }

@media (min-width: 992px) { .hero .hero-content { min-width: 700px; } }

.hero .hero-content .centered-container { clear: both; text-align: center; }

.hero .hero-content .centered-container .btn-group { max-width: 500px; margin: auto; }

.hero .hero-content .btn.btn-warning { color: #333; padding: 10px 20px; font-weight: 500; font-family: "Jost", Helvetica, Arial, sans-serif; outline: none !important; }

.hero .hero-content .btn.btn-warning:hover, .hero .hero-content .btn.btn-warning:focus, .hero .hero-content .btn.btn-warning:active { outline: none !important; }

.hero .dropdown-list { position: relative; display: inline-block; text-align: left; }

.hero .dropdown-text { cursor: pointer; position: absolute; text-indent: 10px; line-height: 32px; background-color: #F9F7F7; border: 0; border-radius: 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 3px rgba(0, 0, 0, 0.1); width: 100%; }

.hero .dropdown-text:after { position: absolute; right: 6px; top: 15px; content: ''; width: 0px; height: 0px; border-style: solid; border-width: 5px 4px 0 4px; border-color: #555 transparent transparent transparent; }

.hero .dropdown-text, .hero .dropdown-content a { color: #333; text-shadow: 0 1px #fff; }

.hero .dropdown-toggle { font-size: 0; z-index: 1; cursor: pointer; position: absolute; top: 0; border: none; padding: 0; margin: 0 0 0 1px; background: transparent; text-indent: -10px; height: 34px; width: 100%; }

.hero .dropdown-toggle:focus { outline: 0; }

.hero .dropdown-content { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; list-style-type: none; position: absolute; top: 32px; padding: 0; margin: 0; opacity: 0; visibility: hidden; border-radius: 3px; text-indent: 10px; line-height: 32px; background-color: #eee; border: 1px solid #ccc; width: 100%; }

.hero .dropdown-content a { display: block; }

.hero .dropdown-content a:hover { background: #e8e8e8; }

.hero .dropdown-toggle:hover ~ .dropdown-text, .hero .dropdown-toggle:focus ~ .dropdown-text { background-color: #e8e8e8; }

.hero .dropdown-toggle:focus ~ .dropdown-text { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.8); z-index: 2; }

.hero .dropdown-toggle:focus ~ .dropdown-text:after { border-width: 0 4px 5px 4px; border-color: transparent transparent #555 transparent; }

.hero .dropdown-content:hover, .hero .dropdown-toggle:focus ~ .dropdown-content { opacity: 1; visibility: visible; top: 42px; }

.hero .btn-group { margin: auto; width: 100%; }

.hero .btn-group .btn { font-size: 20px; float: left; }

@media (max-width: 767px) { .hero .btn-group .btn { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .hero .btn-group .btn { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { .hero .btn-group .btn { font-size: 18px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .hero .btn-group .btn { font-size: 20px; } }

.hero .btn-group .search-collection-text-button { background: rgba(255, 255, 255, 0.85); height: 50px; background-image: none; border-radius: 0; border: none; width: 90%; font-family: "futura-pt", Serif; cursor: default; }

.hero .btn-group .search-collection-dropdown-button { width: 20px; height: 50px; background: white; border-radius: 0; border: none; width: 10%; float: none; margin-left: -4%; cursor: pointer; background-image: url("/fileadmin/templates/img/black-arrow-down.png"); background-repeat: no-repeat; background-size: 20px auto; background-position: center center; }

.hero .btn-group .dropdown-menu { background: #F9F7F7; text-align: center; border-radius: 0; border: none; font-size: 16px; padding: 0 0 25px 0; }

@media (min-width: 992px) { .hero .btn-group .dropdown-menu { width: 950px; margin-left: -230px; } }

.hero .btn-group .dropdown-menu p { font-size: 16px; }

.hero .btn-group .dropdown-menu ul { margin: 0; padding: 0; }

.hero .btn-group .dropdown-menu ul li { list-style: none; }

.hero .btn-group .dropdown-menu h3 { padding-left: 15px; }

.hero .btn-group .dropdown-menu .dropdown-item { display: list-item; padding-bottom: 5px; padding-top: 5px; }

.hero .btn-group .dropdown-menu .dropdown-item:hover { background: white; }

#hero-home.hero { background-blend-mode: normal !important; height: 50vh !important; }

@media (max-width: 767px) { .header-container h2.text-center { font-size: 16px; } }

.header-container .dropdown-toggle { margin-left: -20px; }

.header-container .navbar-inverse .navbar-nav > .open > a, .header-container .navbar-inverse .navbar-nav > .open > a:hover, .header-container .navbar-inverse .navbar-nav > .open > a:focus { background-color: transparent; color: #fff; }

.header-container .navbar-inverse { margin-bottom: 0; background-color: #202626; background-image: none; border: 0; border-radius: 0; min-height: 50px; }

@media (max-width: 991px) { .header-container .navbar-inverse { display: none; } }

@media (min-width: 992px) and (max-width: 1199px) { .header-container .navbar-inverse { min-height: 50px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .header-container .navbar-inverse { min-height: 50px; } }

.header-container .navbar-inverse .container-fluid { padding-left: 30px !important; padding-right: 15px !important; }

.header-container .navbar-inverse .navbar-nav li a { color: #F9F7F7; border-bottom: 2px solid #333; font-size: 16px; min-height: 50px; }

@media (min-width: 992px) and (max-width: 1199px) { .header-container .navbar-inverse .navbar-nav li a { font-size: 11px; padding: 10px 10px !important; } }

@media (min-width: 1200px) and (max-width: 1599px) { .header-container .navbar-inverse .navbar-nav li a { font-size: 14px; padding: 10px 10px !important; } }

.header-container .navbar-inverse .navbar-nav li a:hover { color: #a57e38; }

.header-container .navbar-inverse .navbar-nav li.active a { border-bottom: 2px solid #F9F7F7; background-color: transparent; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li { width: 50%; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li a { border-bottom: 1px solid #59441e; font-family: "futura-pt", Serif; font-size: 26px; color: #59441e !important; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li a:hover { background-color: transparent; color: #a57e38 !important; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li ul li { width: 100%; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li ul li a { font-size: 17px; border-bottom: 0; text-align: left; min-height: 0; color: #59441e; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li ul li a:hover { color: #a57e38 !important; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li ul li a::before { content: ''; padding-right: 20px; background: url("/fileadmin/templates/template01/images/defense-icon.png"); width: 20px; height: 20px; margin-right: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }

.header-container .navbar-inverse .navbar-nav li .dropdown-menu li a { color: #333; }

.header-container .navbar-inverse .container-fluid { padding-left: 0; padding-right: 0; }

.header-container .navbar-inverse .container-fluid .navbar-right { margin-right: 0; }

.header-container .nav { margin-bottom: 0; }

.header-container .nav ul { list-style: none; margin: 0; padding: 0; }

.header-container .nav > li.dropdown, .header-container .nav > li.dropdown.open { position: static; }

.header-container .nav > li.dropdown .dropdown-menu.fullwidth, .header-container .nav > li.dropdown.open .dropdown-menu.fullwidth { display: table; text-align: center; left: 0; right: 0; position: absolute !important; padding: 0; border: 0; border-radius: 0; box-shadow: none; float: none; border-bottom: 2px solid #f1efe8; }

.header-container .dropdown-menu.fullwidth { width: 100%; position: absolute; }

.header-container .dropdown-menu.fullwidth > li { display: table-cell; padding: 40px; font-size: 20px; }

.header-container .dropdown-menu.fullwidth > li a { margin-bottom: 20px; }

.header-container .dropdown-menu .collection-dropdown { list-style: none; margin: 0; padding: 0; }

.header-container .dropdown-menu.fullwidth > li > ul > li > a { display: block; margin-bottom: 8px; }

.header-container .open > .dropdown-menu { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }

.header-container .dropdown-menu { opacity: .3; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); display: block; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; position: absolute; }

.header-container .fix-to-top { top: 0; position: fixed; z-index: 99; width: 100%; }

.header-container .navbar-nav { float: left; }

.header-container #nav-toggle { position: absolute; left: 18px; top: 5px !important; cursor: pointer; height: 100%; padding: 25px 35px 16px 5px; }

ul.nav.utility-nav { position: absolute; right: 0; top: 0 !important; }

.homepage-news { padding-left: 0 !important; }

@media (max-width: 767px) { .homepage-news { padding-left: 0; padding-right: 0 !important; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-news { padding-left: 0; padding-right: 0 !important; } }

.homepage-news .news-block { height: 100%; background-color: #72532a; }

.homepage-news .news-block .news-article { overflow: auto; padding: 0 0 15px 15px; color: #F9F7F7; }

.homepage-news .news-block .news-article img { padding-top: 5px; }

.homepage-news .news-block p.more { margin-top: 10px; }

.homepage-news .news-block .news-article a { color: #F9F7F7; }

.homepage-news .news-block .news-article .date { width: 100%; text-align: right; padding-top: 15px; padding-right: 15px; font-weight: 200 !important; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .homepage-news .news-block .news-article .date { font-size: 12px; text-align: left; padding-top: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-news .news-block .news-article .date { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .homepage-news .news-block .news-article .date { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .homepage-news .news-block .news-article .date { font-size: 18px; } }

.homepage-news .news-block .news-article.first:nth-of-type(2) { background-color: #a57e38; }

.homepage-news .news-block .news-article.first:nth-of-type(3) { background-color: #8c6833; }

.homepage-news .news-block .news-article.first:nth-of-type(4) { background-color: #72532a; }

.homepage-news .news-block .news-image img { width: 100%; }

.homepage-news .news-block h3.news-article-heading, .homepage-news .news-block h4.date { font-family: "Jost", Helvetica, Arial, sans-serif; }

.homepage-news .news-block p.date { font-weight: 400 !important; }

.homepage-news h2.column-heading span { font-family: "Jost", Helvetica, Arial, sans-serif; line-height: normal; padding-right: 15px; font-weight: 200; font-size: 18px; line-height: 40px; font-family: "Jost", Helvetica, Arial, sans-serif; color: #a57e38 !important; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

@media (max-width: 767px) { .homepage-news h2.column-heading span { font-size: 14px; line-height: 25px; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-news h2.column-heading span { font-size: 14px; line-height: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) { .homepage-news h2.column-heading span { font-size: 16px; line-height: 36px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .homepage-news h2.column-heading span { font-size: 18px; line-height: 40px; } }

.homepage-news h2.column-heading span::after { content: " \276F "; padding-right: 5px; font-size: smaller; }

.homepage-news h2.column-heading span:hover, .homepage-news h2.column-heading span:focus { color: #59441e !important; text-decoration: none; }

.homepage-news h2.column-heading { padding-left: 25px; }

#page-header { background-color: #2A3333; width: 100%; position: relative; z-index: 999; }

@media (max-width: 767px) { #page-header { position: fixed; top: 0; z-index: 999; } }

@media (min-width: 768px) and (max-width: 991px) { #page-header { position: fixed; top: 0; z-index: 999; } }

@media (max-width: 767px) { #page-header .military-logo { padding-top: 5px; } }

#page-header .archives-logo { margin-top: 20px; }

#page-header .archives-logo h2 { margin-top: 0; margin-bottom: 0; }

#page-header .archives-logo h2 a { color: #F9F7F7; }

#page-header .archives-logo h2 a:hover { color: #F9F7F7; }

#page-header .archives-logo h2 a:visited { color: #F9F7F7; }

@media (max-width: 767px) { #page-header .archives-logo { margin-top: 5px; } }

@media (min-width: 768px) and (max-width: 991px) { #page-header .archives-logo { margin-top: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { #page-header .archives-logo { margin-top: 20px; } }

@media (min-width: 1200px) and (max-width: 1599px) { #page-header .archives-logo { margin-top: 20px; } }

#page-header .defence-logo img { margin-top: 20px; }

@media (max-width: 767px) { #page-header .defence-logo { display: none; } }

@media (min-width: 768px) and (max-width: 991px) { #page-header .defence-logo { display: none; } }

.navbar.utility-navigation { position: absolute; right: 0; top: 5px !important; min-width: 450px; }

.utility-nav li { display: inline-block; font-size: 16px; }

@media (max-width: 767px) { .utility-nav li { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .utility-nav li { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .utility-nav li { font-size: 12px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .utility-nav li { font-size: 14px; } }

.utility-nav li:first-child::after { position: absolute; right: -2px; top: 0; color: #a57e38; content: '|'; }

.utility-nav li a { color: #a57e38; padding: 0 8px; }

.utility-nav li a:hover { background-color: transparent; color: #d0af73; }

.row.header-row { margin-left: 0; margin-right: 0; color: #F9F7F7; padding: 20px 10px; }

@media (max-width: 767px) { .row.header-row { padding: 10px 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .row.header-row { padding: 10px 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { .row.header-row { padding: 20px 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .row.header-row { padding: 20px 10px; } }

section.breadcrumbs { margin-bottom: 10px; border-radius: 0; padding: 0; }

section.breadcrumbs .breadcrumb { padding: 15px 15px 5px 15px; font-size: 16px; background-color: #cac4b7; margin-bottom: 0; border-radius: 0; }

@media (max-width: 767px) { section.breadcrumbs .breadcrumb { padding: 0 5px 0 0; } }

@media (min-width: 768px) and (max-width: 991px) { section.breadcrumbs .breadcrumb { padding: 0 5px 0 0; } }

section.breadcrumbs .breadcrumb ul { margin-bottom: 0; margin-left: 0; }

@media (max-width: 767px) { section.breadcrumbs .breadcrumb ul { display: none; } }

@media (min-width: 768px) and (max-width: 991px) { section.breadcrumbs .breadcrumb ul { display: none; } }

section.breadcrumbs .breadcrumb ul li { list-style: none; display: inline; font-size: 14px; }

section.breadcrumbs .breadcrumb ul li a { text-decoration: underline; font-weight: bold; }

section.breadcrumbs .breadcrumb ul li.current a { text-decoration: none; font-weight: normal; }

section.intro-text { text-align: center; margin-top: 60px; margin-bottom: 60px; }

@media (max-width: 767px) { section.intro-text { margin-top: 30px; margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { section.intro-text { margin-top: 30px; margin-bottom: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) { section.intro-text { margin-top: 60px; margin-bottom: 60px; } }

section.intro-text p { margin: 20px 30px; font-size: 22px; }

@media (max-width: 767px) { section.intro-text p { margin: 10px 0; font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { section.intro-text p { margin: 15px 0; font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { section.intro-text p { margin: 20px 30px; font-size: 18px; } }

@media (min-width: 1200px) and (max-width: 1599px) { section.intro-text p { margin: 20px 30px; font-size: 22px; } }

section.intro-text .page-intro-link a { color: #a57e38; }

section.intro-text .page-intro-link a:after { content: " \276F "; padding-left: 5px; font-size: smaller; opacity: 0.7; }

section.intro-text .page-intro-link a:hover, section.intro-text .page-intro-link a:focus { color: #59441e; text-decoration: none; }

.header-row { display: block; }

@media (max-width: 992px) { .header-row { display: none; } }

@media (max-width: 992px) { .new-menu-wrap .d-none { display: none; } }

.new-menu-wrap .menu-sidebar { font-size: 36px; position: absolute; top: 0; height: 100%; width: 100%; min-height: 600px; overflow-x: hidden; overflow-y: auto; transform: translateX(-100%); z-index: 99; font-family: 'futura-pt', sans-serif; }

.new-menu-wrap .menu-sidebar .resources-red ul { -webkit-column-count: 2; -webkit-column-gap: 10px; -moz-column-count: 2; -moz-column-gap: 30px; column-count: 2; column-gap: 30px; }

.new-menu-wrap .menu-sidebar ul { margin-bottom: 0; padding-left: 0; margin-top: .5rem; }

.new-menu-wrap .menu-sidebar h1 { padding-right: 3rem; font-family: 'futura-pt', sans-serif; font-size: 36px; font-weight: 700; margin: 0; }

.new-menu-wrap .menu-sidebar section { min-height: calc(var(--vh, 1vh) * 25); height: fit-content; padding-bottom: 0; position: relative; padding-left: 130px; padding-bottom: 0; }

.new-menu-wrap .menu-sidebar section .full-menu-toggler { position: absolute; right: 3rem; bottom: .75rem; }

.new-menu-wrap .menu-sidebar section .full-menu-toggler .more { font-size: 2rem; text-transform: uppercase; margin-bottom: 0; font-family: 'futura-pt', sans-serif; font-weight: 600; text-decoration: none; text-underline-offset: 0; text-decoration: none; text-decoration-thickness: 0; transition: color 0.2s, text-underline-offset 0.2s, text-decoration-color 0.2s; }

.new-menu-wrap .menu-sidebar section .full-menu-toggler .more span { font-size: 2.1rem; padding-left: 10px; vertical-align: middle; margin-top: -4px; }

.new-menu-wrap .menu-sidebar section .full-menu-toggler:hover { cursor: pointer; color: #000; text-underline-offset: 0.4em; text-decoration: underline; text-decoration-color: #000000; text-decoration-thickness: 0.1em; transition: color 0.2s, text-underline-offset 0.2s, text-decoration-color 0.2s; }

.new-menu-wrap .menu-sidebar section .full-menu-back { position: absolute; right: 3rem; top: 3rem; }

.new-menu-wrap .menu-sidebar section .full-menu-back:hover { cursor: pointer; }

.new-menu-wrap .menu-sidebar .hiddenText, .new-menu-wrap .menu-sidebar .hiddenImage { display: none; }

.new-menu-wrap .menu-sidebar .online-green { background-color: #9BBCAE; padding-bottom: 3.6rem; }

.new-menu-wrap .menu-sidebar .reading-purple { background-color: #A1A3B4; padding-bottom: 3.6rem; }

.new-menu-wrap .menu-sidebar .resources-red { background-color: #DF7C7C; padding-bottom: 1rem; }

.new-menu-wrap .menu-sidebar .bg-grey { background-color: #F1F1F1; padding-bottom: 1.6rem; }

.new-menu-wrap .menu-sidebar ul { margin-bottom: 0; padding-left: 0; margin-top: 0.8rem; }

.new-menu-wrap .menu-sidebar ul li { list-style-type: none; margin-bottom: 0.8rem; font-family: 'futura-pt', sans-serif; line-height: 140%; }

.new-menu-wrap .menu-sidebar ul li a { text-decoration: underline transparent; transition: text-decoration 300ms ease; font-weight: 500; font-size: 20px; }

.new-menu-wrap .menu-sidebar ul li a:hover { text-decoration: underline #000000; color: #000; }

.new-menu-wrap .menu-sidebar .bg-grey ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

.new-menu-wrap .second-level-menu { position: fixed; top: 0; bottom: 0; opacity: 0; left: -100%; overflow: hidden; transition: left 0.3s; width: 100%; z-index: 99999; padding-left: 130px; }

.new-menu-wrap .second-level-menu ul { padding-bottom: 0; }

.new-menu-wrap .second-level-menu.full-online-menu { background: #9BBCAE; }

.new-menu-wrap .second-level-menu.full-reading-menu { background: #A1A3B4; padding-bottom: 50px; }

.new-menu-wrap .second-level-menu .menu-image { background-repeat: no-repeat; background-position: center; width: 100%; height: auto; background-size: cover; aspect-ratio: 3/2; position: relative; background-image: 0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 60% !important; /*@include media-breakpoint-down(xl) { height: 400px; }*/ }

.new-menu-wrap .second-level-menu .summary { color: #fff; padding: 1rem; position: absolute; bottom: 0; font-size: 1.7rem; font-family: 'futura-pt', sans-serif; }

.new-menu-wrap nav { position: fixed; left: 0; top: 0; height: 100vh; z-index: 999; transition: all .40s ease-out; }

.new-menu-wrap .sidebar { left: 0; top: 0; width: 80px; height: 100vh; min-height: 650px; position: relative; background-color: #CEA869; z-index: 9; border-right: 1px solid #b7bab7; }

.new-menu-wrap .sidebar .ma { position: absolute; top: 48%; text-decoration: none; margin: 0 auto; white-space: nowrap; font-size: 2.8rem; left: -134px; font-weight: 700; transform: rotate(-90deg); font-family: "futura-pt", Serif; }

.new-menu-wrap .sidebar .ma.ga-IE { left: -160px; }

.new-menu-wrap .sidebar .ma a { display: block; text-transform: uppercase; text-decoration: none; font-family: 'futura-pt', sans-serif; }

.new-menu-wrap .sidebar .ma a:hover { color: #000; }

.new-menu-wrap .sidebar .ma svg { vertical-align: middle; }

.new-menu-wrap .sidebar .lang { position: absolute; bottom: 5%; right: 1.8rem; font-size: 1.8rem; font-weight: 400; left: 35%; text-transform: uppercase; }

.new-menu-wrap .sidebar .lang a:hover { color: #000; }

.new-menu-wrap .input-toggler { display: none; }

.new-menu-wrap .menu-toggler { position: fixed; left: 0; top: 20px; width: 80px; height: 90px; z-index: 9999; display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; }

.new-menu-wrap .menu-toggler span { margin-bottom: -20px; font-weight: 600; text-transform: uppercase; font-size: 1.6rem; font-family: "Jost", Helvetica, Arial, sans-serif; }

.new-menu-wrap .menu-toggler-line { width: 60%; height: 3px; background: #000000; margin: 0 0 10px 0px; position: relative; transition: all .40s ease-out; }

.new-menu-wrap .search-nav { position: absolute; top: 110px; left: 20px; }

#toggle:not(:checked) ~ .second-level-menu.full-online-menu { opacity: 0; left: -100%; z-index: 0; }

#toggle-online-menu:checked ~ .second-level-menu.full-online-menu { opacity: 1; left: 0; transition: all .40s ease-out; }

#toggle:not(:checked) ~ .second-level-menu.full-reading-menu { opacity: 0; left: -100%; z-index: 0; }

#toggle-reading-menu:checked ~ .second-level-menu.full-reading-menu { opacity: 1; left: 0; transition: all .40s ease-out; }

#toggle:checked ~ .menu-sidebar { opacity: 1; transform: translateX(0%); transition: all .40s ease-out; }

#toggle:checked ~ nav { transform: translateX(100%) translateX(-80px); position: fixed; width: 100%; transition: all .40s ease-out; right: 0 !important; left: auto; }

#toggle:checked ~ .menu-toggler { transform: translateX(100%) translateX(-80px); right: 0 !important; left: auto; }

.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.hamRotate.active { transform: rotate(45deg); }

.hamRotate180.active { transform: rotate(180deg); }

.ham1 .line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #000000; stroke-width: 4.5; stroke-linecap: sqaure; }

.ham1 .top { stroke-dasharray: 40 139; }

.ham1 .bottom { stroke-dasharray: 40 180; }

.ham1.active .top { stroke-dashoffset: -98px; }

.ham1.active .bottom { stroke-dashoffset: -138px; }

.search-nav { position: absolute; top: 110px; left: 20px; }

.navbar-inverse { display: none; }

@media (max-width: 992px) { .navbar-inverse { display: block; } }

@media (max-width: 992px) { .page.civil-war { margin-top: 90px !important; } }

@media (max-width: 992px) { .sharethis-inline-share-buttons { display: none; } }

#page { margin-left: 80px; }

@media (max-width: 992px) { #page { margin-left: 0; } }

.main { padding-left: 80px; }

@media (max-width: 992px) { .main { padding-left: 0 !important; } }

@media (max-width: 992px) { .military-logo img { width: 200px; } }

section.breadcrumbs .breadcrumb { padding: 10px !important; }

@media (max-width: 992px) { section.breadcrumbs { display: none; } }

footer.site-footer { margin-left: 80px; }

.header-container .nav-mobile { position: fixed; top: 10px !important; right: 20px !important; background: transparent !important; height: 50px !important; width: 50px !important; }

.m-0 { margin: 0 !important; }

.m-1 { margin: .25rem !important; }

.m-2 { margin: .5rem !important; }

.m-3 { margin: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.m-auto { margin: auto !important; }

.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }

.mx-1 { margin-right: .25rem !important; margin-left: .25rem !important; }

.mx-2 { margin-right: .5rem !important; margin-left: .5rem !important; }

.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }

.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }

.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }

.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; }

.my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; }

.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.mt-0 { margin-top: 0 !important; }

.mt-1 { margin-top: .25rem !important; }

.mt-2 { margin-top: .5rem !important; }

.mt-3 { margin-top: 1rem !important; }

.mt-4 { margin-top: 1.5rem !important; }

.mt-5 { margin-top: 3rem !important; }

.mt-auto { margin-top: auto !important; }

.me-0 { margin-right: 0 !important; }

.me-1 { margin-right: .25rem !important; }

.me-2 { margin-right: .5rem !important; }

.me-3 { margin-right: 1rem !important; }

.me-4 { margin-right: 1.5rem !important; }

.me-5 { margin-right: 3rem !important; }

.me-auto { margin-right: auto !important; }

.mb-0 { margin-bottom: 0 !important; }

.mb-1 { margin-bottom: .25rem !important; }

.mb-2 { margin-bottom: .5rem !important; }

.mb-3 { margin-bottom: 1rem !important; }

.mb-4 { margin-bottom: 1.5rem !important; }

.mb-5 { margin-bottom: 3rem !important; }

.mb-auto { margin-bottom: auto !important; }

.ms-0 { margin-left: 0 !important; }

.ms-1 { margin-left: .25rem !important; }

.ms-2 { margin-left: .5rem !important; }

.ms-3 { margin-left: 1rem !important; }

.ms-4 { margin-left: 1.5rem !important; }

.ms-5 { margin-left: 3rem !important; }

.ms-auto { margin-left: auto !important; }

.p-0 { padding: 0 !important; }

.p-1 { padding: .25rem !important; }

.p-2 { padding: .5rem !important; }

.p-3 { padding: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.px-0 { padding-right: 0 !important; padding-left: 0 !important; }

.px-1 { padding-right: .25rem !important; padding-left: .25rem !important; }

.px-2 { padding-right: .5rem !important; padding-left: .5rem !important; }

.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }

.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }

.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }

.py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }

.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.pt-0 { padding-top: 0 !important; }

.pt-1 { padding-top: .25rem !important; }

.pt-2 { padding-top: .5rem !important; }

.pt-3 { padding-top: 1rem !important; }

.pt-4 { padding-top: 1.5rem !important; }

.pt-5 { padding-top: 3rem !important; }

.pe-0 { padding-right: 0 !important; }

.pe-1 { padding-right: .25rem !important; }

.pe-2 { padding-right: .5rem !important; }

.pe-3 { padding-right: 1rem !important; }

.pe-4 { padding-right: 1.5rem !important; }

.pe-5 { padding-right: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }

.pb-1 { padding-bottom: .25rem !important; }

.pb-2 { padding-bottom: .5rem !important; }

.pb-3 { padding-bottom: 1rem !important; }

.pb-4 { padding-bottom: 1.5rem !important; }

.pb-5 { padding-bottom: 3rem !important; }

.ps-0 { padding-left: 0 !important; }

.ps-1 { padding-left: .25rem !important; }

.ps-2 { padding-left: .5rem !important; }

.ps-3 { padding-left: 1rem !important; }

.ps-4 { padding-left: 1.5rem !important; }

.ps-5 { padding-left: 3rem !important; }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .m-lg-1 { margin: .25rem !important; }
  .m-lg-2 { margin: .5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
  .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important; }
  .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important; }
  .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; }
  .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; }
  .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-lg-0 { margin-top: 0 !important; }
  .mt-lg-1 { margin-top: .25rem !important; }
  .mt-lg-2 { margin-top: .5rem !important; }
  .mt-lg-3 { margin-top: 1rem !important; }
  .mt-lg-4 { margin-top: 1.5rem !important; }
  .mt-lg-5 { margin-top: 3rem !important; }
  .mt-lg-auto { margin-top: auto !important; }
  .me-lg-0 { margin-right: 0 !important; }
  .me-lg-1 { margin-right: .25rem !important; }
  .me-lg-2 { margin-right: .5rem !important; }
  .me-lg-3 { margin-right: 1rem !important; }
  .me-lg-4 { margin-right: 1.5rem !important; }
  .me-lg-5 { margin-right: 3rem !important; }
  .me-lg-auto { margin-right: auto !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }
  .mb-lg-1 { margin-bottom: .25rem !important; }
  .mb-lg-2 { margin-bottom: .5rem !important; }
  .mb-lg-3 { margin-bottom: 1rem !important; }
  .mb-lg-4 { margin-bottom: 1.5rem !important; }
  .mb-lg-5 { margin-bottom: 3rem !important; }
  .mb-lg-auto { margin-bottom: auto !important; }
  .ms-lg-0 { margin-left: 0 !important; }
  .ms-lg-1 { margin-left: .25rem !important; }
  .ms-lg-2 { margin-left: .5rem !important; }
  .ms-lg-3 { margin-left: 1rem !important; }
  .ms-lg-4 { margin-left: 1.5rem !important; }
  .ms-lg-5 { margin-left: 3rem !important; }
  .ms-lg-auto { margin-left: auto !important; }
  .p-lg-0 { padding: 0 !important; }
  .p-lg-1 { padding: .25rem !important; }
  .p-lg-2 { padding: .5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important; }
  .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important; }
  .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
  .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
  .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-lg-0 { padding-top: 0 !important; }
  .pt-lg-1 { padding-top: .25rem !important; }
  .pt-lg-2 { padding-top: .5rem !important; }
  .pt-lg-3 { padding-top: 1rem !important; }
  .pt-lg-4 { padding-top: 1.5rem !important; }
  .pt-lg-5 { padding-top: 3rem !important; }
  .pe-lg-0 { padding-right: 0 !important; }
  .pe-lg-1 { padding-right: .25rem !important; }
  .pe-lg-2 { padding-right: .5rem !important; }
  .pe-lg-3 { padding-right: 1rem !important; }
  .pe-lg-4 { padding-right: 1.5rem !important; }
  .pe-lg-5 { padding-right: 3rem !important; }
  .pb-lg-0 { padding-bottom: 0 !important; }
  .pb-lg-1 { padding-bottom: .25rem !important; }
  .pb-lg-2 { padding-bottom: .5rem !important; }
  .pb-lg-3 { padding-bottom: 1rem !important; }
  .pb-lg-4 { padding-bottom: 1.5rem !important; }
  .pb-lg-5 { padding-bottom: 3rem !important; }
  .ps-lg-0 { padding-left: 0 !important; }
  .ps-lg-1 { padding-left: .25rem !important; }
  .ps-lg-2 { padding-left: .5rem !important; }
  .ps-lg-3 { padding-left: 1rem !important; } }

@media (min-width: 768px) { .m-md-1 { margin: .25rem !important; }
  .m-md-2 { margin: .5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
  .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important; }
  .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important; }
  .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-md-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; }
  .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; }
  .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-md-0 { margin-top: 0 !important; }
  .mt-md-1 { margin-top: .25rem !important; }
  .mt-md-2 { margin-top: .5rem !important; }
  .mt-md-3 { margin-top: 1rem !important; }
  .mt-md-4 { margin-top: 1.5rem !important; }
  .mt-md-5 { margin-top: 3rem !important; }
  .mt-md-auto { margin-top: auto !important; }
  .me-md-0 { margin-right: 0 !important; }
  .me-md-1 { margin-right: .25rem !important; }
  .me-md-2 { margin-right: .5rem !important; }
  .me-md-3 { margin-right: 1rem !important; }
  .me-md-4 { margin-right: 1.5rem !important; }
  .me-md-5 { margin-right: 3rem !important; }
  .me-md-auto { margin-right: auto !important; }
  .mb-md-0 { margin-bottom: 0 !important; }
  .mb-md-1 { margin-bottom: .25rem !important; }
  .mb-md-2 { margin-bottom: .5rem !important; }
  .mb-md-3 { margin-bottom: 1rem !important; }
  .mb-md-4 { margin-bottom: 1.5rem !important; }
  .mb-md-5 { margin-bottom: 3rem !important; }
  .mb-md-auto { margin-bottom: auto !important; }
  .ms-md-0 { margin-left: 0 !important; }
  .ms-md-1 { margin-left: .25rem !important; }
  .ms-md-2 { margin-left: .5rem !important; }
  .ms-md-3 { margin-left: 1rem !important; }
  .ms-md-4 { margin-left: 1.5rem !important; }
  .ms-md-5 { margin-left: 3rem !important; }
  .ms-md-auto { margin-left: auto !important; }
  .p-md-0 { padding: 0 !important; }
  .p-md-1 { padding: .25rem !important; }
  .p-md-2 { padding: .5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important; }
  .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important; }
  .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
  .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
  .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-md-0 { padding-top: 0 !important; }
  .pt-md-1 { padding-top: .25rem !important; }
  .pt-md-2 { padding-top: .5rem !important; }
  .pt-md-3 { padding-top: 1rem !important; }
  .pt-md-4 { padding-top: 1.5rem !important; }
  .pt-md-5 { padding-top: 3rem !important; }
  .pe-md-0 { padding-right: 0 !important; }
  .pe-md-1 { padding-right: .25rem !important; }
  .pe-md-2 { padding-right: .5rem !important; }
  .pe-md-3 { padding-right: 1rem !important; }
  .pe-md-4 { padding-right: 1.5rem !important; }
  .pe-md-5 { padding-right: 3rem !important; }
  .pb-md-0 { padding-bottom: 0 !important; }
  .pb-md-1 { padding-bottom: .25rem !important; }
  .pb-md-2 { padding-bottom: .5rem !important; }
  .pb-md-3 { padding-bottom: 1rem !important; }
  .pb-md-4 { padding-bottom: 1.5rem !important; }
  .pb-md-5 { padding-bottom: 3rem !important; }
  .ps-md-0 { padding-left: 0 !important; }
  .ps-md-1 { padding-left: .25rem !important; }
  .ps-md-2 { padding-left: .5rem !important; }
  .ps-md-3 { padding-left: 1rem !important; }
  .ps-md-4 { padding-left: 1.5rem !important; }
  .ps-md-5 { padding-left: 3rem !important; } }

.mobileDisplay { display: none; }

@media (max-width: 992px) { .mobileDisplay { display: block; } }

#mobile-nav { position: fixed; top: 0; left: 0; width: 100%; padding: 5px; background-color: #F1F1F1; z-index: 999; opacity: 1; }

#mobile-nav .mobile-logo { width: 200px; height: auto; }

#mobile-nav .full-menu-toggler h1 { font-size: 36px; }

#mobile-nav .full-menu-toggler svg { margin-bottom: -22px; }

#mobile-nav .menu-toggler-mobile { position: fixed; right: 0; top: 0; z-index: 999; }

#mobile-nav .input-toggler-mobile { display: none; }

#mobile-nav svg.search-icon { width: 30px; height: 30px; margin-right: 15px; }

.menu-sidebar-mobile { position: absolute; top: 0; height: 100vh; width: 100%; overflow-x: hidden; z-index: 99; }

.menu-sidebar-mobile section { height: 25vh; min-height: calc(var(--vh, 1vh) * 25); padding-bottom: 0; position: relative; padding-bottom: 0rem; }

.menu-sidebar-mobile section .full-menu-toggler { position: absolute; padding: 0 1.5rem 0 1rem; width: 100%; bottom: 1.5rem; display: flex; justify-content: space-between; align-items: center; }

.menu-sidebar-mobile section .full-menu-toggler h1 { margin-bottom: 0; }

.menu-sidebar-mobile section .full-menu-toggler svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.menu-sidebar-mobile section .full-menu-toggler:hover { cursor: pointer; }

.menu-sidebar-mobile section .full-menu-back { margin: 10px 20px 0 0; position: absolute; right: 5.5rem; top: 1.7rem; }

.menu-sidebar-mobile .online-green { background-color: #9BBCAE; }

.menu-sidebar-mobile .reading-purple { background-color: #A1A3B4; }

.menu-sidebar-mobile .resources-red { background-color: #DF7C7C; }

.menu-sidebar-mobile .bg-grey { background-color: #F1F1F1; }

.menu-sidebar-mobile .bg-grey .full-menu-toggler { bottom: 3.5rem; }

.menu-sidebar-mobile ul { margin-bottom: 0; padding-left: 1.8rem; padding-right: 1.8rem; margin: 0; }

.menu-sidebar-mobile ul li { list-style-type: none; font-weight: 500; margin-top: 20px; line-height: 1.3; font-size: 1.8rem; }

.menu-sidebar-mobile ul li span { display: block; font-size: 1.8rem; font-weight: 400; }

.menu-sidebar-mobile ul li a { text-decoration: none; }

.menu-sidebar-mobile ul li .hover-underline-animation { position: relative; color: #000000; }

.menu-sidebar-mobile ul li .hover-underline-animation::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -2px; left: 0; background-color: #000000; transform-origin: bottom left; }

.menu-sidebar-mobile ul li .hover-underline-animation:hover::after { transform: scaleX(1); transform-origin: bottom left; text-decoration: none; }

.second-level-menu-mobile { position: fixed; top: 0; bottom: 0; left: -100%; overflow-y: auto; transition: left 0.4s; width: 100%; height: 100vh; z-index: 99999; padding-bottom: 3rem; }

.second-level-menu-mobile.full-online-menu { background: #9BBCAE; }

.second-level-menu-mobile.full-reading-menu { background: #A1A3B4; }

.second-level-menu-mobile.full-resources-menu { background: #DF7C7C; }

.second-level-menu-mobile.full-more-menu { background: #F1F1F1; }

.second-level-menu-mobile .menu-image { background-repeat: no-repeat; background-position: center; width: 100%; height: auto; background-size: cover; aspect-ratio: 3/2; }

.second-level-menu-mobile h1 { position: relative !important; bottom: 0 !important; padding-top: 4rem; left: 0 !important; padding-left: 1rem; }

.double-feature a:hover, .double-feature a:focus { color: #333; }

@media (max-width: 767px) { .double-feature .col-md-6:nth-of-type(2) { padding-right: 10px; } }

@media (max-width: 767px) { .double-feature .col-md-6:nth-of-type(1) { padding-left: 10px; } }

.double-feature .double-feature-box { min-height: 400px; background-size: cover; background-position: center; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; padding: 40px; margin-bottom: 10px; margin-top: 10px; background-color: #988664; background-blend-mode: multiply; color: #F9F7F7; }

.double-feature .double-feature-box:hover, .double-feature .double-feature-box:focus { background-color: #d5cec0; text-decoration: none; }

.double-feature .double-feature-box h2 { margin-top: 0; padding-top: 0; }

.double-feature .double-feature-box.white-text { color: #F9F7F7; }

.double-feature .double-feature-box .bottom-text { bottom: 0; position: absolute; margin-bottom: 40px; padding-right: 40px; }

.double-feature .double-feature-box.text-box { background-color: #e5e0d3; padding: 80px; }

.double-feature .double-feature-box.text-box h2 { text-align: center; }

.quad-feature { margin: 10px 0 0 0; }

.quad-feature a:hover { color: #333; }

.quad-feature .quad-feature-box { margin-bottom: 20px; }

.quad-feature .quad-feature-box.col-md-3:nth-of-type(1), .quad-feature .quad-feature-box.col-md-3:nth-of-type(5), .quad-feature .quad-feature-box.col-md-3:nth-of-type(9), .quad-feature .quad-feature-box.col-md-3:nth-of-type(13), .quad-feature .quad-feature-box.col-md-3:nth-of-type(17), .quad-feature .quad-feature-box.col-md-3:nth-of-type(21) { padding-left: 0; }

@media (max-width: 767px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(1), .quad-feature .quad-feature-box.col-md-3:nth-of-type(5), .quad-feature .quad-feature-box.col-md-3:nth-of-type(9), .quad-feature .quad-feature-box.col-md-3:nth-of-type(13), .quad-feature .quad-feature-box.col-md-3:nth-of-type(17), .quad-feature .quad-feature-box.col-md-3:nth-of-type(21) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(1), .quad-feature .quad-feature-box.col-md-3:nth-of-type(5), .quad-feature .quad-feature-box.col-md-3:nth-of-type(9), .quad-feature .quad-feature-box.col-md-3:nth-of-type(13), .quad-feature .quad-feature-box.col-md-3:nth-of-type(17), .quad-feature .quad-feature-box.col-md-3:nth-of-type(21) { padding-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(1), .quad-feature .quad-feature-box.col-md-3:nth-of-type(5), .quad-feature .quad-feature-box.col-md-3:nth-of-type(9), .quad-feature .quad-feature-box.col-md-3:nth-of-type(13), .quad-feature .quad-feature-box.col-md-3:nth-of-type(17), .quad-feature .quad-feature-box.col-md-3:nth-of-type(21) { padding-left: 0; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(1), .quad-feature .quad-feature-box.col-md-3:nth-of-type(5), .quad-feature .quad-feature-box.col-md-3:nth-of-type(9), .quad-feature .quad-feature-box.col-md-3:nth-of-type(13), .quad-feature .quad-feature-box.col-md-3:nth-of-type(17), .quad-feature .quad-feature-box.col-md-3:nth-of-type(21) { padding-left: 0; } }

.quad-feature .quad-feature-box.col-md-3:nth-of-type(2) { padding-right: 10px; }

@media (max-width: 767px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(2) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(2) { padding-right: 0px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(2) { padding-right: 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(2) { padding-right: 10px; } }

.quad-feature .quad-feature-box.col-md-3:nth-of-type(3) { padding-right: 10px; }

@media (max-width: 767px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(3) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(3) { padding-right: 10px; padding-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(3) { padding-right: 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(3) { padding-right: 10px; } }

.quad-feature .quad-feature-box.col-md-3:nth-of-type(4), .quad-feature .quad-feature-box.col-md-3:nth-of-type(8), .quad-feature .quad-feature-box.col-md-3:nth-of-type(12), .quad-feature .quad-feature-box.col-md-3:nth-of-type(16), .quad-feature .quad-feature-box.col-md-3:nth-of-type(20), .quad-feature .quad-feature-box.col-md-3:nth-of-type(24) { padding-right: 0; }

@media (max-width: 767px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(4), .quad-feature .quad-feature-box.col-md-3:nth-of-type(8), .quad-feature .quad-feature-box.col-md-3:nth-of-type(12), .quad-feature .quad-feature-box.col-md-3:nth-of-type(16), .quad-feature .quad-feature-box.col-md-3:nth-of-type(20), .quad-feature .quad-feature-box.col-md-3:nth-of-type(24) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(4), .quad-feature .quad-feature-box.col-md-3:nth-of-type(8), .quad-feature .quad-feature-box.col-md-3:nth-of-type(12), .quad-feature .quad-feature-box.col-md-3:nth-of-type(16), .quad-feature .quad-feature-box.col-md-3:nth-of-type(20), .quad-feature .quad-feature-box.col-md-3:nth-of-type(24) { padding-right: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(4), .quad-feature .quad-feature-box.col-md-3:nth-of-type(8), .quad-feature .quad-feature-box.col-md-3:nth-of-type(12), .quad-feature .quad-feature-box.col-md-3:nth-of-type(16), .quad-feature .quad-feature-box.col-md-3:nth-of-type(20), .quad-feature .quad-feature-box.col-md-3:nth-of-type(24) { padding-right: 0; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(4), .quad-feature .quad-feature-box.col-md-3:nth-of-type(8), .quad-feature .quad-feature-box.col-md-3:nth-of-type(12), .quad-feature .quad-feature-box.col-md-3:nth-of-type(16), .quad-feature .quad-feature-box.col-md-3:nth-of-type(20), .quad-feature .quad-feature-box.col-md-3:nth-of-type(24) { padding-right: 0 !important; } }

.quad-feature .quad-feature-box.col-md-3:nth-of-type(6), .quad-feature .quad-feature-box.col-md-3:nth-of-type(10), .quad-feature .quad-feature-box.col-md-3:nth-of-type(14), .quad-feature .quad-feature-box.col-md-3:nth-of-type(18), .quad-feature .quad-feature-box.col-md-3:nth-of-type(22), .quad-feature .quad-feature-box.col-md-3:nth-of-type(26) { padding-right: 10px; }

@media (max-width: 767px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(6), .quad-feature .quad-feature-box.col-md-3:nth-of-type(10), .quad-feature .quad-feature-box.col-md-3:nth-of-type(14), .quad-feature .quad-feature-box.col-md-3:nth-of-type(18), .quad-feature .quad-feature-box.col-md-3:nth-of-type(22), .quad-feature .quad-feature-box.col-md-3:nth-of-type(26) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(6), .quad-feature .quad-feature-box.col-md-3:nth-of-type(10), .quad-feature .quad-feature-box.col-md-3:nth-of-type(14), .quad-feature .quad-feature-box.col-md-3:nth-of-type(18), .quad-feature .quad-feature-box.col-md-3:nth-of-type(22), .quad-feature .quad-feature-box.col-md-3:nth-of-type(26) { padding-right: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(6), .quad-feature .quad-feature-box.col-md-3:nth-of-type(10), .quad-feature .quad-feature-box.col-md-3:nth-of-type(14), .quad-feature .quad-feature-box.col-md-3:nth-of-type(18), .quad-feature .quad-feature-box.col-md-3:nth-of-type(22), .quad-feature .quad-feature-box.col-md-3:nth-of-type(26) { padding-right: 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(6), .quad-feature .quad-feature-box.col-md-3:nth-of-type(10), .quad-feature .quad-feature-box.col-md-3:nth-of-type(14), .quad-feature .quad-feature-box.col-md-3:nth-of-type(18), .quad-feature .quad-feature-box.col-md-3:nth-of-type(22), .quad-feature .quad-feature-box.col-md-3:nth-of-type(26) { padding-right: 10px; } }

.quad-feature .quad-feature-box.col-md-3:nth-of-type(7), .quad-feature .quad-feature-box.col-md-3:nth-of-type(11), .quad-feature .quad-feature-box.col-md-3:nth-of-type(15), .quad-feature .quad-feature-box.col-md-3:nth-of-type(19), .quad-feature .quad-feature-box.col-md-3:nth-of-type(23), .quad-feature .quad-feature-box.col-md-3:nth-of-type(27) { padding-left: 10px; }

@media (max-width: 767px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(7), .quad-feature .quad-feature-box.col-md-3:nth-of-type(11), .quad-feature .quad-feature-box.col-md-3:nth-of-type(15), .quad-feature .quad-feature-box.col-md-3:nth-of-type(19), .quad-feature .quad-feature-box.col-md-3:nth-of-type(23), .quad-feature .quad-feature-box.col-md-3:nth-of-type(27) { padding-left: 0; padding-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(7), .quad-feature .quad-feature-box.col-md-3:nth-of-type(11), .quad-feature .quad-feature-box.col-md-3:nth-of-type(15), .quad-feature .quad-feature-box.col-md-3:nth-of-type(19), .quad-feature .quad-feature-box.col-md-3:nth-of-type(23), .quad-feature .quad-feature-box.col-md-3:nth-of-type(27) { padding-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(7), .quad-feature .quad-feature-box.col-md-3:nth-of-type(11), .quad-feature .quad-feature-box.col-md-3:nth-of-type(15), .quad-feature .quad-feature-box.col-md-3:nth-of-type(19), .quad-feature .quad-feature-box.col-md-3:nth-of-type(23), .quad-feature .quad-feature-box.col-md-3:nth-of-type(27) { padding-left: 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box.col-md-3:nth-of-type(7), .quad-feature .quad-feature-box.col-md-3:nth-of-type(11), .quad-feature .quad-feature-box.col-md-3:nth-of-type(15), .quad-feature .quad-feature-box.col-md-3:nth-of-type(19), .quad-feature .quad-feature-box.col-md-3:nth-of-type(23), .quad-feature .quad-feature-box.col-md-3:nth-of-type(27) { padding-left: 10px; } }

.quad-feature .quad-feature-box .quad-image { height: 200px; background-size: cover; background-position: center; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; background-color: #6C6C6C; background-blend-mode: overlay; }

.quad-feature .quad-feature-box .quad-image.taller { height: 300px; }

.quad-feature .quad-feature-box:hover .quad-image { height: 200px; background-size: cover; background-position: center; background-color: transparent; background-blend-mode: overlay; }

.quad-feature .quad-feature-box:hover .quad-image.taller { height: 300px; }

.quad-feature .quad-feature-box h2 { font-size: 28px; }

@media (max-width: 767px) { .quad-feature .quad-feature-box h2 { font-size: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box h2 { font-size: 22px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box h2 { font-size: 24px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box h2 { font-size: 26px; } }

.quad-feature .quad-feature-box h3 { margin-top: 5px; }

.quad-feature .quad-feature-box p.date { font-family: "Jost", Helvetica, Arial, sans-serif; }

.quad-feature .quad-feature-box .feature-text { overflow: auto; padding: 25px 40px 40px 40px; background-color: #f1efe8; position: relative; }

@media (max-width: 767px) { .quad-feature .quad-feature-box .feature-text { padding: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box .feature-text { padding: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box .feature-text { padding: 25px; } }

.quad-feature .quad-feature-box .feature-text p:nth-last-of-type(2) { padding-bottom: 15px; }

.quad-feature .quad-feature-box .feature-text .more { position: absolute; bottom: 10px; margin-top: 30px; font-weight: 400; color: #a57e38; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }

@media (max-width: 767px) { .quad-feature .quad-feature-box .feature-text .more { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .quad-feature .quad-feature-box .feature-text .more { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quad-feature .quad-feature-box .feature-text .more { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quad-feature .quad-feature-box .feature-text .more { font-size: 18px; } }

.quad-feature .quad-feature-box .feature-text .more::after { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.quad-feature .quad-feature-box .feature-text .more:hover, .quad-feature .quad-feature-box .feature-text .more:focus { color: #7f612b; text-decoration: none; }

footer { background-color: #333; }

footer h3 + p, footer h3 + ul { margin-top: 1rem; margin-bottom: 1.8rem; font-size: 22px; }

footer h3 { margin-bottom: 0; }

footer h3, footer p, footer li { color: rgba(223, 223, 223, 0.925); }

footer h3 a, footer p a, footer li a { color: rgba(223, 223, 223, 0.925) !important; text-decoration: none; text-underline-offset: 0; text-decoration: none; text-decoration-thickness: 0; transition: color 0.2s, text-underline-offset 0.2s, text-decoration-color 0.2s; }

footer h3 a:hover, footer p a:hover, footer li a:hover { color: rgba(223, 223, 223, 0.925) !important; text-underline-offset: 0.4em; text-decoration: underline; text-decoration-color: #F1F1F1; text-decoration-thickness: 0.1em; transition: color 0.2s, text-underline-offset 0.2s, text-decoration-color 0.2s; }

footer h3 { font-weight: 500; font-size: 2.6rem; padding-right: 20px; }

footer ul { margin: 0; padding-left: 0; }

footer ul li { list-style: none; font-size: 22px; }

footer .logo { width: 100%; height: auto; padding-right: 2rem; max-width: 300px; }

footer .copyright { margin-top: 2rem; font-size: .8rem; color: #CEA869; }

.left-sidebar { background-color: #e5e0d3; margin-top: -10px; border-right: 1px solid #F9F7F7; padding-top: 60px; }

@media (max-width: 991px) { .left-sidebar { display: none; } }

.left-sidebar .sidebar-text .sidebar-text-box { margin: 0 40px; padding-top: 20px; padding-bottom: 20px; border-top: 2px solid #F9F7F7; }

.left-sidebar .sidebar-text .sidebar-text-box img { margin-bottom: 10px; }

.left-sidebar .sidebar-text .sidebar-text-box p { font-size: 18px; }

.left-sidebar .sidebar-text .sidebar-text-box a { color: #a57e38 !important; /* &::after { content: " \276F "; padding-right: 5px; font-size: smaller; }*/ }

.left-sidebar .sidebar-text .sidebar-text-box a::after { content: " \276F "; padding-right: 5px; font-size: smaller; }

.left-sidebar .sidebar-text .sidebar-text-box a:hover, .left-sidebar .sidebar-text .sidebar-text-box a:focus, .left-sidebar .sidebar-text .sidebar-text-box a:active { color: #59441e; text-decoration: none; }

.left-sidebar .sidenav ul ul li::before { content: none; display: none; }

.left-sidebar .subnav { padding-left: 40px; }

.sidenav.ohp { margin-bottom: 70px; }

.sidenav.ohp ul { margin-left: 0; }

.sidenav.ohp ul li.active a, .sidenav.ohp ul li.current_page_item a { color: #a57e38; }

.sidenav.ohp ul li.active ul li a, .sidenav.ohp ul li.current_page_item ul li a { color: #333; }

.sidenav.ohp ul li { list-style: none; margin-bottom: 8px; }

.sidenav.ohp ul li a { font-size: 18px; }

.sidenav.ohp ul ul { margin-top: 15px; margin-bottom: 25px; padding-left: 5px; }

.sidenav.ohp ul ul li { margin-bottom: 4px; }

.sidenav.ohp ul ul li::before { content: " - "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.sidenav.ohp ul ul li a { font-size: 15px; }

.sidenav.ohp ul ul ul { padding-left: 15px; }

.sidenav.ohp ul ul ul li a { font-size: 15px; }

.sidenav.ohp ul.locations { display: none; }

.sidenav.ohp ul.subnav ul.locations { display: block; }

.sidenav.ohp ul.subnav li ul.children { display: none; }

.sidenav.ohp ul.subnav li.current_page_item ul.children, .sidenav.ohp ul.subnav li.current_page_parent ul.children { display: block; }

.sidenav.ohp ul.subnav .sub-menu { display: none; }

.sidenav.ohp ul.subnav li.current_page_item .sub-menu, .sidenav.ohp ul.subnav li.current_page_parent .sub-menu { display: block; }

.sidenav.ohp ul.counties-list { display: none; }

.sidenav.ohp li.current-page ul.counties-list { display: block; }

.about-us-heading { margin-top: 70px; }

.quote-box { color: #F9F7F7; background-color: #a57e38; background-image: url("/fileadmin/templates/template01/images/d-quote-l.png"); background-repeat: no-repeat; background-position: left 20px top 20px; margin-left: 40px; padding: 80px; }

@media (max-width: 767px) { .quote-box { margin-left: 0; padding: 30px 20px 20px 50px; font-size: 16px; background-image: url("/fileadmin/templates/template01/images/d-quote-sm.png"); } }

@media (min-width: 768px) and (max-width: 991px) { .quote-box { margin-left: 0; padding: 20px 20px 20px 80px; font-size: 18px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quote-box { font-size: 20px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quote-box { font-size: 28px; } }

.quote-box div.quote, .quote-box div.quote p { font-size: 36px; font-family: "futura-pt", Serif; }

@media (max-width: 767px) { .quote-box div.quote, .quote-box div.quote p { font-size: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { .quote-box div.quote, .quote-box div.quote p { font-size: 18px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quote-box div.quote, .quote-box div.quote p { font-size: 20px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quote-box div.quote, .quote-box div.quote p { font-size: 28px; } }

.quote-box p.quote-name { text-align: right; font-size: 18px; font-weight: bold; }

@media (max-width: 767px) { .quote-box p.quote-name { font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { .quote-box p.quote-name { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { .quote-box p.quote-name { font-size: 18px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .quote-box p.quote-name { font-size: 18px; } }

.two-columns-right .featured-image { margin-top: 80px; width: 100%; }

.col-md-9.matched-column.no-padding-right { padding-left: 10px; }

@media (max-width: 767px) { .col-md-9.matched-column.no-padding-right { padding-left: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .col-md-9.matched-column.no-padding-right { padding-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .col-md-9.matched-column.no-padding-right { padding-left: 10px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .col-md-9.matched-column.no-padding-right { padding-left: 10px; } }

.col-md-9.matched-column.no-padding { padding-left: 0; padding-right: 0; }

.news-single-img { max-width: 100%; margin-top: 10px; }

.news-single-img .news-single-imgcaption { max-width: 100% !important; min-width: 100% !important; }

.visible-sm { width: 100%; overflow: auto; }

.visible-sm .news-single-img { width: 100%; }

.visible-sm img { width: 100%; }

.news-single-backlink { margin-top: 30px; }

.news-single-backlink a { color: #a57e38; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .news-single-backlink a { font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { .news-single-backlink a { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .news-single-backlink a { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .news-single-backlink a { font-size: 18px; } }

.news-single-backlink a:hover, .news-single-backlink a:focus { color: #59441e; text-decoration: none; }

.news-single-backlink a::before { content: " \276E "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.header-container { /* Mobile navigation */ }

.header-container nav.responsive-nav { background: #2A3333; display: none; position: absolute; z-index: 20; }

@media (max-width: 991px) { .header-container nav.responsive-nav { display: block; width: 100%; overflow-y: auto; height: 0; -webkit-overflow-scrolling: touch; } }

.header-container nav.responsive-nav ul { list-style: none; margin: 0; max-height: 90vh; padding: 0; }

.header-container nav.responsive-nav ul li { float: left; position: relative; width: 100%; }

.header-container nav.responsive-nav ul li a, .header-container nav.responsive-nav ul li a:visited { display: block; height: 36px; border-bottom: 1px solid gray; padding: 0 20px; font-size: 12px; line-height: 36px; background: #2A3333; color: #ffffff; text-decoration: none; }

.header-container nav.responsive-nav ul li a:hover, .header-container nav.responsive-nav ul li a:visited:hover { background: #a57e38; color: #ffffff; }

.header-container nav.responsive-nav ul li span.dropdown-button { position: absolute; right: 0; top: 0; width: 50px; height: 50px; border-bottom: 1px solid gray; border-left: 1px solid gray; cursor: pointer; }

.header-container nav.responsive-nav ul li span.dropdown-button:hover { background: #a57e38; }

.header-container nav.responsive-nav ul li span.dropdown-button::after { position: absolute; right: 20px; top: 10px; color: #F9F7F7; padding-left: 4px; content: ' ▾'; }

.header-container nav.responsive-nav ul li ul li { min-width: 190px; }

.header-container nav.responsive-nav ul li ul li a, .header-container nav.responsive-nav ul li ul li a:visited { padding: 0 20px; line-height: 36px; background: #465454; }

.header-container nav.responsive-nav ul li ul li ul li a, .header-container nav.responsive-nav ul li ul li ul li a:visited { background: #6D8383; }

.header-container nav.responsive-nav ul li ul li ul li ul li a, .header-container nav.responsive-nav ul li ul li ul li ul li a:visited { background: #89A5A5; }

.header-container nav.responsive-nav ul li ul li ul li ul li ul li a, .header-container nav.responsive-nav ul li ul li ul li ul li ul li a:visited { background: #A4BFBF; }

.header-container nav.responsive-nav ul li ul li ul li ul li ul li ul li a, .header-container nav.responsive-nav ul li ul li ul li ul li ul li ul li a:visited { background: #B7D0D0; }

.header-container .nav-dropdown { position: absolute; display: none; z-index: 1; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); }

.header-container .nav-mobile { display: none; position: fixed; top: 0; right: 0; background: transparent !important; height: 90px; width: 80px; }

@media (max-width: 991px) { .header-container .nav-mobile { display: block; }
  .header-container nav { width: 100%; }
  .header-container nav ul { display: none; }
  .header-container nav ul li { float: none; }
  .header-container nav ul li a { padding: 15px; line-height: 20px; }
  .header-container nav ul li ul li a { padding-left: 30px; }
  .header-container .nav-dropdown { position: static; } }

@media screen and (min-width: 991px) { .header-container .nav-list { display: block !important; } }

.header-container #nav-toggle { position: absolute; left: 18px; top: 15px; cursor: pointer; height: 100%; padding: 25px 35px 16px 5px; }

.header-container #nav-toggle span, .header-container #nav-toggle span:before, .header-container #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 35px; background: #ffffff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; }

.header-container #nav-toggle span:before { top: -10px; }

.header-container #nav-toggle span:after { bottom: -10px; }

.header-container #nav-toggle.active span { background-color: transparent; }

.header-container #nav-toggle.active span:before, .header-container #nav-toggle.active span:after { top: 0; }

.header-container #nav-toggle.active span:before { transform: rotate(45deg); }

.header-container #nav-toggle.active span:after { transform: rotate(-45deg); }

.responsive-nav.opened::-webkit-scrollbar { width: 10px; background-color: rgba(0, 0, 0, 0); }

.responsive-nav.opened::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); border-radius: 5px; }

.right-sidebar { background-color: #e5e0d3; margin-top: -10px; border-right: 1px solid #F9F7F7; padding-left: 60px; padding-bottom: 60px; padding-right: 60px; }

.right-sidebar .reading-sidebar .inner-reading { overflow: auto; display: block; margin-top: 52px; }

.right-sidebar .reading-sidebar .inner-reading .title-text p.title-text-title { margin-bottom: 0; }

.right-sidebar .reading-sidebar .inner-reading .title-text p { margin-top: 0; }

.right-sidebar .reading-sidebar .inner-reading .title-text#downlaod p.title-text-title { margin-bottom: 20px; }

@media (max-width: 767px) { .right-sidebar { padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .right-sidebar { padding-left: 15px; padding-right: 15px; padding-bottom: 60px; } }

@media (min-width: 992px) and (max-width: 1199px) { .right-sidebar { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .right-sidebar { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } }

.right-sidebar hr { border-width: 2px; }

.right-sidebar .sidebar-text { margin: 0 25px; padding-top: 20px; border-top: 1px solid #8C553B; }

.right-sidebar .title-text { padding-bottom: 10px; }

.right-sidebar .title-text .title-text-title { font-weight: bold; }

.reading-room-text-content { padding: 30px 90px 50px 50px; }

@media (max-width: 767px) { .reading-room-text-content { padding: 10px 5px 50px 5px; } }

@media (min-width: 768px) and (max-width: 991px) { .reading-room-text-content { padding: 15px 15px; } }

@media (min-width: 992px) and (max-width: 1199px) { .reading-room-text-content { padding: 15px 30px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .reading-room-text-content { padding: 30px 90px 50px 50px; } }

.searchFormHolder { padding: 30px; }

.searchFormHolder #search_form .control-label { text-align: left !important; }

@media (max-width: 767px) { .searchFormHolder #search_form .control-label { text-align: left !important; } }

@media (min-width: 768px) and (max-width: 991px) { .searchFormHolder #search_form .control-label { text-align: left !important; } }

.searchFormHolder #search_form label { font-family: "Jost", Helvetica, Arial, sans-serif; font-weight: 300; display: block; font-size: smaller; }

.searchFormHolder #search_form legend { font-family: "futura-pt", Serif; border-bottom: none !important; padding-left: 0; }

.searchFormHolder #search_form input, .searchFormHolder #search_form button, .searchFormHolder #search_form select, .searchFormHolder #search_form textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: 10px; }

.searchFormHolder #search_form input[type="submit"] { width: auto; align-items: flex-start; text-align: center; cursor: default; color: #333; padding: 10px 20px; font-weight: 500; font-family: "Jost", Helvetica, Arial, sans-serif; outline: none !important; background-color: #f0ad4e; border-width: 2px; border-style: none; border-color: none; border-image: none; cursor: pointer; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.searchFormHolder #search_form input[type="submit"]:hover { background-color: #ec971f; }

.searchFormHolder #search_form .input-group.max { width: 100% !important; }

.searchFormHolder #search_form input { -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; width: 100% !important; }

.searchFormHolder #search_form input:focus { -webkit-appearance: textfield; background-color: #f1efe8; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; padding: 3px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; }

.searchFormHolder #search_form .btn.btn-warning { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 0 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* search form */
.search-form { padding: 20px 0; margin: 20px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.search-form__submit { padding: 0 10px; margin-bottom: 15px; }

.search-form__submit input { width: 100%; height: 34px; font-size: 14px; margin-top: 29px; }

.search-form__submit input:active, .search-form__submit input:focus { border-color: #66afe9 !important; outline: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; }

.search-form label { font-weight: 400; font-size: 14.5px; color: gray; }

.search-form label { font-weight: normal; font-size: 14px; }

@media (max-width: 767px) { .search-form label { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .search-form label { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .search-form label { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .search-form label { font-size: 14px; } }

.search-form label.main { font-weight: bold; text-align: left; font-size: 18px; margin-bottom: 0; }

.fifty-fifty-text-image { overflow: auto; margin-bottom: 10px; margin-top: 10px; }

.fifty-fifty-text-image a:hover { color: #333; }

.fifty-fifty-text-image .two-colour-box-left .inner { background-color: #f1efe8; height: 100%; padding: 40px; }

.fifty-fifty-text-image .two-colour-box-left .inner.cream { background-color: #f1efe8; }

.fifty-fifty-text-image .two-colour-box-right .inner { background-color: #f1efe8; height: 100%; padding: 40px; }

.fifty-fifty-text-image .col-sm-6:nth-of-type(1) { padding-left: 0; }

@media (max-width: 767px) { .fifty-fifty-text-image .col-sm-6:nth-of-type(1) { padding-left: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .col-sm-6:nth-of-type(1) { padding-left: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .col-sm-6:nth-of-type(1) { padding-left: 10px; } }

.fifty-fifty-text-image .col-sm-6:nth-of-type(2) { padding-right: 0; }

@media (max-width: 767px) { .fifty-fifty-text-image .col-sm-6:nth-of-type(2) { padding-right: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .col-sm-6:nth-of-type(2) { padding-right: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .col-sm-6:nth-of-type(2) { padding-right: 10px; } }

.fifty-fifty-text-image .fifty-fifty-text-image-box { min-height: 400px; background-size: cover; background-position: center; /* ...and now for the proper property */ transition: .5s; padding: 40px; color: #333; }

@media (max-width: 767px) { .fifty-fifty-text-image .fifty-fifty-text-image-box { padding: 20px !important; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .fifty-fifty-text-image-box { padding: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .fifty-fifty-text-image-box { padding: 40px; } }

.fifty-fifty-text-image .fifty-fifty-text-image-box.image-box { height: 100%; padding-right: 10px; }

.fifty-fifty-text-image .fifty-fifty-text-image-box.download-box { background-color: #f1efe8; display: inline-flex; width: 100%; }

.fifty-fifty-text-image .fifty-fifty-text-image-box.download-box .download-button { margin: auto; }

.fifty-fifty-text-image .fifty-fifty-text-image-box.download-box .download-button .fa { font-size: 64px; }

@media (max-width: 767px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.download-box .download-button .fa { font-size: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.download-box .download-button .fa { font-size: 36px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.download-box .download-button .fa { font-size: 40px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.download-box .download-button .fa { font-size: 48px; } }

.fifty-fifty-text-image .fifty-fifty-text-image-box h2 { margin-top: 0; padding-bottom: 60px; padding-top: 0; }

@media (max-width: 767px) { .fifty-fifty-text-image .fifty-fifty-text-image-box h2 { padding-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .fifty-fifty-text-image-box h2 { padding-bottom: 40px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .fifty-fifty-text-image-box h2 { padding-bottom: 50px; } }

.fifty-fifty-text-image .fifty-fifty-text-image-box .bottom-text { bottom: 0; position: absolute; margin-bottom: 40px; padding-right: 40px; }

@media (max-width: 767px) { .fifty-fifty-text-image .fifty-fifty-text-image-box .bottom-text { padding-right: 20px; margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .fifty-fifty-text-image-box .bottom-text { padding-right: 20px; margin-bottom: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .fifty-fifty-text-image-box .bottom-text { padding-right: 40px; margin-bottom: 40px; } }

.fifty-fifty-text-image .fifty-fifty-text-image-box.text-box { background-color: #e5e0d3; padding: 80px; overflow: auto; }

@media (max-width: 767px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.text-box { padding: 40px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.text-box { padding: 40px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image .fifty-fifty-text-image-box.text-box { padding: 60px; } }

.fifty-fifty-text-image .fifty-fifty-text-image-box.text-box h2 { text-align: center; }

.fifty-fifty-text-image.home .col-sm-6:nth-of-type(1) { padding-left: 10px; }

@media (max-width: 767px) { .fifty-fifty-text-image.home .col-sm-6:nth-of-type(1) { padding-left: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image.home .col-sm-6:nth-of-type(1) { padding-left: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image.home .col-sm-6:nth-of-type(1) { padding-left: 10px; } }

.fifty-fifty-text-image.home .col-sm-6:nth-of-type(2) { padding-right: 10px; }

@media (max-width: 767px) { .fifty-fifty-text-image.home .col-sm-6:nth-of-type(2) { padding-right: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .fifty-fifty-text-image.home .col-sm-6:nth-of-type(2) { padding-right: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fifty-fifty-text-image.home .col-sm-6:nth-of-type(2) { padding-right: 10px; } }

.fifty-fifty-text-image.home .fifty-fifty-text-image-box.text-box h2 { padding-bottom: 30px !important; }

.tx-a21glossaryadvancedoutput-pi1 { margin: 40px; }

.tx-a21glossaryadvancedoutput-pi1 .searchform { display: inline-block; float: right; }

.tx-a21glossaryadvancedoutput-pi1 .searchform form { padding: 0; background-color: transparent; }

.tx-a21glossaryadvancedoutput-pi1 .navbar { display: inline-block; float: left; }

.tx-a21glossaryadvancedoutput-pi1 .navbar a { margin-right: 10px; }

.tx-a21glossaryadvancedoutput-pi1 .result { clear: both; }

/*
.tx-irfaq-dynheader
{
    border-bottom: 1px solid #333;
    padding: 20px 50px 20px 10px;
    font-family:$heading;
    font-weight:normal;
    font-size:24px;
    background-image:url('/fileadmin/templates/img/black-arrow-down.png');
    background-repeat:no-repeat;
    background-size:20px auto;
    background-position:center right 10px;
    &.open
    {
        background-image:url('/fileadmin/templates/img/black-arrow-up.png');
    }

    img
    {
        display:none;
    }

}
.tx-irfaq-pi1 .additional-info
{
    border-top:none!important;
}

.tx-irfaq-dynans-visible
{
    padding:10px;

    .bodytext
    {
        padding-left:10px;
    }
}

.tx-irfaq-pi1 p:nth-of-type(1)
{
    display:none;
}
*/
@media (max-width: 767px) { section.faq h3 { font-size: 12px; line-height: 1.3em; } }

section.faq .faqHeader { font-size: 27px; margin: 20px; }

section.faq .panel-heading [data-toggle="collapse"]:after { content: "\276F"; /* "play" icon */ float: right; color: #a57e38; font-size: 18px; line-height: 22px; /* rotate "play" icon from > (right arrow) to down arrow */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

section.faq .panel-heading [data-toggle="collapse"].collapsed:after { /* rotate "play" icon from > (right arrow) to ^ (up arrow) */ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #333333; }

section.faq .panel-default { border: none; }

section.faq .panel-default > .panel-heading { color: #333333; background-color: transparent !important; border-color: transparent !important; }

section.faq .panel-group .panel-heading + .panel-collapse > .panel-body, section.faq .panel-group .panel-heading + .panel-collapse > .list-group { border-top: none; }

section.faq h3 a:focus { outline: none; text-decoration: none; color: #a57e38; }

section.faq-2 { margin-top: 30px; height: auto; }

@media (max-width: 767px) { section.faq-2 h3 { font-size: 12px; line-height: 1.3em; } }

section.faq-2 .faqHeader { font-size: 27px; }

section.faq-2 .panel-group .panel { border-radius: 0; box-shadow: none; border: none; }

section.faq-2 .panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: transparent !important; border-color: transparent !important; }

section.faq-2 .panel-title > a { display: block; padding: 5px; text-decoration: none; }

section.faq-2 .more-less { float: right; color: #212121; padding-left: 30px; }

section.faq-2 .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; }

.panel-default { color: #333333; background-color: transparent !important; border-color: transparent !important; }

.panel-default .panel-heading a:hover, .panel-default .panel-heading a:active, .panel-default .panel-heading a:focus, .panel-default .panel-heading a:visited { text-decoration: none !important; color: #333 !important; }

.cta { padding: 80px; text-align: center; background-color: #a57e38; }

.cta h2 { margin: 0; padding: 0; color: #F9F7F7; }

.cta p { margin: 30px 20%; color: #F9F7F7; font-weight: bold; }

@media (max-width: 767px) { .cta p { margin: 30px 0; } }

.cta .contact-button { color: #F9F7F7; font-weight: bold; background-color: #333; padding: 12px; }

.cta .contact-button:hover { background-color: #6c6c6c; }

.findus { background-color: #fff; }

.findus h2.column-heading { padding-top: 15px; padding-left: 15px; }

@media (max-width: 767px) { .findus h2.column-heading { padding-left: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .findus h2.column-heading { padding-left: 0; } }

.findus h2.column-heading .smaller { font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; padding-left: 10px; }

@media (max-width: 767px) { .findus h2.column-heading .smaller { font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { .findus h2.column-heading .smaller { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .findus h2.column-heading .smaller { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .findus h2.column-heading .smaller { font-size: 18px; } }

@media (max-width: 767px) { .findus { padding-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .findus { padding-bottom: 30px; } }

.homepage-twitter { padding-left: 10px; }

.homepage-twitter h2 { padding-left: 15px; }

.homepage-twitter h2 span a { font-family: "Jost", Helvetica, Arial, sans-serif; font-weight: 200; color: #a57e38; }

.homepage-twitter h2 span a:hover { color: #59441e; }

.homepage-twitter .twitter-frame { padding: 0 120px; border-top: 1px solid #b7bab7; }

@media (max-width: 767px) { .homepage-twitter .twitter-frame { padding: 0 15px; } }

@media (min-width: 768px) and (max-width: 991px) { .homepage-twitter .twitter-frame { padding: 0 150px; } }

@media (min-width: 992px) and (max-width: 1199px) { .homepage-twitter .twitter-frame { padding: 0 50px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .homepage-twitter .twitter-frame { padding: 0 120px; } }

#mailform, .wpcf7-form { padding: 40px; max-width: 100%; margin-top: 0px; margin-bottom: 10px; background-color: transparent !important; }

@media (max-width: 767px) { #mailform, .wpcf7-form { padding: 15px 0; } }

#mailform .csc-mailform, .wpcf7-form .csc-mailform { width: 500px; margin: auto; }

@media (max-width: 767px) { #mailform .csc-mailform, .wpcf7-form .csc-mailform { width: 90%; } }

@media (min-width: 768px) and (max-width: 991px) { #mailform .csc-mailform, .wpcf7-form .csc-mailform { width: 70%; } }

@media (min-width: 992px) and (max-width: 1199px) { #mailform .csc-mailform, .wpcf7-form .csc-mailform { width: 500px; } }

@media (min-width: 1200px) and (max-width: 1599px) { #mailform .csc-mailform, .wpcf7-form .csc-mailform { width: 500px; } }

#mailform input[type="text"], #mailform input[type="email"], #mailform input[type="tel"], #mailform select, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form select { height: 30px; }

#mailform input, #mailform textarea, .wpcf7-form input, .wpcf7-form textarea { width: 100%; }

#mailform label, .wpcf7-form label { font-family: "Jost", Helvetica, Arial, sans-serif; font-weight: 300; display: block; font-size: smaller; }

#mailform legend, .wpcf7-form legend { font-family: "futura-pt", Serif; }

#mailform input, #mailform button, #mailform select, #mailform textarea, .wpcf7-form input, .wpcf7-form button, .wpcf7-form select, .wpcf7-form textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: 10px; width: 100%; border: 1px solid #ccc !important; }

#mailform input[type="submit"], .wpcf7-form input[type="submit"] { width: auto; align-items: flex-start; text-align: center; cursor: default; color: #333; padding: 10px 20px; font-weight: 500; font-family: "Jost", Helvetica, Arial, sans-serif; outline: none !important; background-color: #f0ad4e; border-width: 2px; border-style: none; border-color: none; border-image: none; cursor: pointer; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

#mailform input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover { background-color: #ec971f; }

#mailform input, .wpcf7-form input { -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; }

#mailform input:focus, .wpcf7-form input:focus { -webkit-appearance: textfield; background-color: #f1efe8; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; padding: 3px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; }

.searchFormHolder { padding: 30px; }

.searchFormHolder #search_form .control-label { text-align: left !important; }

@media (max-width: 767px) { .searchFormHolder #search_form .control-label { text-align: left !important; } }

@media (min-width: 768px) and (max-width: 991px) { .searchFormHolder #search_form .control-label { text-align: left !important; } }

.searchFormHolder #search_form label { font-family: "Jost", Helvetica, Arial, sans-serif; font-weight: 300; display: block; font-size: smaller; }

.searchFormHolder #search_form legend { font-family: "futura-pt", Serif; border-bottom: none !important; padding-left: 0; }

.searchFormHolder #search_form input, .searchFormHolder #search_form button, .searchFormHolder #search_form select, .searchFormHolder #search_form textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: 10px; }

.searchFormHolder #search_form input[type="submit"] { width: auto; align-items: flex-start; text-align: center; cursor: default; color: #333; padding: 10px 20px; font-weight: 500; font-family: "Jost", Helvetica, Arial, sans-serif; outline: none !important; background-color: #f0ad4e; border-width: 2px; border-style: none; border-color: none; border-image: none; cursor: pointer; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.searchFormHolder #search_form input[type="submit"]:hover { background-color: #ec971f; }

.searchFormHolder #search_form .input-group.max { width: 100% !important; }

.searchFormHolder #search_form input { -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; width: 100% !important; }

.searchFormHolder #search_form input:focus { -webkit-appearance: textfield; background-color: #f1efe8; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; padding: 3px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; }

.searchFormHolder #search_form .btn.btn-warning { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 0 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* search form */
.search-form { padding: 20px 0; margin: 20px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.search-form__submit { padding: 0 10px; margin-bottom: 15px; }

.search-form__submit input { width: 100%; height: 34px; font-size: 14px; margin-top: 29px; }

.search-form__submit input:active, .search-form__submit input:focus { border-color: #66afe9 !important; outline: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; }

.search-form label { font-weight: 400; font-size: 14.5px; color: gray; }

.search-form label { font-weight: normal; font-size: 14px; }

@media (max-width: 767px) { .search-form label { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .search-form label { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .search-form label { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .search-form label { font-size: 14px; } }

.search-form label.main { font-weight: bold; text-align: left; font-size: 18px; margin-bottom: 0; }

.download-button { background-color: #a57e38; color: #F9F7F7; padding: 10px 20px; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .download-button { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .download-button { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .download-button { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .download-button { font-size: 18px; } }

.download-button:hover, .download-button:focus, .download-button:active { background-color: #59441e; text-decoration: none; color: #F9F7F7 !important; }

.right-aligned-intro { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }

.right-aligned-intro h2 { display: inline-block; }

.right-aligned-intro .right-aligned-link { float: right; display: inline-block; margin-top: 30px; }

.half-cta.two-columns { background-color: #a57e38; color: #F9F7F7; padding: 80px; text-align: center; }

.half-cta.two-columns h2 { font-size: 36px; }

@media (max-width: 767px) { .half-cta.two-columns h2 { font-size: 22px; } }

@media (min-width: 768px) and (max-width: 991px) { .half-cta.two-columns h2 { font-size: 26px; } }

@media (min-width: 992px) and (max-width: 1199px) { .half-cta.two-columns h2 { font-size: 28px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .half-cta.two-columns h2 { font-size: 30px; } }

.half-cta.two-columns a { color: #F9F7F7; }

.fullwidth-page-content-padding { padding: 15px 30px 30px 30px; }

@media (max-width: 767px) { .fullwidth-page-content-padding { padding: 15px; } }

@media (min-width: 768px) and (max-width: 991px) { .fullwidth-page-content-padding { padding: 15px; } }

@media (min-width: 992px) and (max-width: 1199px) { .fullwidth-page-content-padding { padding: 15px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .fullwidth-page-content-padding { padding: 30px; } }

.search-collection-box { padding: 15px; display: none; border: 15px solid #f1efe8; }

.search-collection-box ul { padding-left: 5px; list-style: none; }

.search-collection-box ul li { width: 100%; padding: 5px 0; border-bottom: 1px dotted #d0af73; }

.search-collection-box ul li a { font-size: 17px; border-bottom: 0; text-align: left; color: #59441e; font-family: "Jost", Helvetica, Arial, sans-serif; /*    &::before { content:''; padding-right: 20px; background: url('/fileadmin/templates/template01/images/defense-icon.png'); width:20px; height:20px; margin-right: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }*/ }

.search-collection-box ul li a:hover, .search-collection-box ul li a:focus { color: #a57e38 !important; text-decoration: none; }

@media (max-width: 767px) { .search-collection-box ul li a { font-size: 14px; } }

.search-collection-box ul ul { list-style: none; padding-left: 5px; }

.search-collection-box ul ul li { margin-top: 5px; border-bottom: none; }

.search-collection-box ul ul li::before { content: " - "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.search-collection-box ul ul li a { font-size: 15px; }

@media (max-width: 767px) { .search-collection-box ul ul li a { font-size: 12px; } }

.search-collection-box h2 { border-bottom: 1px solid #a57e38; padding-bottom: 10px; }

@media (max-width: 767px) { .search-collection-box h2 { font-size: 16px; } }

.search-collection-box h2 a { color: #59441e; }

.search-collection-box h2 a:hover, .search-collection-box h2 a:focus { color: #a57e38; text-decoration: none; }

.search-collection-box h2 span { float: right; font-size: 14px; vertical-align: text-bottom; line-height: 38px; }

@media (max-width: 767px) { .search-collection-box h2 span { line-height: 18px; font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .search-collection-box h2 span { line-height: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) { .search-collection-box h2 span { line-height: 36px; } }

.search-collection-box h2 span::after { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.search-collection-box #close-box { color: gray; font-weight: 200; }

.search-collection-box #close-box:hover { cursor: pointer; color: #333; }

.search-collection-box #close-box small::after { content: ''; padding-right: 20px; background: url("/fileadmin/templates/template01/images/close-x.svg"); width: 25px; height: 25px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; }

section.query-info { background-color: #f1efe8; margin-top: -10px; }

@media (max-width: 767px) { section.query-info { padding: 30px 0; } }

section.query-info .box { padding: 30px 60px; }

@media (max-width: 767px) { section.query-info .box { padding: 30px; } }

@media (max-width: 991px) { section.query-info .box { padding: 30px; } }

.contact-right { padding: 40px; }

.csc-sitemap { margin-top: 30px; }

#lesson .lessonsection { margin-top: 20px; }

#lesson .lessonsection a { color: #a57e38; }

#lesson .lessonsection a:hover { color: #59441e; }

.threebox .box ul.bxslider { list-style: none; }

.threebox .box .heading h2 { margin-bottom: 20px; font-size: 24px; font-weight: 400; }

@media (max-width: 767px) { .threebox .box .heading h2 { font-size: 18px; } }

@media (min-width: 768px) and (max-width: 991px) { .threebox .box .heading h2 { font-size: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .threebox .box .heading h2 { font-size: 22px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .threebox .box .heading h2 { font-size: 24px; } }

.sharethis-inline-share-buttons#st-1 { margin-top: -30px; text-align: right; padding: 5px 0; }

@media (max-width: 767px) { .sharethis-inline-share-buttons#st-1 { margin-top: 0; text-align: right; } }

@media (min-width: 768px) and (max-width: 991px) { .sharethis-inline-share-buttons#st-1 { margin-top: 0; text-align: right; } }

#st-1 .st-btn[data-network='facebook'] { background-color: #555555 !important; opacity: 0.5; margin-right: 10px; }

@media (max-width: 767px) { #st-1 .st-btn[data-network='facebook'] { margin-right: 5px; } }

@media (min-width: 768px) and (max-width: 991px) { #st-1 .st-btn[data-network='facebook'] { margin-right: 5px; } }

#st-1 .st-btn[data-network='sharethis'] { background-color: #555555 !important; opacity: 0.5; }

#st-1 .st-btn:hover { opacity: .8; top: 0 !important; }

.reading-room-article .int_content .csc-textpic-text { padding: 15px 0; }

.span4 { width: 100%; height: 500px; background-size: cover; background-position: center; }

.soundcloud-table td { position: relative; width: 33.33%; }

@media (max-width: 767px) { .soundcloud-table td { width: 100%; float: left; } }

@media (min-width: 768px) and (max-width: 991px) { .soundcloud-table td { width: 33.33%; } }

@media (min-width: 992px) and (max-width: 1199px) { .soundcloud-table td { width: 33.33%; } }

@media (min-width: 1200px) and (max-width: 1599px) { .soundcloud-table td { width: 33.33%; } }

.soundcloud-table td p.more-link > a { position: absolute; bottom: 0; margin-bottom: 30px; font-weight: 400; color: #a57e38 !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.soundcloud-table td p.more-link > a::after { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.soundcloud-table.home td { width: 25%; }

@media (max-width: 767px) { .soundcloud-table.home td { width: 100%; float: left; } }

@media (min-width: 768px) and (max-width: 991px) { .soundcloud-table.home td { width: 25%; } }

@media (min-width: 992px) and (max-width: 1199px) { .soundcloud-table.home td { width: 25%; } }

@media (min-width: 1200px) and (max-width: 1599px) { .soundcloud-table.home td { width: 25%; } }

.soundcloud-table.home td p.more-link > a { position: absolute; bottom: 0; padding-bottom: 30px; margin-top: 60px; font-weight: 400; color: #a57e38 !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.soundcloud-table.home td p.more-link > a::after { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.int_content { width: auto; }

.int_content input[type="checkbox"], .int_content input[type="radio"] { margin: 0 5px 0 5px; }

.int_content label { font-size: 12px; }

.int_content #Table1 .tabUnderlay, .int_content #Table1 .maintabsLeftSpace, .int_content #Table1 .tabBackground, .int_content .mainTable .tabUnderlay, .int_content .mainTable .maintabsLeftSpace, .int_content .mainTable .tabBackground { background-image: none; background-color: transparent; }

.int_content #Table1 .maintabsLeftSpace .tabUnderlay, .int_content .mainTable .maintabsLeftSpace .tabUnderlay { border: none; }

.int_content #Table1 .maintabsLeftSpace .tabBackground, .int_content .mainTable .maintabsLeftSpace .tabBackground { background-image: none; background-color: transparent; border-bottom: 1px solid lightgrey; }

.int_content #Table1 .maintabsLeftSpace .tabBackground .tab, .int_content #Table1 .maintabsLeftSpace .tabBackground .tab a, .int_content .mainTable .maintabsLeftSpace .tabBackground .tab, .int_content .mainTable .maintabsLeftSpace .tabBackground .tab a { background-image: none; background-color: transparent; color: #333; border: none; }

.int_content #Table1 .maintabsLeftSpace .tabBackground .activetab, .int_content #Table1 .maintabsLeftSpace .tabBackground .activetab a, .int_content .mainTable .maintabsLeftSpace .tabBackground .activetab, .int_content .mainTable .maintabsLeftSpace .tabBackground .activetab a { background-image: none; background-color: transparent; color: #333; }

.int_content #Table1 .maintabsLeftSpace .tabBackground .activetab, .int_content .mainTable .maintabsLeftSpace .tabBackground .activetab { border: 1px solid lightgrey; }

.int_content #Table1 #LeftMenu, .int_content .mainTable #LeftMenu { width: auto; }

.int_content #Table1 #MainArea .navControl, .int_content .mainTable #MainArea .navControl { margin-bottom: 20px; }

.int_content #Table1 #MainArea #briefnav1_SearchedFor1_SeachedFor, .int_content .mainTable #MainArea #briefnav1_SearchedFor1_SeachedFor { margin-bottom: 20px; }

.int_content #Table1 #MainArea #Table3 #searchTopTable, .int_content .mainTable #MainArea #Table3 #searchTopTable { display: none; }

.int_content #Table1 #MainArea #Table3 #searchTopTable .searchTopLeft, .int_content .mainTable #MainArea #Table3 #searchTopTable .searchTopLeft { background: none; }

.int_content #Table1 #MainArea #Table3 #searchTable, .int_content .mainTable #MainArea #Table3 #searchTable { border-color: #C3C3C3; border-right: none; border-style: none; border-width: 0; width: 662px; padding: 0px; margin: 0px; border: 1px solid lightgrey; border-collapse: separate; padding: 10px; }

.int_content #Table1 #MainArea #Table3 #searchTable #SearchForm1_DatabaseChooser1_databaseDropdownTr #SearchForm1_DatabaseChooser1_CheckBoxListDatabases, .int_content .mainTable #MainArea #Table3 #searchTable #SearchForm1_DatabaseChooser1_databaseDropdownTr #SearchForm1_DatabaseChooser1_CheckBoxListDatabases { width: auto !important; }

.int_content #Table1 #MainArea #Table3 #searchTopTable, .int_content #Table1 #MainArea #Table3 #searchBottomTable, .int_content .mainTable #MainArea #Table3 #searchTopTable, .int_content .mainTable #MainArea #Table3 #searchBottomTable { display: none; }

.int_content #Table1 .searchTableSubmit td, .int_content #Table1 .searchTableSimpleSearch td, .int_content #Table1 .briefTableRow td, .int_content #Table1 .detailTableRow td, .int_content .mainTable .searchTableSubmit td, .int_content .mainTable .searchTableSimpleSearch td, .int_content .mainTable .briefTableRow td, .int_content .mainTable .detailTableRow td { border-top: none; }

.int_content .briefResultsTable { border: 1px solid lightgrey; }

.int_content .briefResultsTable tr { border-bottom: 1px solid lightgrey; }

.int_content #searchTopTable, .int_content #searchBottomTable { display: none; }

.int_content .detailTable { border: 1px solid lightgrey; border-collapse: separate; }

#st-1 .st-total { display: none !important; }

#loginTable { border: 0; }

#loginTable td { padding: 20px; }

.story-box { position: relative; margin-bottom: 30px; padding-bottom: 60px; padding-left: 15px; padding-right: 15px; }

.story-box iframe { /* -webkit-filter: hue-rotate(30deg); -moz-filter: hue-rotate(30deg); filter: hue-rotate(30deg); */ }

.story-box p.more-link > a { position: absolute; bottom: 0; margin-top: 30px; font-weight: 400; color: #a57e38; font-family: "Jost", Helvetica, Arial, sans-serif; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }

.story-box p.more-link > a::after { content: " \276F "; padding-right: 5px; font-size: smaller; opacity: 0.7; }

.story-box p.more-link > a:hover, .story-box p.more-link > a:focus { color: #7f612b; text-decoration: none; }

.map-link { background-color: #F6F6F6; -webkit-box-shadow: 0px 9px 9px -5px rgba(150, 150, 150, 0.67); -moz-box-shadow: 0px 9px 9px -5px rgba(150, 150, 150, 0.67); box-shadow: 0px 9px 9px -5px rgba(150, 150, 150, 0.67); cursor: pointer; margin-left: 9px; margin-right: 9px; }

.map-link .map-icon { text-align: right; margin-right: 1em; padding: 10px 0; }

.map-link #map-slide { display: none; padding: 1em; height: 640px; }

#ohp-homepage { overflow: hidden; }

#ohp-homepage .home-heading-bg h2 { margin-top: 0; margin-bottom: 0; width: 100%; background-color: #eee; padding: 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 15px; }

#ohp-homepage .home-heading-bg span.pull-right { vertical-align: bottom; font-size: 18px; font-family: "futura-pt", Serif; }

@media (max-width: 767px) { #ohp-homepage .home-heading-bg span.pull-right { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { #ohp-homepage .home-heading-bg span.pull-right { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { #ohp-homepage .home-heading-bg span.pull-right { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { #ohp-homepage .home-heading-bg span.pull-right { font-size: 18px; } }

#ohp-homepage .home-heading-bg span.pull-right:after { content: " \276F "; padding-left: 5px; font-size: smaller; }

#ohp-homepage .double-feature-box { min-height: 500px; background-size: cover; background-position: center; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; padding: 40px; margin-bottom: 10px; margin-top: 0; background-color: #988664; background-blend-mode: multiply; color: #F9F7F7; }

#ohp-homepage .double-feature-box:hover, #ohp-homepage .double-feature-box:focus { background-color: #d5cec0; text-decoration: none; }

@media (max-width: 767px) { #ohp-homepage .double-feature-box { min-height: 300px; } }

@media (min-width: 768px) and (max-width: 991px) { #ohp-homepage .double-feature-box { min-height: 500px; } }

@media (min-width: 1200px) and (max-width: 1599px) { #ohp-homepage .double-feature-box { min-height: 500px; } }

#ohp-homepage .fifty-fifty-text-image .fifty-fifty-text-image-box.text-box { padding: 40px; }

#ohp-homepage .fifty-fifty-text-image .fifty-fifty-text-image-box.text-box h2 { padding-bottom: 30px !important; margin-bottom: 0; }

#ohp-homepage p.mail-link { font-weight: 400; text-align: center; margin-top: 2em; }

#ohp-homepage p.mail-link a { color: #a57e38; }

.story-search form { float: right; padding: 1em; }

@media (max-width: 767px) { .story-search form { float: none !important; } }

.story-search form label { font-size: 14px; }

@media (max-width: 767px) { .story-search form label { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .story-search form label { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .story-search form label { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .story-search form label { font-size: 14px; } }

.story-search form .form-group select { padding: 5px; font-size: 16px; font-family: "Jost", Helvetica, Arial, sans-serif; margin-right: 5px; }

@media (max-width: 767px) { .story-search form .form-group select { font-size: 12px; margin-right: 0; width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) { .story-search form .form-group select { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .story-search form .form-group select { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .story-search form .form-group select { font-size: 16px; } }

.story-search form .btn-primary { color: #fff; background-color: #a57e38; border-color: #a57e38; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; padding: 8px; font-size: 16px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .story-search form .btn-primary { font-size: 12px; display: block !important; float: none !important; text-align: left; margin-top: 1em !important; width: 100%; text-align: center; } }

@media (min-width: 768px) and (max-width: 991px) { .story-search form .btn-primary { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .story-search form .btn-primary { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .story-search form .btn-primary { font-size: 16px; } }

.story-search form .btn-primary:hover, .story-search form .btn-primary:focus { background-color: #7f612b; border-color: #7f612b; }

.story-search form.form-inline .form-group, .story-search form label { display: inline-block !important; margin-bottom: 0 !important; vertical-align: middle !important; }

@media (max-width: 767px) { .story-search form.form-inline .form-group, .story-search form label { display: block !important; float: none !important; text-align: left; padding-top: 1em !important; width: 100%; padding-right: 0; } }

.hero-map { overflow: visible; background-size: cover; background-position: center; height: 60vh; text-align: center; display: table; vertical-align: middle; width: 100%; }

.gm-style .gm-style-iw { font-family: "Jost", Helvetica, Arial, sans-serif; font-weight: normal; }

.gm-style .gm-style-iw a { color: #a57e38; font-weight: 500; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; }

.gm-style .gm-style-iw a:hover, .gm-style .gm-style-iw a:focus { color: #7f612b; }

.misha_loadmore, .misha_loadmore_two { background-color: #eee; border-radius: 2px; display: block; text-align: center; margin-right: 10px; letter-spacing: 1px; color: #a57e38; clear: both; cursor: pointer; text-transform: uppercase; padding: 10px 0; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; font-size: 18px; font-family: "futura-pt", Serif; }

@media (max-width: 767px) { .misha_loadmore, .misha_loadmore_two { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .misha_loadmore, .misha_loadmore_two { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .misha_loadmore, .misha_loadmore_two { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .misha_loadmore, .misha_loadmore_two { font-size: 18px; } }

.misha_loadmore:hover, .misha_loadmore_two:hover { background-color: #ddd; color: #7f612b; }

/*! Datetimepicker for Bootstrap 3 //! version : 4.0.0-beta https://github.com/Eonasdan/bootstrap-datetimepicker/ */
.bootstrap-datetimepicker-widget.dropdown-menu { margin: 2px 0; padding: 4px; width: 19em; }

@media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled { margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] { padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .picker-switch { text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; }

.bootstrap-datetimepicker-widget table { width: 100%; margin: 0; }

.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { text-align: center; border-radius: 4px; }

.bootstrap-datetimepicker-widget th { height: 20px; line-height: 20px; width: 20px; }

.bootstrap-datetimepicker-widget th.picker-switch { width: 145px; }

.bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover { background: none; color: #777777; cursor: not-allowed; }

.bootstrap-datetimepicker-widget th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; }

.bootstrap-datetimepicker-widget th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; }

.bootstrap-datetimepicker-widget thead tr:first-child th { cursor: pointer; }

.bootstrap-datetimepicker-widget thead tr:first-child th:hover { background: #eeeeee; }

.bootstrap-datetimepicker-widget td { height: 54px; line-height: 54px; width: 54px; }

.bootstrap-datetimepicker-widget td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; }

.bootstrap-datetimepicker-widget td.day { height: 20px; line-height: 20px; width: 20px; }

.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover { background: #eeeeee; cursor: pointer; }

.bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #777777; }

.bootstrap-datetimepicker-widget td.today { position: relative; }

.bootstrap-datetimepicker-widget td.today:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #428bca; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget td.active.today:before { border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { background: none; color: #777777; cursor: not-allowed; }

.bootstrap-datetimepicker-widget td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; }

.bootstrap-datetimepicker-widget td span:hover { background: #eeeeee; }

.bootstrap-datetimepicker-widget td span.active { background-color: #428bca; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget td span.old { color: #777777; }

.bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }

.input-group.date .input-group-addon { cursor: pointer; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.bar-map-search form { padding-bottom: 30px; }

@media (max-width: 767px) { .bar-map-search form { float: none !important; } }

.bar-map-search form label { font-weight: normal; font-size: 14px; }

@media (max-width: 767px) { .bar-map-search form label { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .bar-map-search form label { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bar-map-search form label { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bar-map-search form label { font-size: 14px; } }

.bar-map-search form label.main { font-weight: bold; text-align: left; font-size: 18px; margin-bottom: 0; }

.bar-map-search form .form-container { float: right; }

.bar-map-search form .form-container .form-group { margin-left: 50px; }

.bar-map-search form .form-container .form-group select { width: 300px; text-align: left; }

.bar-map-search form .form-group select { padding: 5px; font-size: 16px; font-family: "Jost", Helvetica, Arial, sans-serif; margin-right: 5px; }

@media (max-width: 767px) { .bar-map-search form .form-group select { font-size: 12px; margin-right: 0; width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) { .bar-map-search form .form-group select { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bar-map-search form .form-group select { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bar-map-search form .form-group select { font-size: 16px; } }

.bar-map-search form .form-group .btn-primary { color: #fff; background-color: #a57e38; border-color: #a57e38; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; padding: 8px; font-size: 16px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bar-map-search form .form-group .btn-primary { font-size: 12px; display: block !important; float: none !important; text-align: left; margin-top: 1em !important; width: 100%; text-align: center; } }

@media (min-width: 768px) and (max-width: 991px) { .bar-map-search form .form-group .btn-primary { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bar-map-search form .form-group .btn-primary { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bar-map-search form .form-group .btn-primary { font-size: 16px; } }

.bar-map-search form .form-group .btn-primary:hover, .bar-map-search form .form-group .btn-primary:focus { background-color: #7f612b; border-color: #7f612b; }

.story-search form.form-inline .form-group, .story-search form label { display: inline-block !important; margin-bottom: 0 !important; vertical-align: middle !important; }

@media (max-width: 767px) { .story-search form.form-inline .form-group, .story-search form label { display: block !important; float: none !important; text-align: left; padding-top: 1em !important; width: 100%; padding-right: 0; } }

.heading-bg h2 { margin-top: 15px; width: 100%; margin-bottom: 15px; }

.heading-bg span.pull-right { vertical-align: bottom; font-size: 18px; font-family: "futura-pt", Serif; }

@media (max-width: 767px) { .heading-bg span.pull-right { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .heading-bg span.pull-right { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .heading-bg span.pull-right { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .heading-bg span.pull-right { font-size: 18px; } }

.heading-bg span.pull-right:after { content: " \276F "; padding-left: 5px; font-size: smaller; }

.brigade .row.no-margins { margin-left: -15px; margin-right: -15px; }

.bureau-military .alphabet { margin-bottom: 20px; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bureau-military .alphabet { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .bureau-military .alphabet { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bureau-military .alphabet { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bureau-military .alphabet { font-size: 18px; } }

.bureau-military .alphabet a { color: #a57e38; text-align: left; }

.bureau-military .alphabet a:hover { color: #59441e; }

.bureau-military #glossary_wrapper #glossary_length, .bureau-military #glossary_wrapper #glossary_filter { margin-bottom: 20px; }

.bureau-military #glossary_wrapper #glossary_length label, .bureau-military #glossary_wrapper #glossary_filter label { font-size: 15px; font-weight: normal; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bureau-military #glossary_wrapper #glossary_length label, .bureau-military #glossary_wrapper #glossary_filter label { font-size: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .bureau-military #glossary_wrapper #glossary_length label, .bureau-military #glossary_wrapper #glossary_filter label { font-size: 13px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bureau-military #glossary_wrapper #glossary_length label, .bureau-military #glossary_wrapper #glossary_filter label { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bureau-military #glossary_wrapper #glossary_length label, .bureau-military #glossary_wrapper #glossary_filter label { font-size: 15px; } }

.bureau-military #glossary_wrapper #glossary_length input:focus, .bureau-military #glossary_wrapper #glossary_filter input:focus { border: 1px solid #ccc !important; }

.bureau-military #glossary_wrapper table#glossary { margin-bottom: 10px; font-size: 18px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bureau-military #glossary_wrapper table#glossary { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .bureau-military #glossary_wrapper table#glossary { font-size: 14px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bureau-military #glossary_wrapper table#glossary { font-size: 16px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bureau-military #glossary_wrapper table#glossary { font-size: 18px; } }

.bureau-military #glossary_wrapper table#glossary thead th { padding: 10px; border-bottom: 1px solid #cccccc; font-size: 15px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bureau-military #glossary_wrapper table#glossary thead th { font-size: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .bureau-military #glossary_wrapper table#glossary thead th { font-size: 13px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bureau-military #glossary_wrapper table#glossary thead th { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bureau-military #glossary_wrapper table#glossary thead th { font-size: 15px; } }

.bureau-military #glossary_wrapper #glossary_info { font-size: 15px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bureau-military #glossary_wrapper #glossary_info { font-size: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .bureau-military #glossary_wrapper #glossary_info { font-size: 13px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bureau-military #glossary_wrapper #glossary_info { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bureau-military #glossary_wrapper #glossary_info { font-size: 15px; } }

.bureau-military #glossary_wrapper #glossary_paginate { font-size: 15px; font-family: "Jost", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { .bureau-military #glossary_wrapper #glossary_paginate { font-size: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .bureau-military #glossary_wrapper #glossary_paginate { font-size: 13px; } }

@media (min-width: 992px) and (max-width: 1199px) { .bureau-military #glossary_wrapper #glossary_paginate { font-size: 14px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .bureau-military #glossary_wrapper #glossary_paginate { font-size: 15px; } }

.bureau-military #glossary_wrapper #glossary_paginate .paginate_button { color: #a57e38 !important; border: none !important; }

.bureau-military #glossary_wrapper #glossary_paginate .paginate_button:hover { color: #7f612b !important; background-color: #fff !important; border: none !important; background: none !important; box-shadow: none !important; }

.bureau-military #glossary_wrapper #glossary_paginate .paginate_button.current { background: none !important; border: none; color: #59441e !important; }

.bureau-military #glossary_wrapper .no-footer { border-bottom: 1px solid #ddd; }

.search-witnesses input:focus { border: 1px solid #ccc !important; }

.witness_search_results .result { border-top: 1px solid #e6e6e6; padding: 20px 0 0 0; }

.witness_search_results .result:last-of-type { border-bottom: 1px solid #e6e6e6; }

.witness_search_results .result .table-results__row { margin-bottom: 20px; }

@media (max-width: 768px) { .witness_search_results .result .table-results__row { font-size: 14px; margin-bottom: 5px; } }

.witness_search_results .result .table-results__title { font-weight: bold; padding-left: 0; }

@media (max-width: 768px) { .witness_search_results .result .table-results__content { padding-left: 0; margin-top: 10px; margin-bottom: 10px; } }

@media (max-width: 768px) { .witness_search_results .result .flex-btns { padding-left: 0; margin-top: 10px; margin-bottom: 10px; } }

.witness_search_results .result .btn-pdf { padding: 3px 5px 1px 5px; border: 1px solid #333333; color: #333333; display: inline-block; background-color: #eeeeee; text-align: center; margin-right: 10px; vertical-align: middle; }

@media (max-width: 991px) { .witness_search_results .result .btn-pdf { margin-bottom: 10px; } }

.witness_search_results .result .btn-pdf:hover { background-color: #333333; color: #eeeeee; }

.witness_search_results .result .cd-link { color: #a57e38; }

.witness_search_results .result .cd-link:hover { color: #7f612b; }

.heading-bmh { padding-left: 10px; }

@media (min-width: 992px) { .wrapper-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.bmh-full-height { min-height: 100vh; }

.bmh-full-height input:focus { border: 1px solid #ccc !important; }

.bmh-full-height a { color: #a57e38; }

.bmh-full-height a:hover { color: #7f612b; }

.js-data-table .result { margin-bottom: 15px; }

.js-data-table .result .result-top { background-color: #f5f5f5; padding: 25px 10px; position: relative; border-top: 5px solid #e0e0e0; margin-bottom: 25px; }

.js-data-table .result .search-result__bottom { background-color: #eeeeee; padding: 25px 0; margin-bottom: 0; border-top: 5px solid #e0e0e0; }

.js-data-table .result .search-result__bottom .table-results { position: relative; }

.js-data-table .result .search-result__bottom .cd-pdf-download { position: absolute; top: 0; right: 20px; text-align: center; }

.js-data-table .result .search-result__bottom .cd-pdf-download .download-label { font-size: 14px; }

.js-data-table .result .table-results__row { margin-bottom: 10px; }

@media (max-width: 768px) { .js-data-table .result .table-results__row { font-size: 14px; } }

.js-data-table .result .table-results__title { font-weight: bold; }

.js-data-table a { white-space: nowrap; }

.cd-more-less-buttons { background-color: #e0e0e0; padding: 10px 20px; margin-bottom: 25px; }

.heading-bmh { padding-left: 10px; }

.cd_buttons .collapsed .all__more-btn { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); /* Equal to rotateZ(45deg) */ }

.cd_buttons .all__txt { font-weight: bolder; margin-left: 10px; color: gray; }

.cd_buttons .all__more-btn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: gray; margin-top: 3px; /* Equal to rotateZ(45deg) */ }

.cd_buttons .collapsed .all__less-txt { display: none; }

.cd_buttons .collapsed .all__more-txt { display: inline-block; }

.cd_buttons .all__less-txt { display: inline-block; }

.cd_buttons .all__more-txt { display: none; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #a57e38; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #a57e38; background-color: #eeeeee; border-color: #ddd; }

@media (max-width: 991px) { #content { margin-top: 98px; } }

@media (max-width: 532px) { #content { margin-top: 66px; } }

@media (min-width: 1000px) { #content { margin-top: 0; } }