/*
Theme Name: keysignaturedesigns
Theme URI: http://keysignaturedesigns.com/
Author: Visual Habitat
Author URI: http://visualhabitat.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: keysignaturedesigns


This theme, like WordPress, is licensed under the GPL.

keysignaturedesigns is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


*/

/*--------------------------------------------------------------
>>> Main
----------------------------------------------------------------*/


body  {
	font-family: 'Quattrocento', serif;
	font-size:16px;
}

#main  {
	margin-right: 15px;
	margin-left: 15px;
}

#primary  {
	padding-bottom:20px;
}

h1  {
	font-size: 2.5em;
	font-weight:normal;
	color: #535353;

}

h2  {
	font-size: 2.0em;
	font-weight:normal;
	color: #A5A5A5;
}

h3  {
	font-size: 1.8em;
	font-weight:normal;
	color: #A5A5A5;
}

h4  {
	font-size: 1.5em;
	font-weight:normal;
	color: #A5A5A5;
}


p	{
	font-size: 1.2em;
	font-weight:normal;
	color:#666;	
}


.custom-html-widget {
	font-size: 1.2em;
	font-weight:normal;
}

.page-header {
	margin-left:15px;
	margin-right:15px;
}
	
	

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
#wrapper-navbar-inside  {
		border-bottom:1px solid #666;
}



.navbar  {
	border-radius:0px;
	margin-bottom:0px;
	border:none;
	color:#6666;
		
}

.navbar-nav  {
	padding: 25px 15px;
	display: flex;
	flex-direction: column;
	
}


#full-nav  {
	margin-left:auto;
	margin-right:auto;
	max-width:1170px;

}

.navbar-brand  {
	height:auto;
	padding: 10px;
}


.navbar-text  {
	color:#000;
}

.navbar-text h3  {
	padding: 0px 15px;
	font-size: 1.3em;
}

.navbar-text a:hover  {
	color:#ccc;
}


.navbar-inverse {
	background-color:transparent;
	color: #000;
	padding-left: 15px;
	
}

.navbar-header  {
	width:auto;
	
}



#social-icons-mobile {
	padding: 0px 15px 15px 0px;
	width: auto;
}
#social-icons-mobile .navbar-text  {
	margin-top:10px;
}

a#inside-logo.navbar-brand {
	
	}
	
.navbar-inverse .navbar-collapse {
	border:none;
	
}



.navbar-collapse,
.navbar-collapse.collapsing,
.navbar-collapse.in  {
	overflow-y:visible !important;
	
}

.btn-group-sm > .btn, .btn-sm {
	padding:.60rem 1.2rem;
}


#s {
	font-size:1.0em;
	font-family: 'Tinos', serif;
}

.navbar-toggle {
	background-color:#000;
	color:#fff;
	float:left;
	margin-left:15px;
}

.navbar-toggle:focus,
.navbar-toggle:hover  {
	background-color:#ccc;
}


.bg-inverse  {
	background-color:#fff;
	border:none;
	border-radius:0px;
	margin-bottom: 0px;

}

#main-menu  {
	font-size: 1.0em;
	width:100%;
	list-style:none;
	padding-left: 25px;
	
}

#main-menu li  {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

#main-menu .active > .nav-link:hover,
#main-menu a:hover,
#main-menu a:focus  {
	color:#327ABB;
}

#main-menu a  {
	color:#333;
}

#main-menu .active > .nav-link   {
	color:#666;
}


#menu-social-media  {
	float:right;
	font-size:1.0em;
}

#menu-social-media ul {
	list-style:none;
		float:right;
}

#menu-social-media .navbar-nav .nav-link  {
	border-right:none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav > .open > a {
	background-color:transparent;
	
}

.navbar-inverse .navbar-nav > .open > a {
	color: #000;
}

.caret  {
	display:none;
}

a.nav-link   {
	color: #000;
	font-size : 1.0em;
	line-height :.8em;
	text-decoration : none;
	font-family: 'Tinos', serif;
	font-weight : normal;
}

.navbar-inverse .navbar-nav .nav-link.active, 
.navbar-inverse .navbar-nav .nav-link.open  {
	color: rgba(255,255,255,.5);
}

.dropdown-menu .menu-item a.nav-link {
	border:none;
	padding: .5em 2em;
}


.navbar-nav .open .dropdown-menu .divider, .dropdown-menu .divider,
.navbar-inverse .navbar-nav .open .dropdown-menu .divider  {
    min-height: 1px;
    width: 100%;
    margin: 0px;
    background-color: #ccc;
}


.navbar-toggleable-sm  > .container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	
}


.btn.btn-primary {
	background-color: #f4d03f;
	color: #fff;
	border: #f4d03f;
}


.btn.btn-primary:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #f4d03f;
}

#shop {
	border-radius:1px;
	background:url(img/key-signature-cards-shop.jpg) top no-repeat;
	color: #fff;
	border:none;
	padding: 10px 25px;
	font-size:0.8em;

}

#shop:hover  {
	background-color:#ccc;
}

 a:visited {
	color:#ccc;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color:#CCC;
	border:#CCC;
}


