/*
Theme Name: Chloe Independent
Description: Theme for Chloe Independent, August 2016.
Template: wordpress-bootstrap-master
Version: 0.0.1
Author: Adult Creative, ME
*/

/*    Site Wide Styles    */

body {
    background-image: url('../images/img_background.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 -25px;
    padding: 0;
    font-family: 'Droid Sans', sans-serif;
    letter-spacing: 1px;
}
td {
	vertical-align: baseline; /*added 2017.12.21 for bottom banner td vertical bu qi*/
}


.inner-container {
	background-color: #FFF;
	float: left;
	width: 90%;
	margin: 50px 5% 0;
	position: relative;
}

.tel {font-size: 16px; font-weight: bold;}   /*added 2017.12.18*/

a {
	-webkit-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

a:hover {
	text-decoration: none;
}

.fw, .home-blog-post img, .blog-page-post img {
	width: 100%;
}

.hw {width:75%;display:block;margin:0 auto;}

.fc, div.wpcf7-response-output {
	float: left;
	width: 100%;
}

.divide {
	-webkit-column-count: 2;
    	-moz-column-count: 2;
    	column-count: 2;
    	-webkit-column-gap: 40px;
    	-moz-column-gap: 40px;
    	column-gap: 40px;
    	max-width: 1170px;
    	margin: 0 auto;
}

p, .lead {
	font-size: 12px;
}

.more-link {
	display: none;
}


/*    H Tag Styles    */

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0px; /*letter-spacing: 2px;*/
	margin: 15px 0;
	text-align: justify;
	font-size: 25px;
	text-transform: uppercase;
}

h1.page-heading {
	text-align: center;
	max-width: 750px;
	margin: 15px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	font-size: 22px;
}

.extra-info h2, .home-blog h4 {
	color: #e5d4ba;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
	font-size: 14px;
}

.extra-info h2 {
	color: #000;
	border-color: #000;
}

.home-contact h4 {
	margin: 30px 0;
}


/*    Header Styles    */

a.logo {
	position: absolute;
	left: 0;
	top: -50px;
}


/*    Nav Styles    */

.navbar-default {
	background: none;
	border: none;
}

.navbar-nav {
	float: right;
}

.navbar-nav>li {
	padding: 15px 15px; /*padding: 15px 17px;*/
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px; /*letter-spacing: 2px;*/
	font-size: 13px; /*font-size: 10px;*/
	padding: 2px 0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover {
	border-bottom: 1px solid #000;
	background: none;
}


/*    Home Page Styles    */

.content {
	padding: 30px 15px;
}

.home .divide {
	-webkit-column-count: 1;
    	-moz-column-count: 1;
    	column-count: 1;
}

.content-bottom {
	padding-top: 15px;
}

.content-bottom p, .home-contact p, .contact textarea, .contact p, .home .divide p {
	text-align: center;
}

.content-bottom p span {
	color: #857157;
	font-size: 16px;
}

.signature {
	font-family: 'signerica_fatregular';
	font-size: 28px;
	padding-top: 10px;
}

.home-blog {
	background-color: #2e2e2e;
	margin-top: 20px; /*margin-top: 250px;*/ /*2017.12.18*/
}

.home-blog .container {
	position: relative;
	padding-bottom: 30px;
}

.home-blog .left-image {
	position: absolute;
	left: 0;
	bottom: 0;
}

.home-blog-post {
	padding: 0;
}

.home-blog-post img {
	border: 1px solid #8c8e8d;
	margin-bottom: 10px;
}

.home-blog-post a, .blog-page-post a {
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px; /*letter-spacing: 2px;*/
}

.home-blog-post p {
	color: #f0f0f0;
	margin-top: 10px;
}

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

.home-contact input, .home-contact textarea, .contact input, .contact textarea {
	width: 100%;
	border: none;
	border-bottom: 1px solid #000;
	/*text-transform: uppercase;*/ /*2020.01.05*/
	color: #000;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 10px 0;
	font-weight: bold;
	margin-top: 10px;
}

.home-contact textarea, .contact textarea {
	border: 1px solid #000;
	padding: 10px;
}

.home-contact input[type="submit"], .contact input[type="submit"] {
	background-color: #e5d4ba;
	border: none;
}


/*    About Styles    */

.about-top {
	text-align: center;
}

.about-top img {
	padding: 30px 0 0;
}

.about-main {
	padding: 20px 0; /*padding: 45px 0;*/
	background-image: url('../images/img_about_background.jpg'); /*background-image: url('../images/img_about_background.png');*/
	background-repeat: no-repeat;
	background-size: 56%; /*background-size: 65%;*/
}

.about-main .content, .gallery .content, .contact .content, .blog .content {
	width: auto;
	float: none;
	margin: 0 40px 0 200px;
}

.extra-info {
	margin-top: 30px;
}


/*    Gallery Styles    */

.gallery {
        /*background-image: url('/wp-content/themes/chloeindependent/images/img_gallery_background.png');*/
	background-image: url('../images/img_gallery_background.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

.profile-image {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 32.33%;
	margin: 15px 0;
}
.profile-image-640 {   /*added 2017.12.15*/
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 40%;
	margin: 15px 0;
}



/*    Contact Page Styles    */

.contact input {
	border: 1px solid #000;
	text-align: center;
	padding: 20px 0;
}


/*    Form Styles    */

*::-webkit-input-placeholder {
	color: #000 !important;
	opacity: 1 !important;
}

*:-moz-placeholder {
	color: #000 !important;
	opacity: 1 !important;
}

*::-moz-placeholder {
	color: #000 !important;
	opacity: 1 !important;
}

*:-ms-input-placeholder {
	color: #000 !important;
}


/*    Blog Styles    */

.blog-page-post {
	margin-bottom: 15px;
}

.home-blog-post a, .blog-page-post a {
	color: #857157;
}

.individual-blog-image {
	padding: 15px 0;
	text-align: center;
}



/*    Footer Styles    */

footer {
	background-image: url('../images/img_footer_background.jpg');
	background-size: cover;
	text-align: center;
	padding: 40px 0;
}

.footer-bottom {
	margin-top: 0;
	padding: 15px;
}

.footer-bottom p, .directory {
	/*float: left;*/  /*del 2017.12.18*/
	font-size: 12px;
}

/*.footer-bottom p, .directory img {height: 40px;}*/  /*del 2017.12.18*/

.mob {  /*added 2017.12.20*/
	 display: none;
}

.blog h2, h3, h4 {  /*added 2017.12.20*/
         text-align: left;
}

.banner-center {text-align: center;}
.margin-auto {margin-left: auto; margin-right: auto;} /*added 2018.09.27*/
.color-000 {color: #000; text-decoration: none;} /*added 2018.09.27*/
.font-7 {font-size: 7pt;} /*added 2018.09.27*/
.font-11 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;} /*added 2018.09.27*/
.font-12 {font: normal 12px/22px Verdana, Geneva, sans-serif;} /*added 2018.09.27*/
.bold {font-weight: bold;} /*added 2018.09.27*/

#bannercode {width: 80%;} /*added 2019.01.05*/
/*    Media Queries    */

@media (max-width: 1200px) {

	.navbar-nav>li {
		padding: 15px 8px;
	}

	.home-blog .left-image {
		width: 275px;
	}

	.home-blog {
		margin-top: 100px;
	}

}

@media (max-width: 992px) {

	.divide {
		-webkit-column-count: 1;
	    	-moz-column-count: 1;
	    	column-count: 1;
	}

	.home-blog {
		margin-top: 0;
	}

	.home-blog .left-image {
		display: none;
	}

	.home-blog-post {
		margin-bottom: 15px;
		text-align: center;
	}

	.home-blog-post img {
		max-width: 283px;
	}

	.about-top img {
		max-width: 250px;
	}

	.about-main {
		background: none;
	}
	.mob {  /*added 2017.12.20*/
	 	display: block;
	}
	.about-main img {  /*added 2017.12.20*/
	 	width: 100%;
	}
	.individual-blog-image img {  /*2017.12.20*/
 		width: 100%;
 		height: auto;
	}
	.contact img {  /*2017.12.20*/
 		width: 100%;
 		height: auto;
	}
	table.footer-banner {width: 100%;} /*2017.12.21 for footer banner in firefox*/
	.fb img {width: 100%; height: auto;} /*2017.12.21 for footer banner in firefox*/
			div.f {width: 25%; font-size: 65%;} div.f img {width: 100%; height: auto;}
			div.ff {width: 65%; font-size: 65%;} .ff div {width:40%;} .f-img {width: 100%; height: auto;}




	.about-main .content {
		margin: 0;
	}

}

@media (max-width: 767px) {

	a.logo {
		position: static;
	}

	a.logo img {
		width: 100px;
	}

	.navbar-nav {
		width: 150px;
	}

	.navbar-nav>li {
		padding: 3px 0;
	}

	.gallery {
		background: none;
	}

	.gallery h1.page-heading, .contact h1.page-heading, .blog h1.page-heading {
		margin-bottom: 15px;
	}

	.profile-image {
		margin: 10px 0;
		padding: 0 5px;
		width: 49%;
	}
	.profile-image-640 {   /*added 2017.12.15*/
		margin: 10px 0;
		padding: 0 5px;
		width: 49%;
	}


	.content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: left !important;
		width: 100%;
	}

}

@media (max-width: 600px) {
        .ads {
         	display: none;
        }
}