/*
Theme Name: Your Web Layout
Theme URI: http://yourweblayout.com/
Author: Design Services
Author URI: http://yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto:updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Your Web Layout is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Content
	3.6 Sidebar
	3.7 Footer
	3.8 Custom

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http://getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970px !important;
}
@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* 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:hover,
.screen-reader-text:active,
.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-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 */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
body {
	font-family: "Fira Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5 {
	color: #283a8c;
	/*font-family: "Marcellus SC", serif;*/
	font-family: "Marcellus", serif;
}
h1, 
.h1 {
	font-size: 32px;
} 
h2, 
.h2 {
	font-size: 28px;
} 
h3, 
.h3 {
	font-size: 24px;
}
.entry-content li,
p {
	color: #333;
	font-size: 18px;
}
p {
	line-height: 35px;
	margin-bottom: 20px;
}
a {
	color: #283a8c;
}
a:hover,
a:focus {
	color: #7685b8;
	transition: .5s;
}
hr {
	border-color: #304290;
	border-width: 2px 0 0;
}
.blue {
	color: #283a8c;
}
.smaller-text {
	font-size: 16px;
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: #fff;
}
.site-header,
#site-navigation,
.site-content > .container {
	background: transparent;
}
.site-footer {
	background: url("images/FooterBG.jpg") no-repeat scroll center center / cover;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
.logo {
	margin-bottom: 0;
}
.logo img:hover {
	opacity: .7;
	transition: .5s;
}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {
	.logo {
		margin-bottom: -36px;
	}
}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
    color: #283a8c;
	font-size: 17px;
	font-weight: 600;
    padding: 15px;
	
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
    color: #283a8c;
	text-decoration: underline;
}
.site-header .caret {
	display: none;
}

/* Dropdown Menu */
.dropdown-menu {
	background-color: #fff;
	border: 0 none;
	border-radius: 0;
	font-family: "Marcellus", serif;
	font-size: 17px;
	/*font-weight: 600;*/
}
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #283a8c;
	font-size: 17px;
	font-weight: 600;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: transparent;
    color: #283a8c;
	text-decoration: underline;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background: transparent;
    color: #283a8c;
	text-decoration: underline;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background: transparent;
    color: #283a8c;
}

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 17px;
		padding: 15px 10px;
	}
}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 17px;
		padding: 15px 18px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a {
		padding: 15px 30px;
	}
}

/*Hamburger Menu*/
.navbar-default .navbar-toggle {
	border-color: #283a8c;
	border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #283a8c;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background-color: #fde5a8;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border-color: #fde5a8;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.entry-header {

}
.entry-content {
	padding-bottom: 20px;
}
.entry-footer {

}
.home .entry-title {
	display: none;
}
.entry-title {
	margin: 25px 0;
	text-align: center;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
	background: #151a30;
	margin-top: 30px;
	padding: 10px 0;
}
.attribution a,
.attribution p {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0;
}
.footer-text .widget-title {
	color: #f7c265;
	font-family: "Fira Sans", sans-serif;
	font-size: 15px;
	margin-bottom: 25px;
}
.footer-text {
	margin: 10px 0;
}
.footer-text p {
	color: #fff;
	font-size: 15px;
}
#recent-posts-3 li a {
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}
ul#menu-links-footer-menu,
#recent-posts-3 ul {
	padding: 0;
	list-style: none;
}
#recent-posts-3 .post-date {
	color: #fff;
	display: block;
	font-size: 12px;
	margin-bottom: 15px;
}
.menu > li > a {
	color: #fff;
	line-height: 30px;
}
.menu > li > a:hover,
#recent-posts-3 li a:hover,
.fa-facebook-square:hover,
.fa-twitter-square:hover,
.fa-youtube-square:hover {
	color: #fcde93;
	transition: .5s;
}
.fa-facebook-square,
.fa-twitter-square,
.fa-youtube-square {
	font-size: 24px;
}
.wp-image-9416 {
	margin-top: 20px;
}
#archives-2 {
	margin-bottom: 30px;
}

/* sm */
@media (min-width: 768px) {
	.fa-facebook-square,
	.fa-twitter-square,
	.fa-youtube-square {
		margin-left: 10px;
	}
	#black-studio-tinymce-5 {
		text-align: right;
	}
}

