/*
Theme Name: Next Foundations
Theme URI: http://nextadtemplate2.com
Author: NEXT Ad Agency
Author URI: http://nextadagency.com/
Description: Based on the starter theme underscores
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: next-foundations
Tags:

Next Foundations is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* =============================================================
	General Styles  
   ============================================================= */

body{
	color: #605e5e;
	font-family: 'Open Sans', sans-serif;
}

#page{
}

.site-main{
	padding-bottom: 30px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
caption{
	font-weight: 400;
	color: #72c02c;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}


h1.subheader, .h1.subheader, h2.subheader, .h2.subheader, h3.subheader, .h3.subheader, h4.subheader, .h4.subheader, h5.subheader, .h5.subheader, h6.subheader, .h6.subheader,
caption.subheader{
	color: #7d7d7d;
	font-weight: 300;
	text-transform: none;
	font-size: 23px;
}

p{
	font-size: 15px;
}

a {
  color: #72C02C;
  text-decoration: none;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}

strong{
	font-weight: 600;
}

img {
	height: auto;
	max-width: 100%;
}

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
	
	-webkit-border-radius:3px;  
	-moz-border-radius:3px;
	border-radius: 3px;
}

#calendar_wrap table{
	min-width: 200px;
}

h2 + .videoHolder,
h3 + .videoHolder,
h4 + .videoHolder,
h5 + .videoHolder,
h6 + .videoHolder,
p + .videoHolder,
div + .videoHolder{
	margin-top: 20px;
}

.videoHolder{
	background: #eee;
	height: 111px;
	margin-bottom:1.25em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 200px;
}

.videoHolder:before{
	color: #fff;
	content: "Video Coming Soon";
	left:0;
	line-height: 111px;
	text-align: center;
	top:0;
	width: 100%;
}

.embed-responsive{
	margin-top: 20px;
	overflow: hidden;
}

iframe{ 
	background: #fafafa;
}




/* =============================================================
	Btn Styles 
   ============================================================= */

.btn{
	text-decoration: none;	
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px;
	white-space: normal;
	font-size: 1.05em;
	
	-webkit-border-radius: 6px;  
	-moz-border-radius:    6px;
	border-radius:         6px;
}

.btn:hover{
	text-decoration: none;
}

.btn .large, .btn .larger{
	display: block;
	letter-spacing: .75px;
}

.btn .large{
	font-size: 1.25em;
}
.btn .larger{
	font-size: 1.5em;
}

.btn-primary,
a.btn-primary,
input.dsidx-resp-submit{
	background: #72c02c;
	color: #fff;
	border: 0;
}
input.dsidx-resp-submit{
	border-radius: 4px;
	line-height: 28px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
input.dsidx-resp-submit:hover{
	background: #96db58;
	color: #fff;
}




/* =============================================================
	Panel Styles 
   ============================================================= */

.panel-default{
	background: #f1f1f1;
	border: 0;
	
	-webkit-border-radius: 0;  
	-moz-border-radius:    0;
	border-radius:         0;

	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}




/* =============================================================
	Header Styles 
   ============================================================= */


.header-area{
	padding: 20px 0px;
	border-bottom: 1px solid #e4e4e4;
}

.navbar {
  min-height: 0px;
}

.home .header-area{
	border-bottom: 0;
}

.logo{
	display: block;
}

.logo a, .logo a:hover{
	text-decoration: none;
	border:0;
}

.site-description{
	color: #b8b8b8;
	text-transform: lowercase;
	text-align: right;
	margin: 0;
	font-style: italic;
	font-weight: 300;
}


.click-to-call {
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.click-to-call {
		text-align: center;
	}
} 

.click-to-call h2{
	display: none;
}


.click-to-call h3{
	font-size: 20px;
	margin-top: 0;
}

.click-to-call a{
	color:#b8b8b8;
}

.click-to-call a:hover{
	color:#72c02c;
}

.site-branding{
	margin-bottom: 20px;
	text-align: center;
}

.logo-widgets {
    padding: 0px 5% 20px 5%;
}
/* =============================================================
	Header Layouts
   ============================================================= */

.site-header-2 .logo, .nav-center {
	text-align: center;
}

.full-w-nav {
	padding-bottom: 0px;
}

.full-w-nav .bootstrap-nav {
	padding: 0px;
}

.full-w-nav .navbar {
	border-radius: 0px;
}

/*.nav-center {
	padding-top: 15px;
}*/

.full-w-nav .nav{
	float: none;
    display: inline-block;
}

.site-header-4 .site-branding, .site-header-4 .click-to-call, .site-header-4 .site-description {
	text-align: center;
}

.site-header-5 {
	padding-top: 0px;
}

.site-header-5 .logo-widgets {
	padding: 20px 5%;
}

.home .site-header-6 {
	position: absolute;
    width: 100%;
    z-index: 1000;
}

/* =============================================================
	Navbar Styles 
   ============================================================= */

.navbar {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}

.navbar-default{
	background: #F1F1F1;
	border: 0;
}
.navbar-default .navbar-nav > li> a{
	font-size: 20px;
	font-weight: 300;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	color: #72c02c;
}


/* =============================================================
	Main Styles 
   ============================================================= */

.site-main ul li{
	list-style: none;
}


.site-main ul li:before{
	content: "\2022";
	margin-right: 10px;
	color: #72c02c;
}




/* =============================================================
	Sidebar Styles  
   ============================================================= */
   

/* Star rating effect - requires FontAwesome, reverses text direction to produce sequential highlighting effect */
.starRating {
    direction: rtl;
    font-size: 18px;
    unicode-bidi: bidi-override;
}
.starRating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.starRating span.star:hover {
  cursor: pointer;
}
.starRating span.star:before {
  content: "\f006";
  padding-right: 5px;
  color: #fcffa2;
}
.starRating span.star:hover:before,
.starRating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #fcffa2;
}




