/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



/* 
body {
	margin: 0;
	padding: 0;
}
 */

@media only screen and (min-width: 850px) {

	html {
		background: url("img/bg-body-3200.jpg") center top no-repeat;
	}

}

#wrapper {
	background-color: transparent;
	max-width: 1180px;
	margin-top: 160px;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (min-width: 850px) {

	#wrapper {
		margin-top: 280px;
	}

}

header, #main {
	background-color: #fff;
}

#masthead #logo {/* the default logo location */
	display: block;
	margin-top: -280px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	position: absolute;
}

#logo img {
	max-height: 120px !important;
}

@media only screen and (min-width: 850px) {

	#masthead #logo {/* the default logo location */
		/* display: block; */
		margin-top: -480px;
	}
	
	#logo img {
		max-height: 210px !important;
	}

}

.header-inner {
	justify-content: center;
}

.header-inner .flex-left {
	margin-right: auto;
	margin-left: auto;
}

.header-inner .flex-grow {
	flex: none;
}

.header-inner .flex-right {
	display: none;
}

.nav > li {/* main menu */
	margin: 0 12px;
}

.nav > li > a {/* main menu */
	font-size: 1.3em;
}

#content, #content > .row-main > div {
	padding-bottom: 0;
}










@media only screen and (min-width: 550px) {/* to switch the order of columns for check board layout */

	.row.reverse {
		flex-direction: row-reverse;
	}

}










.h2, h2 {
	font-size: 1.5em;
}

@media only screen and (min-width: 850px) {

	.h2, h2 {
		font-size: 2em;
	}

}





.banner h1, .banner h2, .banner h3 {
	font-weight: 700;
}

.banner h1 {
	font-size: 4em;
}

@media only screen and (min-width: 550px) {

	.banner h1 {
		font-size: 5em;
	}

}

.banner h3 {
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}

.banner-hem {
	margin-bottom: 30px;
}





blockquote {
	border-left: 0;
	color: #fff;
	font-size: 2.1em;
	font-style: italic;
	line-height: 1;
	text-align: center;
	background-color: #2f6085;
	margin: 10px 0 40px 0;
	padding: .5em .2em;
}

blockquote p {
	margin: 0;
}

@media only screen and (min-width: 550px) {

	blockquote {
		font-size: 2.8em;
	}

}

@media only screen and (min-width: 850px) {

	blockquote {
		font-size: 4.4em;
	}

}







.bg-white {
	Background-color: #fff;
}

/* 
.margin-b-10 {
	margin-bottom: 10px;
}

.margin-b-20 {
	margin-bottom: 20px;
}

.margin-b-30 {
	margin-bottom: 30px;
}
 */









.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size: .9em;
}










@media only screen and (min-width: 850px) {

	.footer-logos {
		max-width: 76% !important;
	}

}

.absolute-footer {
	padding-bottom: 50px;
}

.absolute-footer.dark {
	color: hsla(0, 0%, 100%, 0.9);
}












/* plugin - - - plugin - - - plugin */



/* Contact Form 7 */

/* 
.contact-form .wpcf7-captchar {
	max-width: 100px !important;
}
 */

/* end Contact Form 7 */





/* Contact Form 7 Image CAPTCHA */

.captcha-image {
	margin-bottom: 20px;
	padding: 10px 20px 4px 20px;
	border: 2px solid #d5d5d5;
	background-color: #f5f5f5;
}

.captcha-image .cf7ic_instructions {
	color: #777;
}

.captcha-image label {
	color: #2f6085;
}

/* end Contact Form 7 Image CAPTCHA */



/* end plugin - - - plugin - - - plugin */







@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}