.form-control  {
	padding:5px 10px;
	line-height: 1.25;
	color: #464a4c;

}
.form-control::-moz-placeholder {
	color: #464a4c;
}



/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/
#fp-carousel  {
	padding-right: 0px;
}

.carousel-inner  {
	height:500px;
	width:100%;
	display:block;
	background-position: center top;
	margin-bottom: 15px;
	}

.carousel-caption {
	bottom: 0%;
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;
	max-height:70%;
	text-align:left;
	color:#fff;
	font-size: 1.8em;
	line-height:1.1em;
	text-shadow:none;

}

.carousel-caption a {
	color:#fff;
	
}

.carousel-caption a:hover,.carousel-caption a:visited	{
	color:#FD136A;
}

.carousel-indicators {
	bottom: 0px;	
}

.carousel-control.right, .carousel-control.left  {
	background-image: none;
	
}
.wp-block-gallery .blocks-gallery-item {
    display: block;
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 5%, transparent);
	
}

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
display:block !important;
}
	
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.navbar-toggleable-sm > .container {
	margin:auto;
}

	
	#social-icons .navbar-text	{
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 0px;
		margin-top: 20px;
		color: #000;
	}
	
.carousel-caption {
	bottom: 0%;
	text-align:left;
	right:5%;
}

.carousel-caption h1 {
	font-size: 2.0em;
	line-height:1.2em;
	text-shadow:none;
}

#fp-logo {
	position:absolute;
	z-index:1;
	top:5%;
	right:5%;
	display:block;
	
}
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
#social-icons  {
		padding-top: 35px
			
	}
	.navbar-nav  {
		padding-top:35px;
	}
	
	.navbar-text  {
		padding-top:0px;
	}
	
	.navbar-text h3 {
		font-size: 1.6em;
	}
	.navbar-nav  {
		display:inline;
	}
	.navbar-toggleable-sm  > .container {
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto;
		max-width:1140px;

	}
	.navbar-toggleable-sm .navbar-nav .nav-link  {
		padding:.5em 1.0em;
		border-right:#ccc solid 1px;
	}

	.carousel-inner  {
		/*height:550px !important;*/
	}

	.carousel-caption {
		bottom: 0%;
		text-align:right;
		right:5%;	
	}

	.navbar-form  {
		margin-top:0px;
		margin-bottom:0px;
	}

	#main-menu li {
		border-bottom: none;
		padding: 5px;
	}

	#wrapper-footer-full.wrapper {
		background:url(img/key-signature-footer.jpg) no-repeat 10%;
		color:#000;
		min-height:250px;
	}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	.navbar-toggleable-sm .navbar-nav .nav-link  {

	}
.navbar-header  {
		padding-top: 25px;
	}
	.navbar-text h3  {
		padding-top: 0px;
	}

	.carousel-caption h1  {
		font-size: 2.0em;
		line-height:1.2em;
		text-shadow:none;
	}	

	.carousel-caption {
		bottom:0%;
		right:5%;
	}


}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.carousel-caption h1  {
		font-size: 3.0em;
		line-height:1.2em;
		text-shadow:none;
	}

	.carousel-caption {
		bottom: 0%;
		text-align:right;
		right:15%;
		margin-left:auto;
	}


 }


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#wrapper-footer-full.wrapper {
	background:url(img/key-signature-footer.jpg) no-repeat 55%;
	color:#000;
	margin-top: 15px;
}

#wrapper-footer.wrapper {
	padding:5px;
	
}

.footer-widget  {
}

.footer-widget p  {
	font-size:1.1em;
	font-weight:300;
	color:#fff;
}

.footer-widget a  {
	color:#fff;
}
	
.footer-widget h3.widget-title  {
	font-size:1.4em;
	color:#fff;
}

#copyright  {
	font-size: .8em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.products {
	background-color:#fff;
	border-right:2px #fff solid;
	
}


img {
	max-width:100%;
	height:auto;
	display:block;
}


#wrapper-services  {
	margin-top:60px;
	margin-bottom:20px;
}

#services  {
	}

 .services-widget-title {
	color:#535353;
	padding-top:5px;
	
}

.services-widget  {
	padding-bottom:15px;
	padding-left:0px;
}

#custom_html-5  {
	background-color:#84B13A;
	color:#000;
}



#custom_html-6 {
	background-color: #999;
	color:#000;
}

#custom_html-8  {
	background-color:#FE0B69;
	
	color:#000;
	
}

aside  {
	
}


/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
.entry-header  {
	
}
.entry-header, .entry-content  {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce ul.products li.product a img  {
	width: auto;
}
.woocommerce div.product form.cart .button, .woocommerce a.button:hover {
	background-color:     #9085CD;
	color: #fff;
}

.woocommerce div.product form.cart .button:hover, .woocommerce a.button  {
	background-color: #fff;
	color: #9085CD;
	border: 1px solid #9085CD;
}
.woocommerce-message {
    border:  none;
	background:url(img/key-signature-footer.jpg) no-repeat 75%;
	color: #fff;
	}
 .woocommerce div.product p.price, .woocommerce div.product .stock {
	color: #9085CD;
}

.woocommerce-message:before {
	color: #fff;
}

.post-navigation {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}