/*

Theme Name: Maselli Warren
Theme URI:
Author:
Author URI:
Description: Maselli Warren
Version: 1
Tags: black, blue, white, light, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
html {
  position: relative;
  min-height: 100%;
}

.textwidget {
text-align: center;
font-size: 20px;
}
body {
   font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #292929;
}
.blog-post-meta {
    display: none;
}
#header-wrapper {

height: 250px;
width: 100%;
}
.featured {
    margin-bottom: 20px;
}
.featured-area {
    margin: 0 auto;
}

.widget_sp_image {
text-align: center;
}
.widget_sp_image:hover {

-webkit-filter: brightness(.8); filter: brightness(.8);
}
.main-background {
background-color: #fff;
}
input, button, select, textarea {
    border: 1px solid #ccc;
}
p {
    margin: 20px 0;
    line-height: 1.8;
}
.page-content {

    margin: 20px 0 30px 0;
}
.form-control {
    color: #555;
    background-color: #fff;
    border-radius: 4px;
    max-width: 100%;
}
.wpcf7-list-item-label {
    display: block;
    position: relative;
    top: -22px;
    left: 30px;
    max-width: 250px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    position: relative;

}
.form-control:focus {
   border-color: #ccc;
    outline: 0;
    box-shadow: none;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    position: relative;
    top: 5px;
}
#logo {
    float: left;
    margin: 0;
    
}
a {
    color: #70a884;
    text-decoration: none;
}
.title-pad {
padding: 0 15px;
}
.blog-post-title {
    margin-bottom: 5px;
   
    font-size: 20px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    
    font-weight: normal;
}
h1, .h1 {
    font-size: 27px;

}

h2, .h2 {
    font-size: 20px;

}
h3, .h3 {
    font-size: 18px;
}
.sidebar-header {
    background-color: #777777;
    color: #fff;
    padding: 10px;
}
.top-widget {
display: inline-block;
    float: right;
    color: #c42c3b;
    font-weight: 600;
    font-size: 14px;
    margin: 12px 20px 0px 20px;
position: relative;
    z-index: 999;
}
.blog-header {
    background-image: url(images/header.png);
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: repeat-x;
       background-position: 0 33px;
    position: relative;
    top: -30px;
}
.navbar-default .navbar-nav > li > a {
    color: #484244;
    font-size: 21px;
    padding: 10px 27px 10px 39px;
}
.green a {
color: #7fb79d !important;
}
.navbar-nav > li:first-child > a {
background: none;
    border-left: none;
}
.navbar-nav > li:last-child > a {

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ddd;
  background-color: transparent;
}
.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    margin: 0 0 6px 0;
    position: relative;
    top: -15px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #fff;
}
.navbar-nav {
    float: left;
    margin: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    text-align: inherit;
    list-style: none;
    background-color: #afaeae;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    box-shadow: none;
}
.dropdown-menu > li > a {
   
    font-size: 16px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
       color: #fff !important;
    white-space: nowrap;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.95);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(66, 139, 202, 0);
    outline: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #333;
  text-decoration: none;
  background-color: rgba(245, 245, 245, 0);
}
.greenback a {
background-color: #c7d5cf!important;
}
ul.cnss-social-icon {
       margin: 0;
    padding: 0;
    list-style-type: none;
}
.widget_search {
    margin: 10px 0;
    width: 130px;
}
#section1 {
	
	padding: 10px 0;
}
#section2 {
    padding: 30px 0;
    border-top: 1px solid #c9c9c9;
}
#section3 {
	
	padding: 10px 0;
}
#section4 {
	
	padding: 10px 0;
}
/* =Top Menu
-------------------------------------------------------------- */
#top-menu-container {
  margin: 0;
  display: block;
  max-width: 1120px;
  margin: 0 auto;
}
.top-menu {
	float: right;
	margin: 10px 0;
    padding: 0;
}
#top-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
}
.top-menu li {
	display: inline;
	list-style-type: none;
}
.top-menu li a {
    border-left: 1px solid #73b094;
    color: #050505;
    font-size: 14px;
    padding: 0px 6px 0 10px;
    
text-transform: uppercase;
    position: relative;
    top: 6px;
    z-index: 9999;
}
.top-menu > li:first-child > a {
	border-left: none;
font-weight: 700;
}
.top-menu li a:hover {
	color: #333;
}
.blog-nav .active:after {
    display: none;
}
.caret {
    display: none;
}
/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
	border-top: none;
	clear: both;
	margin: 0 auto;
}
#sub-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
display:none;
}

