/*
Theme Name: Lewis Clark Valley Chamber
Theme URI: http://northwestmedia.net
Version: 1.0
Description: Custom Theme for Lewis Clark Valley Chamber.
Author: Northwest Media - Tim Herbert
Author URI: http://northwestmedia.net
template: bb-theme
*/

html,
body {
  height: 100%;
}
body {
	padding:  0;
	margin:  0px;
}
img {
	max-width: 100%;
}
.padding-bottom{
	padding-bottom: 200px;
}
.fl-page-footer-row.row {
	padding:  20px 0 20px 0;
}

/*
Front Page
*/

/*Newsletter Section*/
.fl-module.fl-module-button.fl-node-57e1bef83b00e.fl-animation.fl-fade-in.fl-animated {
    z-index: 9999;
    position: relative;
}
input#cc_5020312c46_Go {
	font-size: 16px;
    line-height: 18px;
    padding: 12px 24px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #ffffff;
}
	
html body #cc_form_1 input.t {
	text-align: center;
	margin-left: 20px !important;
}
html body #cc_form_1 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}



.fp-event{
	position: relative;
	margin-bottom: 10px;
}
	.fp-event .fp-event-content {
		margin-bottom:  10px;
		height: 300px;
		background: #f5f5f5;
		padding:  10px;
		margin: 0;
		border: 2px solid #444444;
		cursor: pointer;
		transition: color 0.5s;
		transition: background 0.5s;
	}
	.fp-event .fp-event-content:hover {
		background: #444444;
		transition: background 0.5s;
	}
		
		.fp-event .fp-event-content h2 {
			font-size:  1.8em;
			margin: 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #cccccc;
			color: #333333 !important;
			transition: color 0.5s, border-bottom 0.5s;
		}
		.fp-event .fp-event-content h3 {
			font-size:  1.3em;
			margin: 0 0 10px 0;
			padding: 10px 0 10px 0;
			color: #333333 !important;
			border-bottom: 1px solid #cccccc;
			transition: color 0.5s, border-bottom 0.5s;

		}
		.fp-event .fp-event-content p {
			color: #000000;
			transition: color 0.5s;
		}
		.fp-event .fp-event-content:hover h2 {
			color:  #ffffff !important;
			border-bottom: 1px solid #ffffff;
			transition: color 0.5s, border-bottom 0.5s;
		}
		.fp-event .fp-event-content:hover h3{
			color: #ffffff !important;
			border-bottom: 1px solid #ffffff;
			transition: color 0.5s, border-bottom 0.5s;
		}
		.fp-event .fp-event-content:hover p{
			color: #ffffff;
			transition: color 0.5s;
		}
	.fp-event .fp-event-sub {
		background: #f5f5f5;
		margin: 0;
		border-bottom: 2px solid #444444;
		border-right:  2px solid #444444;
		border-left: 2px solid #444444;
	}
	.fp-event .fp-event-sub button {
		    color: #ffffff;
		    text-transform: uppercase;
		    font-size: 0.8em;
		    width: 48%;
		    line-height: 1.5;
		    margin: 10px 1% 10px 1%;
		    padding: 10px 0;
	}
	.fp-event .fp-event-sub button:hover {
		background: #333333;
	}
@media all and (max-width: 1287px) and (min-width: 992px) {
	.col-md-4.fp-event {
	    padding: 5px;
	    height: 330px;
	}

}


/*
Events/Meetings Page
*/
h1.events-meetings {
	font-weight: 200;
	margin: 10px 0 10px 0;
	padding: 0;
}
	h1.events-meetings i {
		    padding: 5px;
		    font-size: 18px;
		    background: #7fae41;
		    color: #ffffff;
		    border-radius: 30px;
		    margin-right: 10px;
		    margin-left: 15px;
	}
