body.front h1 { text-align:center; }

/* FB Search */

div.search-form { margin-bottom: 20px; max-width:70% }
div.search-form form.quick_form { float:left!important; margin: 0 0 20px 0; border-bottom: dotted #666 1px; width:100%;}
div.search-form form.quick_form label { font-size:1.2em; font-weight:bold;  }
div.search-form form.quick_form input[type="submit"] { background: #00506B; color:#fff; border:1px solid #666; text-transform: uppercase; font-size:1.1em; letter-spacing:0.05em; font-weight:normal; padding: 12px; margin-top: 8px; }
div.search-form form.quick_form input[type="submit"]:hover { background-color: #00506B; color: #000; }

div#search-box span { border: 2px solid #007363; width:100%; }
div.search-form input[type="text"] { padding: 8px; min-width:60%; }

#search-results { clear:both; margin-top:1em; position:relative; }
#search-results p:first-child { margin: 1.2em 0; }
.search-results li p.url { 
color:#00506B; 
font-size:0.95em;
margin-bottom: 8px!important; 
overflow:hidden;
max-width: 90%;
white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis; }
 
.search-results li:before{
content:none !important;
}	

.search-results {
padding:unset !important;
list-style:none;
}
.search-results li {
border-bottom:1px dotted #aaa;
}
.search-results li h2 {
font-size:1.4em; margin:0.8em 0;}

.url {
margin: 1.2rem 0 0 !important;
}

.pagination-nav {
padding: 20px 0px 0px 0px !important;
margin-bottom:40px;
}		

#pagination-nav li {
display:inline;
margin-left:0;
}

#pagination-nav li:before{
content: unset !important;
}

#pagination-nav li a:hover {
background-color: #dee3f8;
color: #000;
}
#pagination-nav li.inactive {
background-color: #dee3f8;
color: #000;
font-size: .9375rem;
line-height: 1.125rem;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
padding: 0.6rem 0.8rem;
transition: all .1s linear;
text-decoration: none;
padding: 14px;
}

#pagination-nav a {
font-size: .9375rem;
line-height: 1.125rem;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
padding: 0.8rem 1rem;
transition: all .1s linear;
color: #fff;
background: #00506B;
border: 1px solid #00506B;
text-decoration: none;
}

.link-button {
    cursor: pointer;
    margin: 0;
    padding: 8px 0;
    border: 0;
    background: transparent;
    color: #00515F;
    text-decoration: underline;
	font-family:verdana, arial, 'sans serif';
}

/* ENDS FB SEARCH */

.useful-item-wrapper {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    background: #FFF;
    padding: 20px;
    padding-bottom: 0;
}


.useful-item-wrapper .my-row {
	margin-bottom: 0px !important;
}	

.useful-item-wrapper a {
	border-radius: 4px;
    background: #358712;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 5px 0;
    padding: 5px 10px;
}	
div.main-promo { text-align:center; }
div.main-promo-1 img { max-width:80%; margin-bottom:2em; }

p.btn { text-align:center; max-width:90%; display:inline-block; margin:40px auto; }
p.btn a { padding:20px; font-weight:bold; color:#fff; font-weight:bold; background-color:#54A432; color:#fff; font-size:2em; }
p.btn a:hover { border:1px solid #54A432; color:#54A432; background-color:#fff }

h2, h3 { text-align:left; }


#mobile-menu { display:none; }
.mobile-menu a:hover { color:#ffff; background-color:#00506B; }


@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container div.search-form { max-width:100% }
    div.search-form input[type="text"] { min-width: 100%; }
    p.btn a { font-size:1.2em; line-height:2em; padding: 16px 5px; }
}
@media only screen and (max-width: 767px) {
	.container div.search-form { max-width:100% }
    div.search-form input[type="text"] { min-width: 100%; }
    p.btn a { font-size:1.2em; line-height:2em; padding: 16px 5px; }
}


/* OVERRIDES */
    
/* .container-2 {
    width: 100%;
} */
    
    
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container-2 {
        width: 488px;
    }
}

/* Cookies */


/* Cookie banner styling */
#cookie-banner{
position:fixed;
bottom:0;
z-index:10;
background:#fafafa;
box-shadow:0 0 20px 0 rgba(0,0,0,.45);
width:100%;
padding: 1em 1em 3em 1em;
}

#cookie-banner>div{
display: flex;
}

.cookie-buttons{
display: flex;
align-items:center;
flex-wrap:nowrap;
margin-left:5em;
flex:1 0 auto;
justify-content:flex-end;

}

.cookie-buttons .btn{
white-space:nowrap!important;
text-transform:none;
margin: 0 1.8em 0 0;
}

#save-cookie-preferences{
margin-right:1em;
}

@media (max-width: 800px){
#cookie-banner{
    padding: 1em;
}
#cookie-banner>div{
display: block;
}
.cookie-buttons, .cookie-buttons .btn:first-child{
margin-left:0;
}
.cookie-buttons{
justify-content:flex-start;
}
}

@media (max-width: 600px){
#cookie-banner>div, .cookie-buttons{
display: block;
}
#save-cookie-preferences{
margin-right:0;
}
.cookie-buttons .btn{
display: block;
box-sizing:border-box;
margin:0.5em 0;
width: 100%;
}
}


/***************************
* Accessible modal styling *
***************************/
/* needed for old browsers */
dialog {
display: block;
border: 0;
}
/* removes scroll when modal is opened */
.no-scroll {
overflow: hidden;
}
/* overlay covers everything */
.modal-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 999;
background: rgba(0,0,0,0.5);
}
/* modal */
.modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width:800px;
background: #fff;
z-index: 1000;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
padding: 1.5em 2em;
}
.modal-close:before,
.modal-close:after{
border-bottom:2px solid rgba(51, 51, 51, .6);
}
.modal-close{
float: right;
display: block;
height: 25px;
position:absolute;
right:25px;
}
.modal-close:after, .modal-close:before{
content: "\20";
display: block;
width: 25px;
border-bottom: 2px solid rgba(51, 51, 51, .6);
position: relative;
transition: all .3s ease;
}
.modal-close:before{
transform: rotate(-45deg);
top: 1px;
}
.modal-close:after{
transform: rotate(45deg);
}
.modal-close>span{
/*rules match sr-only*/
position: absolute;
width: 1px;
height: 1px;
padding-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
clip: rect(0px, 0px, 0px, 0px);
white-space: nowrap;
}
#js-modal{
overflow-y:auto;
}
.modal__content .btn{
text-transform:none;
}
.modal__content h1{
margin-right: 1em;   
}
#js-modal{
max-height:80vh;
}
@media (max-width: 600px){
.modal__content .btn{
width:100%;
margin-bottom:0.5em;
}
}

a.btn, button.btn {
    font-size: .9375rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    padding: 0.9375rem 1.25rem;
    display: inline-block;
    color: #000;
    transition: all .1s linear;
    color: #000;
    background: #A06AA0;
    border: 1px solid #666;
    
}

a.btn:hover, button.btn:hover {
    color: #000;
    background-color:#CBAECB;
    border-color: #A06AA0;
    text-decoration: none;
    outline: 0;

}

.container:first-child {
	padding-top: 20px;
}

#search-container {
	float: right;
}

.nav-container {
    width: 100%;
}

.social-media-logos img {
    width: 25px;
}