#sub-menu-container {
  margin: 0;
  display: block;
  max-width: 1180px;
  margin: 0 auto;
}
.sub-header-menu,
.sub-header-menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sub-header-menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}
.sub-header-menu li:hover {
	white-space: normal;
	z-index: 10000;
}
.sub-header-menu li li {
	float: none;
}
.sub-header-menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.sub-header-menu li:hover > ul {
	top: 100%;
	visibility: visible;
}
.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}
.sub-header-menu:after,
.sub-header-menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.sub-header-menu,
.sub-header-menu ul {
	min-height: 0;

}

.sub-header-menu ul,

.sub-header-menu ul ul {

	margin: 0;

	padding: 0;

}

.sub-header-menu ul li a:hover,



.sub-header-menu li li a:hover {

	color: #484848;

	text-decoration: none;

}

.sub-header-menu ul {

    margin-top: 1px;

	min-width: 15em;

	width: auto;

}

.sub-header-menu a {

	border-left: 1px solid #e5e5e5;

	color: #333;

    cursor: pointer;

	display: block;

	font-size: 12px;

	font-weight: 400;

	height: 35px;

	line-height: 35px;

	margin: 0;

	padding: 0 0.9em;

	position: relative;

	text-decoration: none;

	text-shadow: none;



}

.sub-header-menu a:hover {

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-color: #f9f9f9;

	background-clip: padding-box;

}

.sub-header-menu .current_page_item a,

.sub-header-menu .current-menu-item a {

	background-color: #f9f9f9;

}

.sub-header-menu li li {

	background: #fff;

	background-image: none;

	border: 1px solid #e5e5e5;

	color: #444;

	filter: none;

    margin: -1px 0 1px 0;

	width: auto;

}

.sub-header-menu li li a {

	border: none;

	color: #444;

	font-size: 12px;

	font-weight: 400;

	height: 20px;

	line-height: 20px;

	padding: 5px 10px;

}

.sub-header-menu li li a:hover {

	background: #f9f9f9;

	background-image: none;

	border: none;

	color: #444;

	filter: none;

}

.sub-header-menu ul > li + li {

	border-top: 0;

}

.sub-header-menu li li:hover > ul {

	left: 100%;

	top: 0;

}

.sub-header-menu > li:first-child > a {

	border-left: none;

}

.sub-header-menu ul.children a,

.sub-header-menu .current_page_ancestor,

.sub-header-menu .current_page_ancestor ul a {

	background: none;

	background-image: none;

	filter: none;

}

.footer-widget-title {
font-style: italic;
font-weight: 600;
font-size: 28px;
text-align: center;
    margin-top: 20px;
}
.location-widget-title {
color: #66a38c;
font-size: 24px;
font-weight: 700;
text-align: center;
}


.blog-footer {
font-size: 12px;
color: #fff;
background-image: url(images/footer.png);
    background-repeat: repeat-x;
      background-position: 0 25px;
  background-color: #292929;
    border-top: 0px solid #e5e5e5;
}
.blog-footer a {
    color: #fff;
}
.blog-footer a:hover, .blog-footer a:focus {
    color: #000;
    text-decoration: underline;
}
/* =Footer Menu

----------------------------------------------------------- */

.footer-menu {

	margin-left: 0;

    padding: 0;

}