.calendar {
	padding-top: 10px;
}
	.calendar .event {
		background: #777777;
		color: #ffffff;
		cursor: pointer;
	}
	.calendar .today {
		background: #000;
		font-weight: bold;
		color: #ffffff;
	}
	.calendar .day{
		width: 13.8%;
	    float: left;
	    margin: 0 .485% .4% 0;
	    min-height: 31px;
	    text-align: center;
	    font-size: 15px;
	    line-height: 29px;
	    border: 1px inset #333;
	}
	.calendar .dayNames {
		width: 100%;
		display: block;
		position: relative;
		
	}
		.calendar .dayNames .heading {
			width: 14.285%;
			float: left;
			background: #333;
			color: #ffffff;
			text-align: center;
			margin-bottom: .4%;
		}
	.calendar .calendar-heading {
		width: 100%;
		display: block;
		font-size: 1.5em;
		padding: 5px 5px 5px 10px;
		color: #ffffff;
		background: #444444;
	}
		.calendar .calendar-heading p {
			text-align: left;
		}
		.calendar .calendar-heading i {
			text-align: right;
			padding: 5px;
			cursor: pointer;
		}
#calendar1 {
	display: block;
	clear: both;
}

.events-container {
	min-height:  115px;
	display:  block;
	width:  100%;
	clear: both;
	margin:  20px 0 20px 0;
	background:  #f5f5f5;
	border:  2px solid #f5f5f5;
	cursor: pointer;
}
	.events-container:hover {

		border: 2px solid #444444;

	}
		.events-container:hover .main-content {

	
		}
		.events-container:hover .img-container {

	
		}
			.events-container:hover .img-container .img-container-table {

		
			}
	.events-container .img-container {
		position: relative;
		width: 25%;
		display: inline-block;
		background: #f5f5f5;
		min-height: 110px;
		height:  150px;
		overflow: hidden;

	}
		.events-container .img-container .img-container-table {
			display: table-cell;
		    vertical-align: middle;
		    text-align: center;
		    background: #f5f5f5;
		  
		}
		.events-container .img-container .img-container-table img.event-photo {
			min-height: 110px;
			max-height: 146px;
			position: relative;
			display: block;
		}
		.events-container .img-container .img-container-table img.img-overlay {
			position: absolute;
			top: 0;
			right: 0;
			height:  100%;
			z-index: 99;
		}
		.events-container .img-container .img-container-table img.img-overlay.display {
			opacity: 1;
		}
		.events-container .img-container .img-container-table img.img-overlay.hover {
			opacity: 0;
		}
		.events-container:hover .img-container .img-container-table img.img-overlay.display {
			opacity: 0;
	
		}
		.events-container:hover .img-container .img-container-table img.img-overlay.hover {
			opacity: 1;
		}

	.events-container .main-content {
		display: inline-block;
	    padding: 12px 15px 10px;
	    width: 50%;
	    vertical-align: top;
	    background: #f5f5f5;
	  
	}
	.events-container .no-image {
		width:  75% !important;
	}
		.events-container .main-content p.title {
			font-size:  18px;
			line-height: 24px;
			font-weight: bold;
		}

	.events-container .date-content {
		display: inline-block;
		width: 25%;
		background: #ffffff;
		min-height:  110px;
		padding: 10px;
		text-align: right;
		vertical-align: top;
		color: #333333;
	}
		.events-container .date-content hr {
			padding: 0;
			margin: 0 0 5px 0;
		}
		.events-container .date-content p.date{

		}
		.events-container .date-content p.category {
			padding: 0;
			margin: 0;
			line-height: 1;
			font-size: 10px;
		}

#searchCategory {
	position: relative;
	display: none;
}	
	#searchCategory .display-category {
		background: #3f3832;
		color: #ffffff;
		padding: 10px 25px 10px 10px;
		position: relative;
		font-size: 1.5em;
		cursor: pointer;
		width: 100%;
	}
	#searchCategory .display-category i{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	#searchCategory .category-container {
		display: none;
		overflow: hidden;
		position: absolute;
		z-index: 99;
		width: 100%;
	}
		#searchCategory .category-container div {
			padding: 5px;
			font-size: 1.2em;
			background: #ffffff;
			border-bottom: 1px solid #777777;
			cursor: pointer;

		}
