/*
Theme Name: Skins of Color
Theme URI: https://www.skinsofcolor.com
Author: Cleo Hister
Author URI: https://www.createwithcurtis.com/
Description: Skins of Color Responsive Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
1. Reset CSS
-------------------------------------------------------------- */
html, body {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'Merriweather', serif; /* font-weights: light:300, normal:400, bold:700, bolder:900 */ }
ol {list-style: decimal;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*--------------------------------------------------------------
2. WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 15px 15px 0; border-style:none;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0; border-style:none;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 0px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}

.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 18px;margin: 0;padding: 6px 4px 5px;}

/*--------------------------------------------------------------
3. Universal CSS
-------------------------------------------------------------- */
body{line-height: 1.8;}
h1{font-size: 34px;margin-bottom: 40px;}
h2{font-weight: 300; font-size: 32px;}
h3{font-size:24px; font-weight: 400;}
h4{font-size: 32px;color: #e4dad0;}
h5{font-size: 18px; color: #e4dad0;}
h6{font-size:16px;}
hr{}
a{}
a:hover{text-decoration: none;}
span{}
strong,b{font-weight: bold;}
p{margin-bottom: 24px;font-size: 14px;}

hr.brown{border-top: none;border-bottom:1px solid #e4dad0;}
.learn-more-org{background: #edab5f;padding: 14px 10px 10px 10px; color:white; border-radius: 4px;box-shadow: 0px 3px 0px #e09845;font-size: 14px; }
.learn-more-pink{background: #e54147;padding: 14px 10px 10px 10px; color:white; border-radius: 4px;box-shadow: 0px 3px 0px #c21b21;font-size: 14px; }
.learn-more-btn-wht{background:url(images/circle_wht.png) no-repeat;padding:7px 10px;color: #edab5f;}
.learn-more-btn-grey{background:url(images/circle_ltgrey.png) no-repeat;padding:7px 10px;margin-left:10px;color: #edab5f;}
.learn-more-btn-pink{background:url(images/circle_pink.png) no-repeat;padding:7px 10px;margin-left:10px;}

.text-orange{color:#e6973b;}
.text-brown{color: #a58364;}
.text-pink{color: #f36b70;}
.text-white{color: #fff;}
.text-drkbrwn{color: #4f3a27;}
.text-light{font-weight: 300;}
/*--------------------------------------------------------------
4. Header CSS
-------------------------------------------------------------- */
#logo{margin-bottom: 3px;margin-top:20px;}
#search{display: none;}
.logo-tagline{font-size:14px; color:#977D65;font-style: italic;font-weight: 300;text-align: center;}
.right-head-top{padding-top:10px;font-size: 13px; color: #4f3a27;text-align: right;}
.login-text{margin:10px 45px 10px 5px;font-weight: 700; text-align: right;}
.right-head-bottom{margin-top:97px;font-size: 13px;text-align: right;}
.head-icon{margin: -5px 5px 0 18px;}
.search-icon{cursor: pointer;}
/*--------------------------------------------------------------
5. Navigation CSS
-------------------------------------------------------------- */
#navigation{background: #4f3a27;margin-top:15px;}
.navbar{background: none;border: none; border-radius: 0;margin-bottom: 0;min-height: 10px !important;}
.navbar a{background: none !important; font-weight: 300;font-size: 14px;color:white !important}
.nav>li>a{padding:10px 13px 9px;margin:0;}
.navbar .active>a, .navbar a:hover{color: white !important; background:#e3a45a !important;}

/* Dropdown Menu*/
.nav>li:hover >.dropdown-menu{display: block;}
.dropdown-menu{background: #e19338;border-radius: 0; border: none;}
.dropdown-menu a{font-size: 14px;}
/*--------------------------------------------------------------
6. Sub-Header CSS
-------------------------------------------------------------- */
#wp-slideshow{position: relative;z-index: 10}
#wp-slideshow .ss-content{position: absolute;top:30%; z-index:20; background: rgba(0, 0, 0, 0.45);width: 600px; border-radius: 5px;padding: 20px;color:white;}

#c2a-container{background: #f7f0e3;margin-top:8px;min-height: 290px;margin-bottom: 80px;position: relative; z-index: 100;}
.c2a{border: 1px solid #ccc; padding: 15px;background: white;color:#4f3a27;font-size: 15px;border-radius: 3px;box-shadow: 0px 2px 4px #aaa;margin-top: -75px;height: 330px;}
.c2a p{text-align: left;margin-bottom: 25px;}

#sub-head{margin-bottom: 50px;position: relative;color: white;font-weight: 300; text-shadow: 1px 0 1px #333;}
#sub-head img{box-shadow: 0px 1px 3px #999;}
#sub-head h1{margin: 0;font-weight: 300}
.page-title{background: rgba(79, 58, 38, 0.53);padding: 15px 20px;width: 45%;border-radius: 5px;position:absolute; bottom:50px;margin-left: 20px;}
.page-title-mobile{text-shadow: none;margin-top: 10px;}
/*--------------------------------------------------------------
7. Main Content CSS
-------------------------------------------------------------- */
#main-content{font-size:14px; color: #4f3a27;padding-bottom: 20px;}
.content{padding-right: 40px; width: 100%;}
.content ul{margin-top:10px;}
.content li{list-style-type: disc;}

.video-content{padding-right: 30px;margin-bottom: 50px;}

.blog-content{margin-top: 20px;}
.shareaholic-share-buttons-heading{display: none;}
.shareaholic-canvas{}

#member_user_login,#member_user_pass{border: 1px solid #dfdfdf;padding: 8px;margin-bottom:5px;border-radius: 4px;width: 100%;}
#member_wp-submit{margin-top: o;background:#0066a4;font-size:13px;color:white;padding:10px;border: none;border-radius: 4px;}

.ngg-gallery-thumbnail-box{margin: auto !important; float: none !important;}
.ngg-gallery-thumbnail{float: none !important; margin: auto;}
.ngg-gallery-thumbnail img{float: none !important; margin: auto !important;}
/*--------------------------------------------------------------
8. Sidebar CSS
-------------------------------------------------------------- */
#newsletter{padding: 5px 10px; width: 80%; box-shadow: inset 1px 1px 2px #ccc;border: #ccc solid 1px; color: #999;}
.side-block{margin-bottom: 40px;}
.block-submenu ul{padding: 0;}
.block-submenu>li{list-style: none;font-size: 26px;}
.block-submenu ul>li{background: #4f3a27;padding: 10px 0 10px 25px; margin-bottom: 2px;font-weight: 300;font-size: 14px;}
.block-submenu ul>li:hover, .block-submenu ul>li.current_page_item{background: #e3a45a;}
.block-submenu ul>li a{color: white;text-decoration: none; padding: 10px;}

.block-c2a-container{background: #f7f0e3;padding: 20px;line-height: 1}
.block-c2a{padding: 8px 0;background: white;box-shadow: 0px 1px 5px #666;margin-bottom: 10px;border-radius: 3px; }
.block-c2a h3{margin-top: 14px;font-weight: 300;}
.block-c2a span,.block-c2a h3{padding-left: 20px;}

/*--------------------------------------------------------------
9. Sub-Footer CSS
-------------------------------------------------------------- */
#footer-blog{background: #977d65;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3N2Q2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzk3N2Q2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjNhMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #977d65 0%, #977d65 59%, #4f3a27 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#977d65), color-stop(59%,#977d65), color-stop(100%,#4f3a27));background: -webkit-linear-gradient(top,  #977d65 0%,#977d65 59%,#4f3a27 100%);background: -o-linear-gradient(top,  #977d65 0%,#977d65 59%,#4f3a27 100%);background: -ms-linear-gradient(top,  #977d65 0%,#977d65 59%,#4f3a27 100%);background: linear-gradient(to bottom,  #977d65 0%,#977d65 59%,#4f3a27 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#977d65', endColorstr='#4f3a27',GradientType=0 ); min-height: 420px;padding:0 0 10px 0;margin-bottom: 8px;}

.blog-thumb{background-position: center center !important; background-size: cover !important;height: 180px;margin-bottom: 5px;}
/*--------------------------------------------------------------
10. Footer CSS
-------------------------------------------------------------- */
#footer-social{background: #d7cfbe; padding: 50px 0;margin-bottom: 50px}
#footer-social span.social-title{font-size: 32px; color: #4f3a27;margin-top: inherit;}
#footer-social span{font-size: 14px;margin-top: 13px;}
#footer-social span img{margin-left: 10px;}
#footer-social a{color: white;}
#footer-social a:hover{color:#e2e2e2;}
.social-container{padding: 10px 5px 10px 0px; background:#6b675f;border-radius: 5px;color: white;font-weight: 300; margin-left: 5px;margin-bottom: 10px;}

#footer{color: #4f3a27;font-size: 15px;}
#footer ul{margin: 0;padding: 0;}
#footer li {display: inline-block;padding-right: 20px}
#footer li a{font-size: 14px;color:#4f3a27}
#footer .sub-menu{display: none;}

/*--------------------------------------------------------------
11. Gravity Forms Override CSS
-------------------------------------------------------------- */
#input_1_1{padding: 5px 10px; width: 90%; box-shadow: inset 1px 1px 2px #ccc;border: #ccc solid 1px; color: #999;}
#gform_submit_button_1{background:url(images/circle_ltgrey.png) no-repeat;padding:3px 10px 5px;margin-left:10px;color: #edab5f;border: none;position: absolute;right: 0;margin-top: -60px;}
#gform_wrapper_1 .validation_error{font-size: 11px;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background: none !important;border: none !important}
.gform_wrapper .ginput_container + .gfield_description.validation_message{position: absolute !important;}
/*--------------------------------------------------------------
12. Bootstrap Override CSS
-------------------------------------------------------------- */

.tribe-bar-disabled{display:none;}

/*--------------------------------------------------------------
13. Media Queries Override CSS
-------------------------------------------------------------- */
@media(min-width:480px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

@media(max-width:480px){
	#footer li {display: block !important;}
	.content{padding-right: 0;}
	#header{text-align: center !important;}
	.sidebar-icon{margin-right: 15px;}
	.sidebar-menu-title{padding: 15px;}
}
@media(max-width:767px){
	.dropdown-menu{position: relative;float: none;padding: 0;}
	.video-content{padding: 0 15px}	

}
@media(max-width:991px){
	.c2a{margin-top: 20px;}
	#footer li {display: inline-block;padding-right: 30px !important; }
	#footer {text-align: center !important;}
	#footer-social{padding: 0 15px !important; text-align: center}
	#wp-slideshow .ss-content{position: absolute;bottom:0 !important;top: auto; z-index:20; background: rgba(0, 0, 0, 0.45);width: 100%; border-radius: 0;height: auto;padding: 10px 20px;color:white;left:0;}
	.right-head-bottom{margin-top:20px;}

	/* Collapse Navigation to Mobile Nav */
	.navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
	.dropdown-menu.level-0{position: relative;width: 100%;margin-bottom: 10px;}
}
@media(max-width:1199px){
	#footer li {display: inline-block;padding-right: 5px}
	#footer-social span{font-size: 13px;}
	.navbar a{font-size: 13px;}
	.nav>li>a{padding: 10px 7px 9px;}
}

/*--------------------------------------------------------------
14. New Styles Added by TREX  Override CSS
-------------------------------------------------------------- */
.circular-image img {border:0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border:none; border:hidden; border:0; }
ol.ol-numbers
{
 margin-left:60px;
}
.form-control
{
width: 25%!important;
}
.gf_browser_chrome gform_wrapper
{
	width: 25%!important;
}
div.rownarrow {
  height: 50px;
  border: 1px solid black;  
}