/*
Theme Name: WDCHOF.org
Version: 1.0
Author: Stefan Hartman
Author URI: http://www.MAjorDesigns.co
*/

/* default stylings */
body {font-family: 'Open Sans', sans-serif!important;/*background:url(/wp-content/themes/WDCHOF/images/mainBackground.jpg) 0px 0px no-repeat #EFEFEF;background-attachment:fixed;background-size:cover;*/}
h1 {font-family: 'Bitter', serif!important;color:#898989;}
.push-left {text-align:left;}
.push-right {text-align:right;}

/* search styles */
.searchOverlay {display:none;position:fixed;top:0px;bottom:0px;width:100%;height:100%;z-index:1000;background-color:rgba(255,255,255,0.5);}
.searchOverlay .searchBox {margin-top:15%;text-align:center;position:relative;}
.searchOverlay .searchBox form {background: #FFF;padding:25px 0px;border-radius:15px;box-shadow:0px 0px 25px #000;}
.searchOverlay .searchBox form label {}
.searchOverlay .searchBox form input[type="text"] {padding:3px;width:250px;}
.searchOverlay .searchBox form input[type="submit"] {border:0px;color:#FFF;background:#2E3192;padding:5px 25px;}
.searchOverlay .searchBox .closeBtn {border:2px solid #A30C1F;background:#FFF;padding:5px 10px;position:absolute;top:-20px;right:-10px;border-radius:50px;cursor:pointer;}
.searchOverlay .searchBox .closeBtn i {color:#A30C1F;font-size:24px;}

/* top nav styles */
.topLinks {padding:5px 0px;background:#ED1B24;}
.topLinks a {color:#FFF;padding:5px 15px 0px 0px;display:inline-block;}
.topLinks a:hover {color:#FFF;text-decoration:none;}
.topLinks .search {margin:0px 0px 0px 0px;background:#FFF;padding:5px 15px;color:#ED1B24;}
.topLinks .search:hover {background:#A50007;text-decoration:none;}
.topLinks ul {margin:0px;padding:0px;}
.topLinks ul li {margin:0px;padding:0px;display:inline-block;list-style:none;}
.topLinks ul li a {background:#D7D7D7;color:#565656;border:2px solid #ACACAC;display:block;width:30px;padding:3px 0px;text-align:center;}

/* header styles */
.header {background:#FFF;}
.header .logo {height:auto;}
.header .logo a {display:block;width:100%;height:auto;padding-top:5px;}
.header .logo a img {display:block;margin:0px auto;width:auto;height:80px;}
.header .logo-name {}
.header .logo-name a img {display:block;margin:10px auto;width:100%;height:auto;}
.header .search-box {padding-top:30px;text-align:center;}
.header .search-box a {background:#ED1B24;padding:5px 20px;color:#FFF;border-radius:5px;}
.header .navCont {padding:0px;}
.header .navCont nav {border:0px;border-radius:0px;margin:0px;background:transparent;margin-bottom:0px;min-height:initial;}
.header .navCont nav .container-fluid {padding:0px;}
.header .navCont nav .container-fluid #mainNav {padding:0px;background:#2E3192;margin:0px;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav {float:none;position:relative;width:100%;max-width:1170px;margin:0px auto;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li {}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li a {color:#FFF;padding:10px 20px;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li.open a {background-color:#2E3192;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li ul {padding:0px;border:0px;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li ul li {border-bottom:1px solid #FFF;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li ul li:last-of-type {border-bottom:0px;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li ul li a {background-color:#B6E6F9!important;color:#000;}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li.active {}
.header .navCont nav .container-fluid #mainNav ul.navbar-nav li.active a {background-color:#ED1B24!important;}

/* home page styles */
.homepageSlider {height:auto;text-align:center;padding:0px!important;}
.homepageSlider .slider {width:100%;overflow:hidden;position:relative;margin:0;height:230px;left:0px;top:0px;}
.homepageSlider .slider ul {background:#ddd;overflow:hidden;width:500%;margin:0;}
.homepageSlider .slider ul li {list-style:none;display:inline-block;padding:0px;}

.homeMain {background:#FFF;min-height:325px;}
.homeSidebar {padding:15px 0px;}
.homeSidebar .title {background:#2E3192;padding:5px 5px 0px 5px}
.homeSidebar .title h1 {color:#FFF;margin:0px;padding:10px;text-align:center;border-top:1px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;font-size:18px;font-style:italic;font-weight:normal;}
.homeSidebar .content {background:#E1E1E1;padding:0px 5px 5px 5px}
.homeSidebar .content ul {border-bottom:1px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;margin:0px;padding:5px 15px 10px 30px;}
.homeSidebar .content ul li {}
.homeSidebar .content ul li a {color:#000;}
.homeNewMembers, .homeNewAssMembers {padding:15px;background:#f7f7f7;}
.homeNewMembers h1, .homeNewAssMembers h1 {margin:0px 0px 15px 0px;padding:0px;}
.homeNewMembers .navArrows, .homeNewAssMembers .navArrows {text-align:right;}
.homeNewMembers .navArrows div, .homeNewAssMembers .navArrows div {display:inline-block;background:#FFF;color:#A20C1E;padding:5px 10px;border:2px solid #A20C1E;cursor:pointer;}
.homeNewMembers .slick-slide, .homeNewAssMembers .slick-slide {padding:10px;}
.homeNewMembers .slick-slide .imgCont, .homeNewAssMembers .slick-slide .imgCont {overflow:hidden;text-align:center;}
.homeNewMembers .slick-slide .imgCont img, .homeNewAssMembers .slick-slide .imgCont img {width:auto;height:250px;display:block;margin:0px auto;}

/* subpage styles */
.mainContent {background:#FFF;min-height:325px;}
.mainContent h1 {color:#898989;}
.mainContent img.alignleft {float:left;margin:0px 15px 15px 0px;}

.wp-block-image {}
.wp-block-image img {height:auto;}
.wp-block-image figcaption {text-align:center;	}

/* single member styles */
.member {}
.member img.memberImg {float:right;padding:0px 0px 15px 15px;max-width:50%;}

/* member directory listing */
.MemberListing {}
.MemberListing .member {position:relative;height:300px;background-size:cover;background-position:top center;margin-bottom:15px;}
.MemberListing .member .imgCont {height:100%;}
.MemberListing .member .imgCont img {width:auto;height:100%;}
.MemberListing .member .namePlate {position:absolute;bottom:0px;background:rgba(0,0,0,0.25);width:100%;}
.MemberListing .member .namePlate h2 {color:#FFF;margin:0px;padding:5px 5px 0px 5px;}
.MemberListing .member .namePlate span {color:#FFF;margin:0px;padding:0px 5px 5px 5px;display:block;}
.MemberListing .post-nav-links {display:block;width:100%;clear:both;padding-bottom:15px;}
.MemberListing .post-nav-links .prev-post {display:inline-block;width:49%;padding:15px;text-align:left;}
.MemberListing .post-nav-links .next-post {display:inline-block;width:50%;padding:15px;text-align:right;}
.MemberListing .post-nav-links .next-post a,.MemberListing .post-nav-links .prev-post a {padding:15px;background:#A20C1E;color:#FFF;width:auto;}

/* voting styles */
.voting {}
.voting .votingCat {}
.voting .votingCat .nominee {clear:both;}
.voting .votingCat .nominee .nomImg {float:left;width:25%;height:50px;background-size:cover;background-position:center center;}
.voting .votingCat .nominee .nomImg img {width:100%;height:auto;}
.voting .votingCat .nominee .nomAction {float:right;}
.voting .voterInfo {padding:15px;}
.voting .voterInfo label {display:inline-block;padding-right:10px;width:20%;}
.voting .voterInfo input[type="text"],.voting .voterInfo input[type="tel"] {display:inline-block;margin:5px 0px;padding:3px;width:75%;}
.voting .voterInfo input[type="submit"] {display:inline-block;border:0px;background:#2E3192;color:#FFF;font-weight:bold;padding:5px 15px;width:75%;}
.voting .voterInfo .submittingVote {display:inline-block;border:0px;background:#CCC;color:#000;font-weight:bold;padding:5px 15px;width:75%;text-align:center;}
.voting .errorBlock {padding:10px 0px}
.voting .errorBlock p {text-align:center;font-weight:bold;color:#C4181B;padding:0px;margin:0px;}

.termsBox {position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.75);top:0px;bottom:0px;z-index:100;}
.termsBox .termsText {background:#FFF;border-radius:15px;padding:15px;margin:50px auto;box-shadow:0px 0px 15px #000;}
.termsBox .termsText .error {text-align:center;color:red;font-weight:bold;}
.termsBox .termsText .actions {text-align:center;}
.termsBox .termsText .actions label {padding:0px 10px;}
.termsBox .termsText .actions button {display:inline-block;border:0px;background:#2E3192;color:#FFF;font-weight:bold;padding:5px 15px;}

/* Nomination Form Styles */
form.nominationForm {}
form.nominationForm div.row {padding-bottom:15px;}
form.nominationForm div.row .inline {display:inline-block;width:auto;margin:0px 10px 0px 5px}
form.nominationForm div.row label {display:block;width:100%;padding:0px 0px 0px 0px}
form.nominationForm div.row input {display:block;width:100%;padding:5px;font-size:16px;}
form.nominationForm div.row textarea {display:block;width:100%;height:200px;padding:5px;font-size:16px;}
form.nominationForm .addRowBtn {display:block;width:100%;color:#FFF;font-size:12px;background:green;padding:10px;text-align:center;width:auto;border-radius:10px;cursor:pointer;}
form.nominationForm .addRowBtn:hover {color:green;background:#DDD;}

/* footer styles */
footer {background-color:#2E3192;}
footer .container {background-image:url(/wp-content/themes/WDCHOF/images/footerBackground.png);background-repeat:no-repeat;background-position:top left;padding-top:50px;padding-bottom:25px;color:#FFF;}
footer .container p {text-align:right;margin:0px;padding:0px;}
footer .container ul {list-style:none;margin:0px;padding:0px;}
footer .container ul li {margin:0px;padding:0px;line-height:24px;}
footer .container ul li a {color:#FFF;}

/* Contact Form Styles */
form.wpcf7-form {}
form.wpcf7-form p {display:block;width:100%;}
form.wpcf7-form p label {display:block;width:100%;}
form.wpcf7-form p span {display:block;width:100%;}
form.wpcf7-form p span input, form.wpcf7-form p span textarea {width:100%;padding:3px;}
form.wpcf7-form p input.wpcf7-submit {width:100%;border:0px;background:#A20C1E;color:#FFF;padding:12px;}

/* responsive styles */
/* small desktop */
@media only screen and (min-width:992px) and (max-width:1199px) {
	/* header styles */
	.header .container {height:145px;}
	.header .container .logo {height:105px;}
}

/* tablet stylings */
@media only screen and (min-width:768px) and (max-width:991px) {
	/* header styles */
	.header .container {height:100px;}
	.header .container .logo {height:100px;}
	.header .logo-name {padding:0px;}
	.header .logo-name a img {margin:20px auto;width:100%;height:auto;}
	.header .search-box {padding-top:30px;text-align:center;}
    .header .search-box a {padding:5px 10px;font-size:12px;}
    .header .search-box a i {}
	.header .container .navCont {padding:0px;}
	.header .navCont nav .container-fluid #mainNav ul.navbar-nav li a {font-size:13px;padding:10px;}
}

/* smartphone stylings */
@media only screen and (min-width:0px) and (max-width:767px) {
	/* header styles */
	.header {}
	.header .logo {height:auto;}
	.header .logo a {padding-top: 0px;}
	.header .logo a img {width:100%;height:auto;}
	.header .logo-name {padding:0px;}
	.header .logo-name a img {margin:10px auto;width:100%;height:auto;}
	.header .search-box {padding-top:0px;padding-bottom:10px;}
	.header .search-box a {padding:8px 20px;display:inline-block;vertical-align:top;margin-right:15px;}
	.header .search-box button {display: inline-block;margin: 0px 0px 0px 0px;background:#F7F7F7;border:1px solid #000;float: none;vertical-align: top;}
	.header .search-box button span {background:#000;}
	.header .container .navCont {padding:0px;}
	.header .container .navCont nav {border:0px;border-radius:0px;margin:0px;background:transparent;min-height:40px;}
	.header .container .navCont nav .container-fluid button {margin:0px 25px;}
	.header .container .navCont nav .container-fluid {padding:0px;}
	.header .container .navCont nav .container-fluid .navbar-header {margin:0px;}
	.header .container .navCont nav .container-fluid #mainNav {width:100%;padding:0px;position:relative;z-index:250;margin:0px;border:0px;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav {float:none;margin:5px 0px 0px 0px;background:#2E3192;position:relative;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav:before {content:"";border-style:solid;border-width:0px;border-color:transparent #2E3192 transparent transparent;position:absolute;left:0px;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li {}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li a {color:#FFF;padding:10px 20px;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li.open a {background-color:#2E3192;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li ul {padding:0px;border:0px;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li ul li {border-bottom:1px solid #FFF;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li ul li:last-of-type {border-bottom:0px;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li ul li a {background-color:#B6E6F9!important;color:#000;}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li.active {}
	.header .container .navCont nav .container-fluid #mainNav ul.navbar-nav li.active a {background-color:#ED1B24!important;}	
	
	.homeNewMembers .slick-slide h2, .homeNewAssMembers .slick-slide h2 {font-size:16px;margin:5px 0px 10px 0px;}
	.homeNewMembers .slick-slide .year, .homeNewAssMembers .slick-slide .year {font-size:12px;}
	.homeNewMembers .slick-slide .imgCont img, .homeNewAssMembers .slick-slide .imgCont img {width:100%;height:auto;}
	
	/* search styles */
	.searchOverlay .searchBox form input[type="text"] {padding:3px;margin:5px 0px 15px 0px;width:90%;}
	.searchOverlay .searchBox form input[type="submit"] {width:90%;}
	.searchOverlay .searchBox .closeBtn {top:-10px;right:0px;}
	
	/* main content styles */
	.mainContent img {width:100%;height:auto;}
	
	/* voting styles */
	.voting {}
	.voting .votingCat {}
	.voting .votingCat .nominee {clear:both;}
	.voting .votingCat .nominee .nomImg {float:left;width:25%;height:50px;background-size:cover;background-position:center center;}
	.voting .votingCat .nominee .nomImg img {width:100%;height:auto;}
	.voting .votingCat .nominee .nomAction {float:right;}
	.voting .voterInfo {padding:15px;}
	.voting .voterInfo label {display:block;padding-right:0px;width:100%;}
	.voting .voterInfo input[type="text"],.voting .voterInfo input[type="tel"] {float:none;margin-right:0px;padding:3px;width:100%;}
	.voting .voterInfo input[type="submit"] {display:block;width:100%;padding:10px;margin:15px 0px 0px 0px;}
	.voting .errorBlock {padding:10px 0px}
	.voting .errorBlock p {text-align:center;font-weight:bold;color:#C4181B;padding:0px;margin:0px;}

	.termsBox {position:absolute;display:block;}
	.termsBox .termsText {background:#FFF;border-radius:15px;padding:5px;margin:50px auto;}
	.termsBox .termsText h1 {font-size:14px;margin:5px 0px}
	.termsBox .termsText p {font-size:12px;}
	.termsBox .termsText .error {text-align:center;color:red;font-weight:bold;}
	.termsBox .termsText .actions {text-align:center;}
	.termsBox .termsText .actions label {padding:0px 10px;}
	.termsBox .termsText .actions button {display:inline-block;border:0px;background:#2E3192;color:#FFF;font-weight:bold;padding:5px 15px;}
}

/* smartphone stylings */
@media only screen and (min-width:376px) and (max-width:425px) {
	/* header styles */
	.header .container {height:108px;}
	.header .container .logo {height:62px;}
}

/* smartphone stylings */
@media only screen and (min-width:321px) and (max-width:375px) {
	/* header styles */
	.header .container {height:95px;}
	.header .container .logo {height:48px;}
}

/* tablet stylings */
@media only screen and (min-width:991px) and (max-width:1199px) {
	/* header styles */
	.header .container {height:95px;}
	.header .container .logo {height:48px;}
}