/* =============================================================
	Homepage Widget Styles 
   ============================================================= */

.homeWidgetHolder{
	padding: 25px 0;
	border-top: 1px solid #e4e4e4;
}

/* Icons */
.home-widget .iconHolder{
	background: #609aa5;
	border:5px solid #fff;
	display: inline-block;
	font-size: 65px;
	line-height: 65px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -70px;
	padding: 20px;
	text-align: center;
	
	-webkit-border-radius:200px;  
	-moz-border-radius:200px;
	border-radius: 200px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.home-widget i.icon{
	color: #fff;
	height: 65px;
	width: 65px;
}

.iconCenter {
	text-align: center;
}

/* =============================================================
	Featured Widget Styles 
   ============================================================= */

.featuredWidgetHolder{
	padding: 25px 0;
	border-top: 1px solid #e4e4e4;
}



/* =============================================================
	Secondary Widget Styles 
   ============================================================= */

.secondaryWidgetHolder{
	padding: 25px 0;
	border-top: 1px solid #e4e4e4;
}




/* =============================================================
	Footer Widget Styles 
   ============================================================= */
.footerWidgets{
	background: #e4e4e4;
	padding: 30px 0;
	font-size: .9em; 
	text-align: center;
}


.footerWidgets .panel{
	background: none;
	box-shadow:none;
	margin-bottom: 0;
}

.footerWidgets h1, .footerWidgets h2, .footerWidgets h3, .footerWidgets h4, .footerWidgets h5, .footerWidgets h6,
.footerWidgets .h1, .footerWidgets .h2, .footerWidgets .h3, .footerWidgets .h4, .footerWidgets .h5, .footerWidgets .h6,
.footerWidgets caption{
	/*color: #fff;*/
	font-size: 22px;
	margin-top: 0;
}



.footerWidgets table{
	margin-left: auto;
	margin-right: auto;
	min-width: 220px;
}

.footerWidgets th,
.footerWidgets td{
	font-weight: normal;
	text-align: left;
}

.footerWidgets p{
	margin-bottom: 20px;
}

/* =============================================================
	Site-footer Styles 
   ============================================================= */


/* =============================================================
	Copyright Styles 
   ============================================================= */

.copyright{
	font-size: .8em;
	padding: 15px 0;
}

.site-info{
	text-align: center;
}

.footer-menu .menu{
	padding-left: 0;
	margin: 0;
	text-align: center;
}

.footer-menu li{
	display: inline-block;
	list-style: none;
}

.footer-menu li + li:before{
	content: "|";
	margin-left: 10px;
	margin-right: 10px;
}

.copyright a:link,
.copyright a:visited{
	color:#605e5e;
}

.copyright a:hover,
.current-menu-item a:link,
.current-menu-item a:visited{
	color:#72c02c;
}



/* =============================================================
	Comments Styles 
   ============================================================= */

.comments-title{
	border-top: 1px solid #e4e4e4;
	padding-top: 20px;
}

ol.comment-list{
	 margin: 10px 5px;
	 padding: 10px;
}

.comment-list .comment-body{
	 background: #F1F1F1;
	 border: 0;
	 margin: 10px 0;
	 padding: 15px 15px 15px 115px;
	 position: relative;
}

.comment-body a{
	color: #60a721;
}

.comment-body a.comment-reply-link{
	 color: #AEAEAE;
	 position: absolute;
	 right: 10px;
	 top: 10px;
}

ol.comment-list li{
 	list-style: none;
}

ol.comment-list img.avatar{
	 display: block;
	 left: 15px;
	 position: absolute;
	 top:15px;
}

ol.comment-list .comment-author{
 	line-height: 25px;
}

.comment-body cite.fn{
	 font-size: 14px;
	 font-style: normal;
}

.commentmetadata a{
	 color: #999;
	 font-size: 11px;
	 margin: 0;
}

.comment-body p{
 	margin: 5px 0;
}

.comment-body .comment-author.vcard{
 	margin: 0;
}




/* =============================================================
	Form Styles 
   ============================================================= */

label{
	color: #605e5e;
	font-weight: 400;
}

.required{
	color: #7bc638;
	font-size: .8em;
}

.form-control{
	border-color:#e4e4e4;

	-webkit-border-radius:0;  
	-moz-border-radius:0;
	border-radius: 0;
}

.wpforms-container ul li:before {
    content: "";
    margin-right: 0px;
}



/* =============================================================
	Carousel Styles 
   ============================================================= */
.carousel{
	position: relative;
}

.carousel-indicators{
	display: none;
}
.carousel-inner>.item>img {
	width:100%;
	}
@media (max-width:1024px){
	.carousel {
		background-attachment: scroll!important;
	}
}


/* =============================================================
	Plugin "CPT Bootstrap Carousel" Styles 
   ============================================================= */

/*removes plugin gradient*/
.carousel-control.left,
.carousel-control.right{
	background-image:none;
}




/* =============================================================
	Carousel Widget Styles 
   ============================================================= */
.carouselWidget .panel{
	background: #F1F1F1;
}

.carouselWidget .panel-body{
	padding: 0;
}

.carouselWidget h2{
	margin-top: 0;
	padding: 10px;
	margin: 0;
	background: #72C02C;
	color: #fff;
	text-align: center;
}

.dsidx-resp-search-box{
	padding:10px 20px; 
}

.dsidx-resp-search-form fieldset{
	padding: 0 20px;
}
.dsidx-resp-search-box label{
	color: #000;
}





/* =============================================================
Plugin "Lightweight Social Icons" Styles 
============================================================= */
.lsi-social-icons li a{
	padding: 4px !important;
}




/* =============================================================
	Media Query Medium (>768px) Styles 
   ============================================================= */
@media screen and (min-width: 768px) {

	.site-branding{
		margin-bottom: 0;
		text-align: left;
	}


	.navbar{
		margin-bottom: 0;
		/*margin-right: -10px;*/
	}

	.navbar-default{
		border:0;
		background: none;
	}

	.navbar-default .navbar-nav > li + li{
		border-left:1px solid #d9d9d9;
	}

	.navbar-default .navbar-nav > li> a{
		font-size: 20px;
		padding: 0 10px;
		height: 23px;
		line-height: 23px;
		font-weight: 300;
	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
		background: none;
		color: #72c02c;
	}

	.site-main + .sidebarHolder{
		margin-top: 25px;
	}

	.carouselWidget{
		position: absolute;
		text-align: center;
		bottom: 0;
		left: 0;
		right:0;
	}

	.carouselWidget .panel{
		display: inline-block;
		margin: 0 auto 20px;
		background: rgba(241, 241, 241, .85);
		border-radius: 4px;
		overflow: hidden;
	}

	.carouselWidget h2{
		background: rgba(114, 192, 44, .75);
	}


   
}




/* =============================================================
	Media Query Large (>992px) Styles 
   ============================================================= */

@media (min-width: 992px) {
}




/* =============================================================
	Media Query Large (>1200px) Styles 
   ============================================================= */

 @media (min-width:1200px) {


	.site-info{
		text-align: left;
	}

	.footer-menu .menu{
		text-align: right;
	}


	.carouselWidget h2{
		display: inline-block;
		padding: 20px;
	}

	.dsidx-resp-search-box{
		display: inline-block;
		float: right;
		padding:10px 0 0; 
	}
}