#eventsDisplay {

}
	#eventsDisplay .events-heading{
		background: #444444;
		font-size: 24px;
		padding: 0 20px;
		text-align: center;
		color: #ffffff;
		padding: 5px;
	}
	#eventsDisplay .events-heading i:hover {
		cursor: pointer;
	}

	#eventsDisplay .event-heading {
		position: relative;
		background: #444444;
		padding: 5px 115px 5px 10px;
		text-align: left;
		color: #ffffff;
		font-size: 24px;
	}
		#eventsDisplay .event-heading .back-link {
			position: absolute;
			right: 10px;
			top: 12px;
			font-size: 12px;
			cursor: pointer;
		}
		#eventsDisplay .event-container .image-container {
			width: 30%;
			display: inline-block;
			vertical-align: top;
			padding: 10px;
		}
		#eventsDisplay .event-container .content {
			width: 70%;
			display: inline-block;
			vertical-align: top;
			padding: 10px;
		}
			#eventsDisplay .event-container .content p:first-of-type{
				font-weight: bold;
				font-size: 18px;
			}
	#eventsDisplay .registration {
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		border: 1px solid #333;
		padding: 10px;
	}
	#eventsDisplay .description {
		padding: 0 10px;
	}
	#eventsDisplay .description p span{
		color: #333333 !important;
	}

	#eventsDisplay .description button {
		color: #ffffff;
		margin-right: 10px;
	}
	#eventsDisplay .description button a {
		color: #ffffff;
	}
		#eventsDisplay .description button a:hover {
			text-decoration: none;
		}
		#eventsDisplay .description button a:focus {
			text-decoration: none;	
		}

		#contact_form {
			display: none;
			padding: 0px 10px 0px 10px;
		}
			#contact_form #error {
				background: #f00;
				color: #ffffff;
				margin: 0 0 10px 0;
			}
			#contact_form #error p {
				padding: 10px 20px 0px 20px;
				margin: 0;
			}
			#contact_form #error p:last-of-type {
				padding: 10px 20px 10px 20px;
			}
			#contact_form input[type=submit]{
				color: #ffffff;
				margin-top: 10px;
			}


/* Slideshow override styling */
.fl-slide-content {
	position: absolute !important;
	bottom: 0px;
	max-width: 400px;
}
.fl-slide-text  {
}

.fl-slide-text p {
  
}
	.fl-slide-text h4 {
		background: rgba(63,56,50,0.8);
		padding: 20px !important;
	}
	.fl-slide-text p a {
		text-align: center;
		padding: 10px;
		width: auto;
		display: inline;
		background: rgba(223,158,30,0.8);
	}
	
		.fl-slide-text p a {
			background: rgba(223,158,30,1);
		}

/* Business Search Auto Complete Styling */
#memberSearch .mn-widget-searchbox-fieldwrapper{display:inline-block;margin:0 0 10px;margin-right:3px;max-width:100%;position:relative;width: 250px;}
#memberSearch .mn-widget-searchbox-field{display:block;padding:0 6px}
#memberSearch .mn-widget-searchbox-field input{background:#FFF;border:solid 1px #999;border-radius:5px;color:#444444;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:100%;max-width:100%;padding:5px}
#memberSearch .mn-widget-searchbox-field input{margin:0 -6px}
#memberSearch .mn-widget-searchbox-keyword{width:338px}
#memberSearch .mn-widget-searchbox-searchbtn{border:solid 1px #999;border-radius:5px;cursor:pointer;min-width:75px;padding:5px 10px;color:#ffffff;}
#memberSearch .mn-widget-searchbox-autocomplete{left:0;min-width:100%;position:absolute;top:100%;white-space:nowrap;z-index:1000}
#memberSearch .mn-widget-searchbox-autocomplete ul{background:#FFF;border:solid 1px #999;border-radius:5px;list-style:none;margin:0;padding:2px}
#memberSearch .mn-widget-searchbox-autocomplete li{margin:0;padding:0}
#memberSearch .mn-autocomplete{border-radius:5px;color:#444444;cursor:pointer;display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:100%;padding:.2em .4em;position:relative;text-decoration:none}
#memberSearch .mn-autocomplete:hover{background:#EEE;border:solid 1px #999;margin:-1px}
#memberSearch .mn-autocomplete br{display:none}
#memberSearch .mn-autocomplete-name{display:block}
#memberSearch .mn-autocomplete-type{color:#444444;display:block;font-size:75%;font-style:italic;line-height:125%}
#memberSearch form.mn-widget-searchbox-form {padding: 5px 10px 0px 10px;}
/*Login Widget Styling*/

