/*
Theme Name: Bootstrap 3.1.1 Starter Wordpress theme
Author: 3sparks llc
Author URI: http://3sparks.net/
Description: This is a blank bootstrap 3.1.1 theme for wordpress. Feel free to use this as a starter template for your projects.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Wordpress editor styles start*/

body{ font-family: 'Roboto', sans-serif; font-size: 14px; }

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}


/** custom css
========================================================================== **/

header{ background: #fff; height: 80px; }
header .block-number, header .block-email{ display: inline-block; vertical-align: top; margin-left: 35px; margin-top: 20px; }
header .block-number i.icon-call, header .block-email i.icon-email{ display: inline-block; width: 38px; height: 38px; vertical-align: middle; margin-right: 15px; }
header .block-number span, header .block-email span{ display: inline-block; vertical-align: middle; color: #0f2a3a; font-size: 20px; }
header .block-number i.icon-call{ background: url(img/icon-call.png) no-repeat; }
header .block-email i.icon-email{ background: url(img/icon-email.png) no-repeat;  }
header .block-email a{ color: #000; }
header h1#logo{ position: absolute; top: -70px; left: 0; z-index: 9; }
header h1#logo img{ max-width: 100%; height: auto; }

section.navigation .container{ position: relative; }
.navbar{ margin: 0; min-height: 60px; }
.navbar-default{ background: #dbae57; border: 0 none; border-radius: 0; position: absolute; right: 0; top: 0; z-index: 10; }
.navbar-default .navbar-nav>li{ background: url(img/nav-saprater.png) 0 22px no-repeat; }
.navbar-default .navbar-nav>li>a{ font-size: 18px; color: #fff; padding-top: 20px; padding-bottom: 20px; }
.navbar-default .navbar-nav>li:first-child{ background: none; }
.navbar-default .navbar-nav>li>a:hover{ color: #000; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background: none; color: #000; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background: none; color: #000; }
.dropdown-menu>li>a{ font-size: 18px; color: #fff; padding: 10px 20px; }
.dropdown-menu>li>a:hover{ color: #ffc85f; background: none; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background: #000; }

.navbar-nav>li>.dropdown-menu{ background:#506171;; }

#logo{ position: absolute; top: 140px; left: 0; z-index: 9; }
#logo img{ max-width: 100%; height: auto; }

section.banner{ position: relative; width: 100%; }
section.banner .strip{ background:#dbae57; width: 20%; height: 60px; position: absolute; top: 0; right: 0; z-index: 9; }
section.banner img{ max-width: 100%; height: auto; }
section.banner .owl-carousel .owl-item{ text-align: center; position: relative; }
section.banner .owl-carousel .owl-item .container{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
section.banner .owl-carousel .owl-item .caption{ position: absolute; top: 35%; right: 0; bottom: 0; left: 0; text-transform: uppercase; text-align:center;  }
section.banner .owl-carousel .owl-item .slider-title{ font-size: 60px; font-weight: 300; color: #fff; }
section.banner .owl-carousel .owl-item .slider-detail{ font-size: 60px; font-weight: 500; color: #fff; }

section.banner .owl-controls .owl-prev{ position: absolute; top: 50%; left: 0; background: url(img/prev-arrow.png) no-repeat; width: 57px; height: 87px; text-indent: -9999px; margin-top: -55px; }
section.banner .owl-controls .owl-next{ position: absolute; top: 50%; right: 0; background: url(img/next-arrow.png) no-repeat; width: 57px; height: 87px; text-indent: -9999px; margin-top: -55px; }


section.bradcrumbbh-block{ background: #dbae57; height: 45px; border-bottom: 1px solid #dbae57; width: 100%; text-align: center; }
section.bradcrumbbh-block .page-heading{ font-size: 22px; font-weight: 500; padding-top: 7px; color: #fff; }

.block-page{ padding: 90px 0; }
.block-page .homepage h2{ margin: 0; padding: 0 0 40px 0; font-size: 24px; color: #000; text-transform: uppercase; }
.block-page .homepage .content{ font-size: 16px; color: #000; line-height: 24px; }
.block-page .homepage .content p{ margin-bottom: 35px; }

.sidebar-post{ background: #ededed; padding: 15px; margin-bottom: 10px; text-align: center; }
.sidebar-post .img{ display: inline-block; vertical-align: top; width: auto; }
.sidebar-post .detail{ display: inline-block; vertical-align: top; width: 70%; margin-left: 15px; }
.sidebar-post .detail h3{ margin: 0 0 5px 0; padding: 0; font-size: 20px; text-transform: uppercase; }
.sidebar-post .detail div{ margin: 0; padding: 0; font-size: 14px; font-weight: 500; }
.sidebar-post p{ background: #f7f7f7; padding: 15px 0; box-shadow: 0px 4px 10px #ccc; }

.block-page .homepage .content .table-list tbody tr > td > p{ margin: 0; padding: 0; }
.table-list{ margin: 0; padding: 0; border: 1px solid #ddd; }
.table-list thead{ background: #506171; color: #fff; font-size: 20px; text-transform: uppercase; border: 1px solid #000; }
.table-list thead tr td{ padding: 15px 10px; border-bottom: 1px solid #000; }
.table-list tbody tr td{ padding: 15px 10px; }
.table-list tbody tr td.name{ background: #506171; color: #fff; border-bottom: 1px solid #000; border-left: 1px solid #000;  }
.table-list tbody tr td.name h3{ margin: 0; padding: 0; font-size: 18px; }
.table-list tbody tr td.name h4{ margin: 15px 0 0 0; padding: 0; font-size: 16px; }
.table-list thead tr td:last-child, .table-list tbody tr td:last-child{ text-align: center; }
.table-list tbody tr td a{ color: #000; font-weight: 500; }
.table-list tbody tr td a:hover{ color: #ffc85f; }

.section-council h3{ text-align: center; text-transform: uppercase; font-size: 20px; color: #333; margin: 0 0 20px 0; padding: 0; }
.section-council h4{ text-align: center; text-transform: uppercase; font-size: 20px; color: #333; margin: 0 0 20px 0; padding: 0;}
.section-council a{ font-weight: 500; color: #000; }
.section-council a:hover{color: #ffc85f;}

.section-council .block{ background: #ededed; padding: 20px; border-radius: 4px; margin-bottom: 20px; text-align: center; }
.section-council .half-block{ background: #ededed; padding: 20px; border-radius: 4px; margin-bottom: 20px; text-align: center; min-height: 165px; }
.block-page .homepage .content .section-council .block p, .block-page .homepage .content .section-council .half-block p{ margin: 0; padding: 0; }

div.communityPage h3{ font-size: 18px; margin: 0; padding: 15px; background: #f7f7f7; border-bottom: 1px solid #e8e8e8; }
div.communityPage ul{ background: #f7f7f7; margin: 0; padding: 15px; margin-bottom: 15px; }
div.communityPage ul li{ list-style: none; margin-bottom: 10px; background: url(img/icon-check.png) 0 1px no-repeat; padding-left: 35px; }

.contactForm input{ background: #ededed; height: 42px; color: #000; border: 0 none; border-radius: 4px; width: 100%; font-size: 16px; padding: 6px 12px;  }
.contactForm textarea{ background: #ededed; color: #000; border: 0 none; border-radius: 4px; width: 100%; font-size: 16px; padding: 6px 12px; }
.contactForm input.wpcf7-submit{ width: auto; height: 50px; background: #ffc85f; padding: 6px 30px; text-transform: uppercase; }

.link-block{ background: #e8e8e8 url(img/icon-pdf.png) no-repeat center 30px; border: 1px solid #ccc; padding: 185px 25px 25px 25px; color: #000; font-size: 24px; display: inline-block; margin: 0 20px 0 0; width: 100%; text-align: center; }
.link-block span{ float: left; width: 100%; }
.link-block:hover, .link-block:focus{ color: #990000; }

.section-bslider{ background: #ededed; padding:15px; margin-top:20px; }
.section-bslider .owl-prev{ position: absolute; top: 50%; left:25px; background: url(img/left-arrow.png) no-repeat; width: 50px; height: 50px; text-indent: -9999px; margin-top: -25px; }
.section-bslider .owl-next{ position: absolute; top: 50%; right:25px; background: url(img/right-arrow.png) no-repeat; width: 50px; height: 50px; text-indent: -9999px; margin-top: -25px; }

footer{ background: #dbae57; text-align: center; padding:23px 0; }
footer .copyright{ font-size: 15px; color: #fff; font-weight: 700; line-height:30px; }

footer .social-block .tsl-default{ background: none; border: 2px solid #000; width: 41px; height: 41px; line-height: 41px; margin: 0 5px 15px 5px; }
footer .social-block .tsl-default i.fa{ color: #000 !important; }

/** End **/


/** Responsive CSS
========================================================================== **/

@media screen and ( max-width:991px ){
	header h1#logo img{ max-width:60%;  }
	.navbar-default .navbar-nav>li>a{ font-size: 14px; }
	section.banner .owl-carousel .owl-item .caption{ display: none; }
}

@media screen and ( max-width:767px ){
	header{ height: auto; padding: 15px 0; background: #f7f7f7; }
	header .block-number, header .block-email{ margin: 5px 0; text-align: center; width: 100%; }
	header .block-email{ margin-bottom: 20px; }
	header .block-number i.icon-call, header .block-email i.icon-email{ margin-right: 5px; }
	header .pull-right{ float: none !important; width: 100%; }
	header h1#logo{ position: relative; text-align: center; margin: 0; top: 0; }
	section.banner .strip{ display: none; }

	section.navigation .container{ padding: 0; }
	.navbar-default{ position: static; top: 0; background: #506171;}
	.navbar-toggle{ padding: 10px 10px; margin-top: 12px; }
	.navbar-default .navbar-toggle{ background-color:#ffc85f; border-color: #ffc85f; }
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:#ffc85f; border-color: #ffc85f; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: #ffc85f; }
	.navbar-default .navbar-nav>li{ background: none; }
	.navbar-default .navbar-nav>li>a{ border-bottom: 1px solid #3c4853; }
}

/** End **/

/*Wordpress editor styles end*/