/*
 Theme Name:   Sculpture Services of Coloardo
 Theme URI:    http://wecleansculptures.com
 Description:  Designed for Sculpture Servcies of Colorado, based on the SCRN child theme.
 Author:       Design Moose
 Author URI:   http://www.designmoose.com
 Developer:	   Aaron Brown, Malama Online Marketing, LLC
 Developer URI:http://www.webmalama.com
 Template:     SCRN
 Version:      1.0.0
*/

p,
body{
	line-height:25px;
}
blockquote{
	padding: 8px 16px;
	margin-top:1em;
	margin-bottom:0;
	border-left:0 none;
}
blockquote,
blockquote p{
	color: #7e8179; 
	font-size: 24px; 
	line-height: 34px; 
	font-family: 'Playfair Display', serif;
	font-style: normal;
}
.bg{
	-webkit-box-shadow: none;
    box-shadow: none;
}
.bg h2{
	font-size: 40px;
}
.bg img{
	max-width: 100%;
	height: auto;
}
.separator1 .bg,
#intro .bg1{
	background-image:none;
}
.separator1,
#intro .bg1{
	display:none;
}
.accented,
.accented p{
	text-transform:uppercase;
	color:#773921;
	font-family: 'Playfair Display', serif;
	font-size: 19px;
}
.accented p{
	margin-bottom: 15px;
}

/* menu */
#mobile-nav{
    float: right;
    margin-right: 20px;
    margin-top: 5px;
	height: 35px;
}
#mobile-nav .menu-icon{
	background:url('images/icon-menu.jpg') no-repeat scroll 0 0 transparent;
	width: 24px;
	height: 16px;
	display:block;
	float:right;
	margin-left: 10px;
	margin-top: 5px;
}
nav ul{
	padding-top: 40px;
	margin-bottom:0;
	padding-bottom: 10px;
}
nav ul.show{
	display:block !important;
}
nav ul li{
	display:block;
	border-right:0 none;
	padding: 0px;
}
nav{
	height:auto;
	min-height:40px;
}
nav li.logo-img{
	display:none;
}
nav ul li:first-child{
	border-left:0 none;
}
nav li a{
	display:block;
	padding: 4px 0;
}

/* intro */
#intro{
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-background-size: auto;
	background-size:auto;
	background-attachment:scroll;
}
#intro h1{
	font-size: 40px !important;
	line-height: 54px !important;
}
.title{
	z-index:10;
}

/* our purpose */
#inline-logo{
	display:block;
	position: absolute;
	left: 50%;
	margin-left: -116px;
	top: 24px;
}
#our-purpose h2{
	margin-bottom: 40px;
	margin-top: 332px;
}

/* about */
#about{
	padding-bottom: 60px;
}
#about h2{
	margin-bottom:5px;
}
	
/* work */
#our-work{
	padding-top:0;
	padding-bottom:0;
}
#our-work .container{
	width:auto;
}
#our-work h2{
	display:none;
}
#our-work .owl-item p{
	margin-bottom:0;
}
#our-work .owl-item img{
	width: 100%;
	height:auto;
}


/* owl carousel */
.owl-carousel{
	overflow:hidden;
}
.owl-carousel .owl-controls .owl-nav div{
	position:absolute;
	top:50%;
	margin-top: -60px;
	text-indent:100%;
	display:block;
	word-wrap:none;
	overflow:hidden;
	height:120px;
	width: 78px;
	background: url('images/carousel-nav.png') no-repeat scroll 0 0 transparent;
	opacity:.6;
}
.owl-carousel .owl-controls .owl-nav div:hover,
.owl-carousel .owl-controls .owl-nav div:active,
.owl-carousel .owl-controls .owl-nav div:focus{
	opacity:.9;
}
.owl-carousel .owl-controls .owl-nav .owl-prev{
	left: -12px;
	background-position: left top;
}
.owl-carousel .owl-controls .owl-nav .owl-next{
	right: -12px;
	background-position: right top;
}