#memberLogin .mn-widget-login-loggedout {padding: 20px;}
#memberLogin .mn-widget-login,
#memberLogin .mn-widget-login a,
#memberLogin .mn-widget-login input{color:#333333;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:130%}
#memberLogin .mn-widget-login a{color:#ffffff;text-decoration:none}
#memberLogin .mn-widget-login a:hover{color:#777777;text-decoration:underline}
#memberLogin .mn-widget-login-header{color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:24px;line-height:130%;margin:10px 0}
#memberLogin .mn-widget-login-fieldname{float:left;margin:4px 0}
#memberLogin /*.mn-widget-login-fieldname:after{content:\":\"}*/
#memberLogin .mn-widget-login-fieldvalue{display:block;margin-left:80px;padding:0 6px;position:relative}
#memberLogin .mn-widget-login-fieldvalue input{border:solid 1px #CCC;border-radius:5px;margin:0 -6px;padding:3px 5px;width:100%}
#memberLogin .mn-widget-login-buttons a{margin:4px 0; display: block;}
#memberLogin .mn-widget-login-buttons input{border-radius:5px;color:#ffffff;cursor:pointer;padding:3px 10px}
#memberLogin .mn-widget-login-buttons input:hover{color:#ffffff}
#memberLogin .mn-widget-login-profile{margin:10px 0;min-height:32px}
#memberLogin .mn-widget-login-image{float:left}
#memberLogin .mn-widget-login-name{margin-left:42px}
#memberLogin .mn-widget-login-name :first-child{font-weight:700}
#memberLogin .mn-widget-login-error{color:#F00}
#memberLogin .mn-widget-login-field,
#memberLogin .mn-widget-login-buttons,
#memberLogin .mn-widget-login-message{margin:10px 0}
#memberLogin .mn-widget-login-fieldname {color:#ffffff;}

/*Preloader CSS*/
.wave-container {
	height:  300px;
}
.wave {
  width: 117px;
  height: 13px;
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  left: 50%;
  margin-left: -58.5px;
}
.wave div {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 6.5px;
  background: #666666;
  animation: wave 2.6s cubic-bezier(0.626, 0, 0, 1) infinite;
  margin-right: 13px;
}
.wave div:nth-child(1) {
  animation-delay: -0.34667s;
}
.wave div:nth-child(2) {
  animation-delay: -0.26s;
}
.wave div:nth-child(3) {
  animation-delay: -0.17333s;
}
.wave div:nth-child(4) {
  animation-delay: -0.08667s;
}

@keyframes wave {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(0px);
    background: #333333;
  }
  60% {
    background: #666666;
    transform: translateY(20px);
  }
  80% {
    background: #333333;
    transform: translateY(-20px);
  }
  100% {
    background: #666666;
    transform: translateY(0px);
  }
}


#memberLogin {
    z-index: 9999;
}

.no-results {
    background: #f5f5f5;
    padding: 1em;
    font-style: italic;
    margin-top: 20px;
}