/*
Theme Name: American Stucco Design
Theme URI:http://www.mainstreethost.com
Description: Responsive Wordpress Theme
Version:1.0
Author:Mainstreethost
Author URI:http://www.mainstreethost.com
Tags:

	The CSS, XHTML and design is released under the GPL.

*/

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
html {
	margin-top: 0 !important;
}
	body {
		font-family: palatino linotype,palatino,serif;
	}
	/* Basic Menu Styles */
	.menu li{
		list-style: none;
		display: inline;
	}
	.menu a{
		color: #898B8E;
		font-weight: bold;
		text-decoration: none;
		margin: .5em;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	}
	.menu a:hover{
		color: #78120D;
		border-bottom: 2px solid #78120D;
	}
	.current-menu-item a{
		color: #78120D;
		border-bottom: 2px solid #78120D;
	}
	/**/
	#homepage-header-container{
		background: url(images/header-background.png);
		-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.25);
		box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.25);
	}
	#header-container{
		background: url(images/header-background.png);
		height: 250px;
		-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.25);
		box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.25);
	}
	#logo{
		text-align: center;
	}
	#header-menu{
		margin-top: -25px;
		text-align: center;
	}
	#slideshow-row{
		-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.25);
		box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.25);
	}
	#slideshow{
		text-align: center;
		position: relative;
		z-index: 2;
	}
	#slideshow img{ 
		display:block;
	}
	.responsive-slider.flexslider .slide-title a{
		display: none;
		bottom: 0 !important;
		top: auto !important;
		height: 15%;
		width: 100%;
		background: none repeat scroll 0 0 rgba(207, 207, 207, .7) !important;
		text-align: center;
		text-transform: uppercase;
	}
	.responsive-slider.flexslider{ 
		margin-bottom: 0!important; 
	}
	.flex-control-nav{
		display: none;
	}
	#homepage-content-row{
		margin-top: 0px;
		padding: 1em;
	}
	#content-row{
		padding: 1em;
	}
	#sidebar{
		padding-top: .5em;
		text-align: left;
	}
	#sidebar h2 a{ 
		
		color: #000;
	}
	#sidebar h2 a:hover{ 
		color: #78120D;
	}
	
	#footer-container{
		background: url(images/header-background.png);
		-webkit-box-shadow: 0px -5px 5px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px -5px 5px rgba(50, 50, 50, 0.25);
		box-shadow:         0px -5px 5px rgba(50, 50, 50, 0.25);
		width: 100%;
		position: relative;
		height: 100px;
		bottom: 0;
	}
	#footer{
		text-align: center;
		font-size: .8em;
	}
	.tinynav { 
		display: none 
	}
	.ngg-gallery-thumbnail {
		float: left;
		margin-left: 5px;
	}
	
	img.head-background {
		display:none;
	}
/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media only screen and (max-width: 767px) {

	body {
		
	}
	#footer-menu{
		text-align: center;
	}
	#homepage-header-container, #header-container{
		height: auto;
	}
	#header-menu{
		text-align: center;
		width: 100%;
		margin: 1em 0;
	}
	.tinynav { 
		display: inline; 
		width: 50%;
		margin-top: .75em;
	}
	.menu{
		display: none;
	}
	#slideshow{
		width: 100%;
		padding: 0;
		position: static;
	}

	.responsive-slider.flexslider .slide-title a{
		display: none;
	}

}
@media(min-width:768px){
img.head-background {
    display:block;
    position: absolute;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    -webkit-box-shadow: 0px 5px 5px rgb(50 50 50 / 25%);
    -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 5px 5px rgb(50 50 50 / 25%);
    left: 0;
    top: 0;
    right: 0;
}
#homepage-header-container {
    background: none;
    box-shadow: none;
}
}

#contact-cta {
	position: fixed;
	right: -65px;
	bottom: 90px;
	background-image: url(https://www.americanstuccodesign.com/wp-content/themes/mshresponsive/images/header-background.png);
	background-color: #fff;
	color: #111;
	padding: 1em 2em;
	transform: rotate(-90deg);
	font-size: 14pt;
	text-decoration: none;
}
.fade-in-delayed {
  opacity: 0;
  animation-name: fadeIn; 
  animation-duration: 1s;
  animation-delay: 2s; 
  animation-fill-mode: forwards; 
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
}
#close {
    position: fixed;
    display: inline-block;
    padding: 6px 12px;
    top: 0px;
 	right: 0px;
}
#close:hover {
    position: fixed;
    display:inline-block;
	cursor: pointer;
    padding: 6px 12px;
    background:;
    color:;
}

/************
SHIFT NAV CSS
************/	
#shiftnav-toggle-main {
  position: absolute !important;
}
.shiftnav {
	font-family:inherit;
	font-size:1.5em !important;
	color:#fff;
	text-shadow:.05em .05em #000;
}
.shiftnav-inner {
    /*background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}
.shiftnav-nav ul li {
  padding: .5em 0;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}
.shiftnav-target {
	color:#fff;
	font-size:.75em;
}
.shiftnav-target:hover, .shiftnav-target:active {
	color:#D16768;
	text-shadow:none;
}
.sub-menu .shiftnav-target {
	padding-left:3.5em !important;
	color: #fff !important;
}
.shiftnav ul.shiftnav-menu li.menu-item {
		border-top:.08em solid #222;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
	background:none;
	color:#D16768;
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}
@media only screen and (max-width:960px){
	#header-menu {
		display: none;
	}
}