/* gallery */
#gallery{
	padding-top: 40px;
	padding-bottom: 40px;
}
#gallery h2{
	display:none;
}
.gallery-item{
	margin-bottom: 8px;
}
.gallery-icon img{
	max-width:100%;
	height:auto;
}
.gallery-icon a{
	display:block;
	position:relative;
	line-height:1em;
}
.gallery-icon a:hover:after{
	height:100%;
	width:100%;
	display:block;
	content:" ";
	position:absolute;
	top:0;
	left:0;
	background: url('images/magnify.png') no-repeat scroll center center #1d1929;
	background: url('images/magnify.png') no-repeat scroll center center rgba(29,25,41,.75);
}
#separator_4.separator1{
	display:block;
	position:relative;
}
#separator_4 p.separator{
	position:static;
}
#separator_4 p.separator img{
	position: absolute;
    bottom: -111px;
    z-index: 999;
    margin-left: -116px;
    left: 50%;
}

/* contact */
#contact{
	padding-top: 125px;
}
.dark-bg{
	font-family: "Lato", arial, helvetica, sans-serif;
	background: #d3cfc3 !important;
}
.dark-bg,
.dark-bg p,
.contact-form p{
	color:#1d1929;
}
.contact-form p{
	font-family: "Lato", arial, helvetica, sans-serif;
	font-size:14px;
	font-weight: 900;
}
#contact h2{
	display:none;
}
.contact-form input.wpcf7-text,
.contact-form .wpcf7-textarea{
	background: #b1b0a5;
	color:#1d1929;
}
.contact-form input.wpcf7-submit{
	display:block;
	width:100%;
	font-size: 14px;
	background: #413d48;
	color: #fff;
	height: 30px;
	font-family: "Lato", arial, helvetica, sans-serif;
	margin-top:20px;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	border-radius:0;
}
.contact-form input.wpcf7-submit:hover{
	background: #222;
}
.contact-form input.wpcf7-submit:focus,
.contact-form input.wpcf7-submit:active{
	color:#fff !important;
	outline:none;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus{
	border:0 none;
}
.contact-info h5{
	font-weight:900;
	font-size:24px;
	color:#1d1929;
	font-family: "Lato", arial, helvetica, sans-serif;
	padding-top:3px;
	margin-bottom: 42px;
}
.contact-info p,
.contact-info a{
	color:#1d1929 !important;
	font-size:14px;
	font-weight:bold;
}
.contact-info a:hover{
	text-decoration:underline !important;
}

/* footer */
#footer{
	font-family: "Lato", arial, helvetica, sans-serif;
	background: #d3cfc3 !important;
}
#footer .copyright{
	border-top: 1px solid #7e8179;
}
#footer a{
	color:#413d48;
	text-decoration: underline;
}

@media only screen and (min-width: 480px){
	#intro .title{
		padding-top: 50px;
	}
}
@media only screen and (min-width: 568px) {
	.bg h2{
		font-size: 50px;
	}
	.gallery-columns-3 .gallery-item{
		float:left;
		width: 48%;
		margin-left:1%;
		margin-right:1%;
	}
	#intro .title{
		padding-top: 110px;
	}
}

