/**
 * Theme Name: DesignBiz Child
 * Theme URI: https://web242.com
 * Description: A blank child theme of the DesignBiz parent theme.
 * Version: 1.0
 * Author: Web242 Media Inc.
 * Author URI: https://web242.com
 * Tags: yellow, two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, threaded-comments, translation-ready
 *
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Template: designbiz
 */

/* Place your custom style here. */

html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}


/*  0.0  SITE WRAPPERS
-------------------------------- */


/*  0.5  SITE ORIGIN WRAPPERS
-------------------------------- */


/*  1.0  SITE HEADER
-------------------------------- */

.site-header {
	position: absolute;
	padding: 20px 0;
	background: #F1F1F1;
}
.site-branding {
	width: auto;
	padding: 20px 40px 15px 30px;
	background: #f3f3f3;
	border: 1px solid #c69f73;
	border-bottom: 10px solid #c69f73;
}
.site-branding .site-title {
	margin: 0 0 5px 0;	
	font-size: 32px;
	text-transform: none;
	font-weight: bold;
}
.site-branding p {
	margin: 0;
	color: #c69f73;
	color: #333;
	font-size: 26px;
	line-height: 1.2;
}


@media (max-width: 400px) {

	.site-branding .site-title {
		font-size: 28px;
	}

} /* Do Not Delete */


/*  2.0  MAIN MENU
-------------------------------- */

#site-navigation {
	width: auto;
}
.main-navigation {
	line-height: 100px;
}

.menu-primary-items a {
	font-size: 16px;
}
.menu-primary-items .current_menu_item a,
.menu-primary-items .current_menu_item a:hover,
.menu-primary-items .current_page_item a,
.menu-primary-items .current_page_item a:hover	{ 
	color: #C69F73;
	font-weight: bold;		
}

@media (min-width: 768px) {
	
	.menu-primary-items a {
		font-size: 16px;
	}	
		
} /* Do Not Delete */


@media (max-width: 768px) {
	
	.menu-primary-items .current_menu_item a,
	.menu-primary-items .current_menu_item a:hover,
	.menu-primary-items .current_page_item a,
	.menu-primary-items .current_page_item a:hover	{ 
		color: #000;
	}
	
} /* Do Not Delete */

.menu-toggle {
}


/*  3.0 HERO IMAGE AND THEME STYLING
------------------------------------- */

.has-featured-image .hero::before {
    opacity: 0.15;
}

.hero {
	padding: 135px 0 100px;  /* 50% height reduction */
	padding: 200px 0 150px;  /* 75% height reduction */
	padding: 225px 0 135px;	
	padding: 200px 0 100px;
}
.hero .entry-content {
    width: 80%;
}

.hero blockquote {
	margin: 30px 0;
	padding: 5px;
	border-left: none;
}
.hero blockquote p {
	font-size: 34px;
	font-weight: normal;
	color: #c69f73 !important;
	line-height: 1.5;
}
.hero blockquote p span {
	margin-left: 10px;
	font-size: 22px;
}

@media (max-width: 768px) {
	
	.hero {
		padding: 250px 0 75px 0;  /* Importnt for mobile */
	}
	.hero blockquote p {
		font-size: 30px;
	}
	
} /* Do Not Delete */	


/*  5.0 CONTENT 
----------------------------------- */

.entry-content h1.entry-title {
	margin: 50px 0 30px 0;
	color: #c69f73 !important;	
}
.entry-content p {
	font-size: 16px;
}


/*  5.1  HOME PAGE CSS
-------------------------------- */

.info-box h3, .h3 {
	font-size: 24px;
	font-weight: normal;
	padding: 15px 0;
}
.info-box p {
}

.featured-img {
	width: 270px;
	height: auto;
	padding: 7px;
	background: #EEE;
	border: 2px solid #D0D0D0;
}

.home-panel {
	padding: 30px 0;
}

.home-panel h2,
.home-panel h3 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}
.home-panel img {
	max-width: 100% !important;
	margin-bottom: 15px;
}

.home-panel ul {
	margin: auto 30px;
}
.home-panel li {
	padding: 17px 0;
}
.home-panel li,
.home-panel li a {
	color: #B45737;
}
.home-panel li a:hover {
	color: #333;
}

.image-right {
	margin-left: 30px;
	padding: 7px;
	background: #EEE;
	border: 1px solid #D0D0D0;
}

@media (max-width: 575px) {
	
	.image-right {
		width: 300px;
		height:auto;
	}
	
} /* Do Not Delete */

@media (max-width: 425px) {
	
	.image-right {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
} /* Do Not Delete */	


/*  7.0 CONTACT FORM
----------------------------------- */

.fscf-div-form {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
}
.fscf-label,
.mc_header {
	display: block;
	color: #666;
	font-size: 14px;
	margin: 10px 0 7px 0 !important;
}
.fscf-required-indicator,
#mc-indicates-required {
	margin-left: 5px;
	font-weight: normal;
}
.fscf-required-text {
	font-size: 12px;
	color: #999;
}
.fscf-input-text,
.fscf-input-captcha,
.fscf-input-select,
.mc_input {
	color: #666 !important;
	font-size: 16px !important;	
	background: #FFF !important;
	padding: 10px !important;
	width: 300px;
	max-width: 100%;
	border-color: #BBB !important;
}
.fscf-input-select {
	width: auto;
}
.fscf-input-captcha {
	width: 150px;	
}
.fscf-input-textarea {
	margin-bottom: 20px;
	color: #666 !important;
	font-size: 16px !important;	
	width: 375px;
	min-width: 150px;
	max-width: 100% !important;
	min-height: 150px !important;
	max-height: 300px;
	padding: 10px !important;
	border-color: #BBB !important;	
} 
.fscf-button-submit,
#mc_signup_submit { 
	margin: 20px 0; 
	padding: 10px 15px !important; 
	color: #ffffff !important; 
	font-size: 15px !important; 
	border: 5px solid #c69f73;	
}
.fscf-button-submit:hover,
#mc_signup_submit:hover { 	
}	

.fscf-div-error {
	color: #F00;
	font-size: 12px;
	margin-bottom: 5px;
}


/*  8.0 FOOTER AND COPYRIGHT
----------------------------------- */

.sidebar-footer {
	background-color: #F5F5F5; 
	background-color: #EEE; 	
	color: #333;
}
.sidebar-footer h3.widget-title {
	font-size: 26px;
	color: #333;
	font-weight: normal;
	text-transform: none;
}
.sidebar-footer a {
	color: #333;
}
.sidebar-footer a:hover {
	color: #C29C71;
}
.sidebar-footer i {
	float: left;
	margin: 5px 25px 0 0;
	color: #b45737;
	font-size: 36px;
}

.footer-column-2 {
	padding-left: 40px;
}
.footer-column-3 {
	padding-left: 40px;
}


/* COPYRIGHT SECTION */

.site-info {
	padding: 15px 0;
	font-size: 12px;
	color: #999;
	border-bottom: 7px solid #c69f73;
}
.site-info span {
	float: right;
}
.site-info span a {
	margin-left: 4px;
	color: #c69f73 !important;
}
.site-info span a:overlay {
	color: #C39D71 !important;
}

@media (max-width: 620px) {
	
	.site-info {
		text-align: center;
	}
	.site-info span {
		clear: both;
		float: none;
	}
	
} /* Do Not Delete */		


/*  9.0 PRINT ONLY CSS
----------------------------------- */

@media only print {
	
	#SOME-STYLE {
		display: none !important;
	}
	
} /* DO NOT DELETE */