.footer-menu li {
	display: inline;
	list-style-type: none;
}
.footer-menu li a {
	border-left: 1px solid #fff;
	color: #fff;
	padding: 0 8px;
}
.footer-menu > li:first-child > a {
    border-left: none;
    padding: 0 8px 0 0;
}
.footer-menu li a:hover {
	color: #222;
}
.footer-menu > li:first-child > a {
	border-left: none;
	padding: 0 8px 0 0;
}
.btn-default {
    color: #fff;
    background-color: #66a38c;
    border-color: #66a38c;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #518c76;
    border-color: #66a38c;
}
.btn {
    padding: 5px 12px;
    outline: medium none !important;
}
.btn-primary {
    color: #000;
    background-color: rgb(255, 255, 255);
    border-color: #CCC;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #000;
    background-color: rgb(255, 255, 255);
    border-color: #CACACA;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
    border-left: none;
}
.mapp-layout{
  width:100% !important;
  overflow: hidden;
}
/*Search box and button colors*/
.btn-primary {
   color: #646464;
       background-color: #f5f5f5;
    border-color: #CCC;
 padding: 3px 12px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #646464;
   background-color: #f5f5f5;
    border-color: #ccc;

}
input[type="search"] {
    background-color: #f5f5f5;
height: 30px;
border-right: 0;
}
/*This fixes a problem with the search button on Firefox*/
@-moz-document url-prefix() {
.btn {
    padding: 2px 12px;
}
}

/*Responsive for mobile code here */
@media (max-width: 1199px) {

.navbar-default .navbar-nav > li > a {
    color: #484244;
    font-size: 22px;
    padding: 10px 15px 10px 15px;
  
}
#top-menu-container {
    max-width: 920px;

}
}

@media (max-width: 991px) {
#logo {
    float: left;
    margin: 0;
    width: 320px;
    position: relative;
    top: 10px;
}
.navbar-default .navbar-nav > li > a {
    color: #484244;
    font-size: 20px;
    padding: 10px 5px 10px 4px;
   
}
#top-menu-container {
    max-width: 710px;
}

}

@media (max-width: 767px) {
#logo {
 display: none;
}
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
    background-color: #afaeae;
}
.navbar-brand > img {
    display: block;
    position: relative;
    top: 20px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: rgb(175, 174, 174);
  }
.navbar-default .navbar-toggle {
    border-color: #66a38c;
    position: relative;
    top: 15px;
    padding: 10px;
}
#sub-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
display:block;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    top: 20px;
    position: relative;
}
#sub-menu-wrapper {

  width: 100%;
  top: 0px;
  margin: auto;
display:block;
}
	.comment-list,
	.children:nth-child(n+1) {
		padding: 0;
  	}
.navbar-nav {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}
}

@media (max-width: 370px) {
.top-menu li a {
    font-size: 14px;
    padding: 0px 1px 0 3px;

}
}

/* =WordPress Core

-------------------------------------------------------------- */
.alignnone {
    margin: 5px auto 20px 0;
}
.aligncenter,
div.aligncenter {
 display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
   max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.gallery-item img {
    border-width: 1px;
    margin-bottom: 0;
}
.wp-post-image {
	margin-bottom: 20px;
}
.sticky {
}
.bypostauthor {
}
.entry {
	margin-bottom: 20px;
}


.widget {
	text-align: initial;
}

#searchsubmit {
	margin: 4px 0;
}
.comment-list {
	padding: 0;
}
.comment-list,
.children:nth-child(n+1) {
	list-style: none;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}
a {
outline: medium none !important;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    z-index: 9;
}

#navContainer ul li a {
    text-decoration: none;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #b5b5b5;
    background-color: #ffffff;
    color: #000;
    font-size: 14px;
}
#navContainer ul li a:hover{
background-color: #fff;
color: #14674c;
}
#navContainer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.blog-sidebar, .blog-sidebar-right {
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
