/* global */
body {
	font-size: 18px;
}
a {
	color: #be8d2e;
}
a:hover {
	color: #885a00;
}
.container {
	max-width: 1200px;
}
.home .entry-content {
	margin: 0;
}
#content {
	background: url("/assets/bg-body.jpg") no-repeat center bottom;
}
.home #content.site-content, .page #content.site-content {
  padding-top: 0rem;
}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

/* header */
#masthead .logo {
	margin-right: 1rem;
	z-index: 1;
	position: relative;
}
#masthead .g311 {
	float: right;
	position: relative;
	top: -1.5rem;
}
.topsearch {
	margin-top: .9rem;
}
.topsearch label {
	display: block;
	margin: 0;
}
.topsearch .form-control {
	background: url("/assets/ico-search.jpg") no-repeat right center;
	border-radius: 0;
	border: 1px solid #a1a1a1;
	color: #666666;
	height: 40px;
}
/* top nav */
.navbar-brand {
	font: 30px 'Arbutus Slab';
	font-size: 30px;
	color: #3e3e3e;
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	position: absolute;
	padding: 0;
	margin: -.9rem 0 0 0;
}
.navbar-brand .title{
	margin-top: 2rem;
	float: right;
	    font-size: 24px;
}
.navbar {
	background: #d1af6c;
	margin-top:30px;
}
.navbar-toggler {
	padding: .5rem .75rem;
	border-color: transparent !important;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.dropdown-menu {
	padding: .2rem 0;
	margin: 0;
	font-size: 1rem;
	background-color: #d1af6c;
	border: none;
	border-radius: 0;
}
.dropdown-menu .dropdown-item {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: .6rem 1.1rem !important;
}

#masthead .navbar-nav>li a {
	
	font-size:16px !important;
}

/* hotlinks */
#hotlinks {
	color: #fff;
	background: rgba(215, 157, 88, .8);
	padding: 3rem 0;
	position: relative;
	z-index: 10;
	margin-top: -9.7rem
}
#hotlinks .fas {
	margin-right: .5rem;
}
#hotlinks h1 {
	color: #fff;
	font-size: 18px !important;
	margin: 0 0 .5rem 0;
	padding: 0;
	text-transform: uppercase;
}

#hotlinks-inside {
	color: #fff;
	background-color: #d79d58;
	padding: 3rem 0;
	position: relative;
	z-index: 10;
	margin-top: 90px;
	margin-bottom:-48px;
}
#hotlinks-inside .fas {
	margin-right: .5rem;
}
#hotlinks-inside h1 {
	color: #fff;
	font-size: 18px !important;
	margin: 0 0 .5rem 0;
	padding: 0;
	text-transform: uppercase;
}

/* banner */
#banner {
	margin-bottom: 2rem;
	position: relative;
}
#banner img {
	height: 350px;
	object-fit: cover;
}
#banner h1 {
	position: absolute;
	color: #fff;
	bottom: 4rem;
	margin: 0;
	font-size: 42px;
}

/* sidebar */
#secondary .widget_sow-image {
	margin-bottom: 10px !important;
}

/* footer */
#footer-widget {
	background: #575757;
	color: #fff;
	padding: 2rem 0;
}
#footer-widget .address {
	width: 40%;
	float: left;
	margin: -3rem 0 0 7rem;
}
#footer-widget .contact {
	float: right;
	margin: -3rem 0 0 0;
}
#colophon {
	background: #575757;
	color: #fff;
	font-size: 14px;
	padding-bottom: 2rem;
}
#colophon a {
	color: #fff;
}
#colophon .siteinfo {
	text-align: center;
	margin: 1rem 0 2rem 0;
}
#colophon .dm {
	text-align: right;
}

h1 {
    font-size: 24px !important;
    color: #be8d2e;
}

/* members hover */
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(195, 162, 112, 0.8);
	color: #fff;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 15px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
.hvrbox_background {
    width: 100%;
    height: 182px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}



/* begin responsive styles */
@media (max-width: 1200px) {
header#masthead {
	padding: 1rem 0 0 0;
}
#masthead .logo {
	width: 120px;
}
.navbar-brand {
	position: relative;
	margin: 0 0 1rem 0;
}
.navbar-brand .title {
	margin-top: auto;
	float: none;
	font-size: 21px;
}
#masthead .g311 {
	top: 1rem;
}
.topsearch {
	margin-top: 2.4rem;
}
}


@media (max-width: 992px) {
.navbar-brand {
	 white-space: normal;
}
.navbar-brand .title {
	width: 200px;
	display: inline-block;
	position: relative;
	top: 1rem;
}
#hotlinks {
	background: rgba(215, 157, 88, 1);
	margin-top: 0;
}
#footer-widget .address {
	width: 100%;
	float: none;
	margin: -3rem 0 0 7rem;
}
#footer-widget .contact {
	float: none;
	margin: .5rem 0 0 7rem;
}
}

@media (max-width: 768px) {
#masthead .logo {
	width: 100px;
	margin-right: .5rem;
}
.topsearch {
	margin: 0 0 1rem 0;
}
#masthead .g311 {
	float: none;
	position: absolute;
	right: 1rem;
	top: -10.5rem;
}
#footer-widget {
	text-align: center;
}
#footer-widget .sow-image-container {
	display: block !important;
}
#footer-widget .so-widget-image {
	display: inline !important;
}
#footer-widget .address {
	margin: 0;
}
#footer-widget .contact {
	margin: 0.5rem 0 0 0;
}
#colophon .copy, #colophon .dm {
	text-align: center;
}
}