/*
 Theme Name:   EMPIR Sites V2
 Theme URI:    http://npl.co.uk
 Description:  Flat Bootstrap Child Theme
 Author:       NPL
 Author URI:   http://lloydengland.com
 Template:     flat-bootstrap
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  flat-bootstrap-child
*/

@import url("../flat-bootstrap/style.css");

body{
	background-color: #fff;
	font-family: 'Muli', sans-serif;
	letter-spacing: -0.02em;
	font-size: 16px;
	line-height: 26px;
}

#page{
	max-width: inherit;
}

#site-branding .container{
	padding-left: 0px;
}

@media (min-width: 768px) and (max-width: 991px) { 
	.container{
		width: inherit;
	}
}

h1, h2, h3, .site-title {
    font-weight: 400;
    font-family: 'Muli', sans-serif;
}

.site-title{
	margin: 0px;
}

h2{
	margin-top: 0px;
}

p{
	margin-bottom: 20px;
	line-height: 1.7em;
	font-size: 1.1em;
}

a, a:visited{
	color: #006CB2;
}

a:hover{
	color: #009bff;
}

#menu-main{
    margin-bottom: -4px;
}

#fixed-header-image img{
	max-height: 90px;
}

hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    margin: 1em 0;
    padding: 0;
}

	.site-branding{
		margin: auto;
	    width: 1150px;
	    padding: 20px 0 0;
	    display: flex;
    	align-items: center;
	}
	#fixed-header-image, .site-title{
		float: left;
	}

@media (max-width: 575px) {
	#fixed-header-image{
		width: 100% !important;
	}
	.site-branding{
		margin: auto;
	    width: 100%;
	    padding: 10px 0;
	}
	.site-title{
		font-size: 2em;
	}
	#fixed-header-image{
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	#fixed-header-image{
		width: 100% !important;
	}
	.site-branding{
		margin: auto;
	    width: 100%;
	    padding: 10px 0;
	}
	.site-title{
		font-size: 2em;
	}
	#fixed-header-image{
		margin-bottom: 20px;
	}
}

// Medium devices (tablets, less than 992px)
@media (max-width: 991px) {
	.site-branding{
		margin: auto;
	    width: 1150px;
	    padding: 10px 0;
	}
}

// Large devices (desktops, less than 1200px)
@media (max-width: 1199px) {
	.site-branding{
		margin: auto;
	    width: 1150px;
	    padding: 10px 0;
	}
}

#masthead{
	background-color: #f5f5f5;
}

.cover-image, .cover-image-overlay{
	min-height: 500px;
}

.cover-image h2{
	color: #333;
}

.custom-header-image{
		margin: 0;
}

.site-branding-text{
	margin-left: 0px;
}
@media (min-width: 768px) {
	.secondary-navbar{
		z-index: 1 !important;
	}
	.secondary-navbar-container{
		padding: 0;
	}
	.secondary-navbar-collapse.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
	#menu-secondary .navbar-nav a, #menu-secondary .active a, #menu-secondary .navbar-nav .active a:hover, #menu-secondary .navbar-nav .active a:focus, #menu-secondary li a:hover{
		border-bottom: none !important;
	}
	#menu-secondary .active a{
		font-weight: bold;
	}

}

header.content-header{
	min-height: 80px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

h1.page-title{
	font-family: 'Muli', sans-serif;
	letter-spacing: -0.02em;
	margin-top: 0;
    font-size: 38px;
}

h1.entry-title{
	font-family: 'Muli', sans-serif;
	letter-spacing: -0.02em;
	margin-top: 0;
	font-size: 1.8em;
	line-height: 1.4em;
}

.navbar-default{
	background-color: transparent;
}

.content-header-image{
	background-color: #fff;
}

.section-image, .cover-image{
	text-align: left;
}

#sidebar-home .widget_text{
	height: 150px;
}

#menu-footer li, #menu-main-1 li, #menu-main-menu-1 li, #menu-global li{
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}

#menu-footer li:last-child, #menu-main-1 li:last-child, #menu-main-menu-1 li:last-child, #menu-global li:last-child{
	float: left;
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px solid #ccc;
}

.post-thumbnail{
	margin-bottom: 10px;
}
.thumbnail{
	background-color: none;
	border: none;
	border-radius: 0;
	padding: 0px;
	width: 100%;
	margin-bottom: 0px;
}

.wpcf7-textarea{
	width: 100%;
}