@media only screen and (min-width: 768px) {
	blockquote{
		padding: 8px 64px;
	}
	.gallery-columns-3 .gallery-item{
		width: 31.33%;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev{
		left: 0;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next{
		right: 0;
	}
	.three-columns{
		width: 32.33%;
		margin-right:1%;
		float:left;
	}
	#intro{
		background-attachment:fixed;
	}
	#intro h1{
		font-size: 50px !important;
	}
	#intro .title{
		max-width:670px;
		margin-left:auto;
		margin-right:auto;
		padding-top: 100px;
	}
	
}
@media only screen and (min-width: 960px) {
	#mobile-nav{
		display:none;
	}
	nav{
		height:40px;
		min-height:auto;
	}
	nav ul{
		padding-top:0;
		padding-bottom:0;
		margin-bottom:0;
		margin-left: auto;
		margin-right: auto;
		width: 928px;
	}
	nav ul:before,
	nav ul:after{
		display:table;
		content:" ";
	}
	nav ul:after{
		clear:both;
	}
	nav li:hover,
	nav li:focus,
	nav li:active{
		background-color: #e6e6e6;
	}
	nav li a{
		display:block;
		padding: 6px 18px 6px 18px;
		border-right:1px solid #e6e6e6;
	}
	nav ul li{
		padding:10px 0 0 0;
		float:left;
	}
	
	nav ul li:first-child a{
		border-left: 1px solid #e6e6e6;
	}
	nav ul li.left-of-logo a{
		border-right:0 none;
	}
	nav ul li.logo-img{
		position:relative;
		width: 233px;
		padding-left: 18px;
		padding-right: 18px;
		display:block;
	}
	nav ul li.logo-img a{
		width: 233px;
		height: 267px;
		overflow:hidden;
		text-indent:100%;
		white-space:nowrap;
		background: url('images/ssoc-logo.png') no-repeat scroll center center transparent;
		border-right:0 none;
		padding:0;
	    position: absolute;
		top: -117px;
	}
	nav li.logo-img:hover,
	nav li.logo-img:focus,
	nav li.logo-img:active{
		background-color: transparent;
	}
	#inline-logo{
		display: none;
	}
	#our-purpose h2{
		margin-top: 140px;
	}
	nav.is-sticky ul li.logo-img{
		
	}
	nav.is-sticky ul li.logo-img a{
		background-size: 26px 30px;
		top:-113px;
	}
	#intro .title{
		padding-top: 80px;
		max-width:765px;
	}
	.separator1 .bg {
        background-attachment: fixed !important;
		background-repeat:no-repeat;
    }
}
@media only screen and (min-width: 1100px) {
    #intro{
		background-size: cover;
	}
	#intro .backstretch img{
		top:0 !important;
	}
	#intro .title{
		padding-top: 180px;
	    position: fixed;
		left: 50%;
		margin-left: -384px;
	}
	#intro .intro-line{
		margin-bottom: 20px;
		width:510px;
	}
	#intro h1{
		margin-bottom: 32px;
		text-transform:none;
	}
	#gallery .container{
		width: 1022px;
	}
	.gallery-columns-3 .gallery-item{
		width: 32.33%;
		margin-left:.5%;
		margin-right:.5%;
	}
	.owl-carousel .owl-controls .owl-nav div{
		opacity:1;
	}
	#our-purpose{
		padding-bottom: 100px;
	}
	#our-purpose .three-columns.first{
		width: 36%;
		margin-left:64px;
	}
	#our-purpose .three-columns.second{
		width: 31%;
	}
	#our-purpose .three-columns.last{
		width: 24%;
		margin-right:0;
	}
	#about{
		padding-bottom: 70px;
	}
	#about h2{
		margin-top:70px;
	}
	#gallery{
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
	.container{
		width: 718px;
	}
	.container .eight.columns {
		width: 339px;
	}
	.container .sixteen.columns {
		width: 698px;
	}
	#contact{
		height:600px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	#intro .title p {
		padding-left:20px;
		padding-right:20px;
		font-size: 20px !important;
	}
}
@media only screen and (max-width: 479px){
	#intro{
		-webkit-background-size: auto !important;
		background-size:auto !important;
		background-attachment:scroll !important;
	}
	#intro h1{
		font-size: 36px !important;
		line-height: 44px !important;
		padding-left:20px;
		padding-right:20px;
	}
	#intro .title p {
		padding-left:20px;
		padding-right:20px;
		font-size: 18px !important;
	}
}
@media only screen and (max-width: 415px){
	.title{
		padding-top: 50px;
	}
}
@media only screen and (max-width: 350px){
	.title{
		padding-top: 20px;
	}
}