/*
Theme Name: ogcio-theme
Description: A basic bare bones bootstrap theme using version 3.3.7. This will be used as the basis for all our Wordpress Bootstrap designs
Author: Mark Warren
*/
body { font-family: "Work Sans"; }
h1 { font-size: 3rem; margin-top: 30px; }
.row-header { background-color: white; }
.navbar-brand { content:url("images/spslogo.png"); height: 70px; padding: 10px; }
.navbar-brand:before { content: url('images/spslogosmall.png'); height: 50px !important; padding: 10px; }
.navbar-nav li { float: left; height: 30px }
.navbar-nav li a { height: 100%; }
.navhead li a { color: #505050; font-weight: 600; text-transform: uppercase; padding: 30px 12px 0px 12px; }
.headertext { margin-top: 60px; color: whitesmoke; font-size: 1rem; }
.navbar { margin-bottom: 0px; }
.header-image { height: 260px; background: url("images/header.jpg") center; margin-bottom: 0px; }
.header-right { padding: 0px 26px; }
.members { background-color: #D2DFE8; border: 1px solid gray; color: #505050; padding: 25px 17px 10px 17px; text-align: center; }
.members .btn { margin-top: 20px; margin-bottom: 20px; }
.home-boxes { border-spacing: 20px; }
.home-boxes li { border: 2px solid lightgray; padding: 20px 0px; }
.home-boxes li label { padding-top: 20px; }
.box-title { color: #737373; font-size: 1rem; font-weight: 600; }
.entry-title { display: none; margin:100px;}

footer { font-weight: 400; background-color: #403F3F; color: whitesmoke; padding: 30px; font-size: .9rem; line-height: 26px; }
.footer-middle { border-left: 2px solid whitesmoke; }
.footer-right { border-left: 2px solid whitesmoke; }
.footer-bottom a { color: white; padding: 10px; }

.contacts label { color: #505050; font-weight: bold; width: 90%; border-bottom: 2px solid lightgray; padding: 5px; font-size: 1rem; }
.contacts small { padding: 0px 10px; color: gray; font-size: .7rem; }
.contacts a { color: #505050; padding: 5px; padding-bottom: 40px; font-size: 1rem; color: #2B91D9 }
h3 { margin-bottom: 25px; color: #505050; }
h3 a { color: #505050; text-decoration: none; }
h2 { margin-top: 25px; margin-bottom: 25px; }
h2 a { color: #505050; text-decoration: none; }
.content-area h4 { color: #505050; }
.content-area p { color: #505050; }
#primary { margin-bottom: 0px;}

.eventscontainer { background-color: white; }
.events .event { margin: 8px; background-color: #EFEDED; border-right: 2px solid #E2E1E1; border-left: 2px solid #E2E1E1; border-top: 2px solid #E2E1E1; }
.events .photo { height: 180px; }
.events .title { height: 60px; font-size: 1rem; padding: 3px; }
.events p { padding: 3px; }
.events .title a {color: #505050;  }
.events a { border-radius: 0 !important; }
.events .btn { padding: 10px; }
.graphs { background-color: #EFEDED; }
#datatable { display: none; }
.event-photo img {
	max-height: 100%;
	max-width: 100%;
}
.navigation { font-weight: 400; font-size: 1.1rem; text-align: center; margin: 20px; }

@media (max-width: 500px) {
	.headertext { margin-top: 5px;  font-size: .9rem; }
	.members { padding: 5px; margin-top: 10px; }
	.members .btn { margin-top: 2px; margin-bottom: 2px; }
	.navbar-nav li { float: None; }
	.footer-left { border-bottom: 2px solid whitesmoke; border-left: none; }
	.footer-middle { border-bottom: 2px solid whitesmoke; border-left: none; }
	.footer-right { border-bottom: 2px solid whitesmoke; border-left: none; }
}
@media (max-width: 750px) {
	.headertext { margin-top: 5px;  font-size: .9rem; }
	.members { padding: 5px; margin-top: 10px; }
	.members .btn { margin-top: 2px; margin-bottom: 2px; }
}

.search-field {
	background-color: transparent;
	background-image: url("images/searchicon.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus { background-color: #fff; border: 2px solid gray; cursor: text; width: 120px; }
.search-terms { background-color: yellow }
.result-title { margin: 0px; color: #505050; }
hr { margin-top: 10px; margin-bottom: 10px; }
.result-info { font-size: .9rem; }
.alert-danger { margin: 30px; }
.alert-info { margin-top: 20px;}

body .img-fluid { padding-top:15px; padding-bottom:15px;  }