/* md */
@media (min-width: 992px) {
	.fa-facebook-square,
	.fa-twitter-square,
	.fa-youtube-square {
		margin-left: 25px;
	}
	.wp-image-9416 {
		/*margin-top: 70px;*/
		margin-top: 155px;
	}
}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.search-submit {
	font-family: FontAwesome;
}
.leaderboard-image img {
	width: 100%;
}
.spacer {
	margin-top: 30px;
}
.wp-image-9564 {
	border: 2px solid #000;
}

/* Blog Page Comments Section */
#comment, 
input#author, 
input#email {
	width: 100%;
}
#submit {
	background: #fcde93;
	background: -moz-linear-gradient(left,  #fcde93 0%, #fff5d5 100%);
	background: -webkit-linear-gradient(left,  #fcde93 0%,#fff5d5 100%);
	background: linear-gradient(to right,  #fcde93 0%,#fff5d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde93', endColorstr='#fff5d5',GradientType=1 );
	border: 1px solid #f7c265;
	color: #283a8c;
	padding: 8px 30px;
}
#submit:hover {
	background: #2c3e8e;
	background: -moz-linear-gradient(left,  #2c3e8e 0%, #c4d1e3 100%); 
	background: -webkit-linear-gradient(left,  #2c3e8e 0%,#c4d1e3 100%); 
	background: linear-gradient(to right,  #2c3e8e 0%,#c4d1e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e8e', endColorstr='#c4d1e3',GradientType=1 );
	border: 1px solid transparent;
	color: #fcde93;
	transition: .5s;
}

/* Home Page Styles */
.featured-one,
.featured-three {
	padding: 30px 0;
}
.featured-one p {
	font-size: 20px;
}

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#283a8c+0,c9d5e6+100 */
.blue-line {
	background: #283a8c;
	background: -moz-linear-gradient(left,  #283a8c 0%, #c9d5e6 100%);
	background: -webkit-linear-gradient(left,  #283a8c 0%,#c9d5e6 100%);
	background: linear-gradient(to right,  #283a8c 0%,#c9d5e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283a8c', endColorstr='#c9d5e6',GradientType=1 );
	height: 5px;
}
.featured-two {
	padding: 0 0 30px 0;
}
.no-pad,
.no-pad .col-md-3.col-sm-6 {
	padding: 0;
}
.hover-effect img {
	position: relative;
	margin-bottom: -37px;
	width: 100%;
}
.hover-effect {
	background: rgba(40, 58, 140);
}
.hover-effect:hover img {
	opacity: .7;
	transition: .5s;
}
.hover-effect h2 {
	color: #fff;
	font-size: 32px;
	position: relative;
	text-shadow: 0 1px 1.98px rgba(0, 0, 0, 0.22);
	top: -150px;
}
.hover-effect a:hover {
	text-decoration: none;
}
.hover-effect h2,
.hover-effect p {
	margin: 0;
}
.hover-effect h2 a {
	color: #fff;
}
.btn {
	white-space: inherit;
}

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcde93+0,fff6d6+100 */
.yellow-line,
.yellow-line-two {
	background: #fcde93;
	background: -moz-linear-gradient(left,  #fcde93 0%, #fff6d6 100%);
	background: -webkit-linear-gradient(left,  #fcde93 0%,#fff6d6 100%);
	background: linear-gradient(to right,  #fcde93 0%,#fff6d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde93', endColorstr='#fff6d6',GradientType=1 );
	height: 5px;
	margin-bottom: 25px;
	margin-top: 10px;
	width: 100%;
}
._self.pt-cv-readmore.btn.btn-success {
	display: none;
}
.pt-cv-wrapper a:active, 
.pt-cv-wrapper a:hover {
	outline: 0;
	transition: .5s;
	text-decoration: underline !important;
}

/* sm */
@media (min-width: 768px) {
	.btn {
		white-space: nowrap;
	}
	.yellow-line {
		width: 70%;
	}
	.featured-two {
		padding: 0 0 60px 0;
	}
	.featured-three {
		padding: 60px 0;
	}
	.no-pad h2 {
		top: -110px;
	}
}

/* md */
@media (min-width: 992px) {
	.yellow-line {
		width: 50%;
	}
	.no-pad h2 {
		top: -66px;
	}
	.hover-effect h2 {
		font-size: 22px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.no-pad h2 {
		top: -83px;
	}
	.hover-effect h2 {
		font-size: 25px;
	}
}

/* xxl */
@media (min-width: 1400px) {
	.no-pad h2 {
		top: -100px;
	}
	.hover-effect h2 {
		font-size: 32px;
	}
}

/* xxl */
@media (min-width: 1600px) {
	.no-pad h2 {
		top: -115px;
	}
}

/* xxxl */
@media (min-width: 1800px) {
	.no-pad h2 {
		top: -150px;
	}
}

/*Form Button Style*/
.nf-form-content button, 
.nf-form-content input[type="button"], 
.nf-form-content input[type="submit"] {
	background: #fcde93 !important;
	background: -moz-linear-gradient(left,  #fcde93 0%, #fff5d5 100%) !important;
	background: -webkit-linear-gradient(left,  #fcde93 0%,#fff5d5 100%) !important;
	background: linear-gradient(to right,  #fcde93 0%,#fff5d5 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde93', endColorstr='#fff5d5',GradientType=1 ) !important;
	border-color: #f7c265 !important;
	color: #283a8c !important;
	padding: 8px 20px !important;
	transition: all .5s;
}
.nf-form-content button:hover, 
.nf-form-content input[type="button"]:hover, 
.nf-form-content input[type="submit"]:hover {
	background: #2c3e8e !important;
	background: -moz-linear-gradient(left,  #2c3e8e 0%, #c4d1e3 100%) !important; 
	background: -webkit-linear-gradient(left,  #2c3e8e 0%,#c4d1e3 100%) !important; 
	background: linear-gradient(to right,  #2c3e8e 0%,#c4d1e3 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e8e', endColorstr='#c4d1e3',GradientType=1 ) !important;
	border-color: transparent !important;
	color: #fcde93 !important;
	transition: all .5s;
}

/* Button Styles */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcde93+0,fff5d5+100 */
.btn-success {
	background: #fcde93;
	background: -moz-linear-gradient(left,  #fcde93 0%, #fff5d5 100%);
	background: -webkit-linear-gradient(left,  #fcde93 0%,#fff5d5 100%);
	background: linear-gradient(to right,  #fcde93 0%,#fff5d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde93', endColorstr='#fff5d5',GradientType=1 );
	border-color: #f7c265;
	color: #283a8c;
}

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c3e8e+0,c4d1e3+100 */
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
	background: #2c3e8e;
	background: -moz-linear-gradient(left,  #2c3e8e 0%, #c4d1e3 100%); 
	background: -webkit-linear-gradient(left,  #2c3e8e 0%,#c4d1e3 100%); 
	background: linear-gradient(to right,  #2c3e8e 0%,#c4d1e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e8e', endColorstr='#c4d1e3',GradientType=1 );
	border-color: transparent;
	color: #fcde93;
	transition: .5s;
}
.btn-lg, 
.btn-group-lg > .btn {
	border-radius: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.33;
	padding: 10px 30px;
}

/* Collapse Styles */
h4.panel-title {
	color: #293b8c;
	font-size: 20px;
}
.panel-default > .panel-heading {
	background-color: transparent;
	border-color: #373329;
	color: #373329;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: transparent;
}
.panel {
	background-color: transparent;
	border: 1px solid #373329;
	border-radius: 4px;
	box-shadow: 0;
	margin-bottom: 20px;
}

/* Blog  Styles */
.single .entry-title,
.blog .entry-title,
.archive .entry-title {
	font-size: 32px;
	text-align: left;
}
.widget-area {
	margin-top: 30px;
}
.single .widget-title,
.blog .widget-title,
.archive .widget-title {
	border-bottom: 3px solid #fcde93;
	color: #283a8c;
	font-size: 22px;
	margin-top: 0;
	padding-bottom: 5px;
	text-align: left;
}
#categories-2 {
	margin-bottom: 30px;
}
.wp-post-image {
	float: left;
	margin-right: 20px;
	width: 30%;
}
.single .wp-post-image {
	display: none;
}
.wp-post-image img {
	border: 1px solid #69624f;
}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/* Sticky footer * @link http://mystrd.at/modern-clean-css-sticky-footer/ */

/* md */
@media (min-width: 992px) {
	html {
    	position: relative;
    	min-height: 100%;
	}
	body {
    	margin: 0 0 800px; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 800px; /* = body margin-bottom */
	}
}