/*
Theme Name: Flat Bootstrap Child
Theme URI: 
Description: Child theme for Flat Bootstrap. 
Author: TWIF Marketing
Author url: http://twifmarketing.com
Version: 1.5a
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.9
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/



/* Change the content (page) header here */
header.content-header {
    min-height: 120px;
}

.content-header {
    background-color: #fff;
	background-image: url(../../uploads/2017/03/leaves.jpg)
}

header.content-header h1 {
	color: #444;
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 400;
	text-shadow: 0px 1px 1px #423D3B;
	letter-spacing: 0.06em;
}


body {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; /*Bootstrap is 500;*/
    font-size: 16px; /*BS is 16px;*/
    line-height: 1.6;
    /*background-color: #fff;*/
}

h1 {
    font-family: Montserrat,"Open Sans", Arial, "Helvetica Neue", sans-serif;
}

h2, h3, h4, h5, h6 {
    font-family: Bitter,"Open Sans", Arial, "Helvetica Neue", sans-serif;
}

#secondary h2.widget-title{font-family: Montserrat,"Open Sans", Arial, "Helvetica Neue", sans-serif;text-align:center;font-size:20px;font-weight:400; text-shadow:0 0 1px #ccc}

/* Change the main link color to dark blue. Note that the hover color is set using a 
 * neat trick with the opacity tag. This simply lightens whatever the link color is. That
 * way we don't need to try to figure out a hover color that looks good. 
 */
a {
	color: #16336a;
}
a:hover,
a:focus {
	color: #16336a;
	opacity: .75;
}

/*#site-branding {
    margin-bottom: 24px;
}*/

.site-logo{max-width:180px;margin:12px auto;}

.site-logo img{max-width:100%}

.site-title, .site-description {
    text-align: center;font-size: 28px;
text-transform: uppercase;
}
.site-title a{color:#777} 

.site-title a{color: #555;
text-shadow: 0 1px 1px #f9e5e5;
font-weight: 600;
}

.site-title span{color: #222;
text-transform: uppercase; letter-spacing: 0.05em;
font-size: 16px;}

#hdr-right {
    text-align: center;
    margin-top: 30px;
	font-size:18px; 

}


/*-----------nav--------*/
.navbar-default {
    background-color: rgba(250,250,250,.15);
    border-color: #fce2bf;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
    font-family: Montserrat,'Open Sans',Arial, sans-serif;text-transform:uppercase;font-size:14px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #b0b2b3;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: transparent;
}

/*
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #88b9f3;
    background-color: transparent;
}

*/

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #fffdfd;
    color: #111;
}

hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #333;
}

#content p {
    margin-bottom: 24px;
}

#content h3.widget-title {
    font-family: Montserrat;
    font-size: 20px;
}

#main h3.widget-title {
    font-size: 28px;
    margin-bottom: 22px;
}
h3.widget-title {font-size: 20px;}

.sidebar-footer h2{font-size:20px}

.blog h1.entry-title {
    font-size: 28px;
}

button, html input[type="button"], input[type="submit"] {
    color: #fff;
    background-color: #28476b;
    border-color: #28476b;
}

button, html input[type="button"]:hover, input[type="submit"]:hover {background:#111}

/* Make the buttons square, if you'd like. */
.btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.btn-primary {
    color: #fff;
    background-color: #16336a;
    border-color: #16336a;
}

.wpcf7-form{padding:20px}

.wpcf7-form input,  .wpcf7-form .wpcf7-select{
    border: 1px solid #999;
    padding: 4px 8px;
}

.bg-white-transp {
    background-color: rgba(255,255,255,0.6);
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, span.page-numbers.current {
    z-index: 2;
    color: #fff;
    background-color: #B2D1EA;
    border-color: #B2D1EA;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #222;
}

.pagination > li > a, .pagination > li > span, span.page-numbers.current {
    color: #222;
}

.site-footer {
    font-size: 15px;
    color: #eaeaea;
}

.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
/*.after-footer a:not(.btn) {*/
	color: #f2f2f2;
}
.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn), 
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
/*.after-footer a:hover:not(.btn),
.after-footer a:focus:not(.btn) {*/
	color:#3d7fa4;
}

.lsow-accordion.style3 .lsow-panel:first-child {
    border-top: 1px solid #271c1c;
}

.lsow-accordion.style3 .lsow-panel {
    margin: 0;
    border-bottom: 1px solid #271c1c;
}

@media (min-width: 768px){
	.site-logo {margin: 12px 0}
	.site-title{margin:20px 0; text-align:left}

	 .navbar-nav {
    		width: 100%;
    		text-align: center;
  	}
	.navbar-nav >li {
             float: none;
             display: inline-block;
    	}
	
	
    #hdr-right{text-align: right;}	
	header.content-header h1 {font-size:38px}
}