/*

/*

Theme Name: Sunshine Coast Art & Framing Gallery Updates

Theme URL: https://www.artframes.com.au

Author: Adz Power Agencies

Author URI: http://www.adzpower.com.au

 

/*****  Wordpress Generic  *****/

ol, ul{list-style:none;}

.clear{clear: both;}

*{margin:0;padding:0;}img{border:none;padding:0;}

img a{border:none;}

img.left{float:left;border:none;padding:6px 0 0 0;}

img.right{float:right;border:none;padding:0 0 0 6px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}

img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}

img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

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

.alignright{float:right;}

.alignleft{float:left;}

.aligncenter{display:block;margin-left:auto;margin-right:auto;}

a{text-decoration:none;}

.wp-youtube-live{position:relative;padding-bottom:53.9%;padding-top:25px;height:0;margin:15px 0;}

.wp-youtube-live iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.scroll-text{opacity:0;transform:translateY(85px);transition:1.2s;}

.scroll-text.fade-in{opacity:1;transform:translateY(0);}

.delayed{transition-delay:.2s;}

@media all and (max-width: 700px){.entry p, ul.nav li {-webkit-text-size-adjust: 100%;}

img.alignright {float:none; display: block; clear:both; margin: 0 auto 0 auto;}

img.alignleft {float:none; display: block; clear:both; margin: 0 auto 0 auto;}

}

/*****  General  *****/	

body, html {

	font-family: 'Raleway', sans-serif; /* Select website font */

	letter-spacing: 0.1em;

}

#header-inner, main, #menu-fixed ul li, #contact-inner, #footer{

	-webkit-box-sizing: border-box;

  	-moz-box-sizing: border-box;

  	box-sizing: border-box;

}

h1 {

	font-size: 46px;

	font-weight:600;

	line-height: 150%;

	padding-top:30px;

	padding-bottom:25px;

	color: #000;

	text-transform: uppercase;

	letter-spacing: 1;

}

h2 {

	color: #000;/*#0b9887*/

	font-size: 24px;

	font-weight:600;

	padding-bottom:10px;

	padding-top:15px;

	text-transform:uppercase;

}

h3 {

	color: #4B949F;

	font-size: 20px;

	font-weight:600;

	padding-bottom:10px;

	padding-top:5px;

}

/*****  Header  *****/

header.main-nav{background:#000;width:100%;position:fixed;top:0;left:0;z-index:120;}

header, header a{color:#fff;}

#header-inner, .home #header-inner{width:100%;margin:0 auto;padding:20px 20px 20px 70px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:165px;transition:.4s;flex-direction:row;}

.header-spacer{width:100%;height:165px;}

.stuck-menu #header-inner, .home #header-inner{padding:10px 20px 10px 70px;height:80px;}

.header-logo{height:100%;transition:.4s;}

.header-logo img{height:100%;width:auto;transition:.4s;}

#header-right{display:flex;align-items:center;text-transform:uppercase;font-size:15px;}

.stuck-menu #header-inner #header-right{font-size:14px;}

#header-right p{padding:8px 0;}

#header-right ul, .home #header-right ul{display:flex;align-items:center;padding:8px 0;flex-direction:row;}

#header-right ul li, .home #header-right ul li{padding:0 15px;border-right:1px solid white;line-height:100%;}

#header-right ul li br{display:none;}

#header-right ul li:last-child{padding-right:0;border-right:0;}

#header-right a{transition:.4s;}

#header-right a:hover{color:#d61c26;}p.blurb{font-size:11px;text-transform:none;color:rgba(255,255,255,0.7);}

@media all and (max-width: 1195px){

#header-right{align-items:stretch;}

#header-right ul{flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:0;}

.stuck-menu #header-inner #header-right ul{justify-content:center;}	

.stuck-menu #header-inner #header-right ul{flex-direction:row;}	
	
#header-right ul li{padding:4px 0;border:none;text-align:right;line-height:150%;}

body:not(.home) .stuck-menu #header-inner #header-right ul li{padding:0 10px;}	

body:not(.home) .stuck-menu #header-inner #header-right ul li:last-child{padding-right:0;}	
	
body:not(.home) .stuck-menu #header-inner li.header-address{display:none;}	
	
}

@media all and (max-width: 975px){

	.blurb{display:none;}	

}

#header-mobile {display:none;}

@media all and (max-width: 900px){

.header-spacer{height:220px;}	

.stuck-menu .header-spacer{height:175px;}	
	
#header-inner{flex-direction:column;align-items:center;height:auto;padding:20px 15px;}

.stuck-menu #header-inner{height:auto;}	
	
.stuck-menu #header-inner{padding:15px;}	

body:not(.home) .header-logo{height:auto;width:calc(100% - 120px);max-width:440px;padding:0}

body:not(.home) .header-logo img{width:100%;height:auto;}

.stuck-menu #header-inner .header-logo, .home #header-inner .header-logo{width:130px;}
	
#header-right ul{flex-direction:row;justify-content:center;align-items:center;padding:0;padding-top:20px;}

.stuck-menu #header-inner #header-right{display:none;}	
	
#header-right ul li{padding:0 10px;border:none;text-align:center;line-height:150%;}
	
.home #header-inner{padding:15px 15px 15px 70px;height:73px;}
	
.home #header-inner #header-right{display:inline;}	
	
.home #header-right ul{flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:0;margin-top:-2px;display:inline;}	

.home #header-right ul li{padding:2px 0;border:none;text-align:right;line-height:140%;font-size:11px;}		
	
}
	

	#header-logo{width:100%;height:auto; text-align: center;}



}

@media all and (max-width:815px){	

#header-right{font-size:12px;}

#header-right ul li br{display:inline;}

}

@media all and (max-width: 650px){	
	
#header-right{font-size:13px;}

#header-right ul{flex-wrap:wrap;}
	
body:not(.home) #header-right ul li:first-child{flex:0 0 100%;padding:0 0 7px 0;}

}

@media all and (max-width: 530px){

.home #header-inner li.header-address{display:none;}		

.home #header-right ul li{padding:3px 0;font-size:12px;}		
	
}

@media all and (max-width: 450px){

	#header-mobile {font-size:12px;}

}/*****  Content  *****/

.featured-image{position:relative;list-style:none;overflow:hidden;width:100%;max-height:500px;margin:0;}

.featured-image:before{content:"";width:100%;padding-top:33%;display:block;}

.featured-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}

main {

	background-color: #FFF; /* Select content background color */

	width: 100%;

	position:relative;

	padding:75px 35px 95px 35px;

}


.main-inner, .single-product .product, .woocommerce ul.products, .page-title{max-width:1100px;margin: 0 auto;}



main.col2{display:flex;}

.woocommerce .woocommerce-breadcrumb{color:#4b949f;line-height:175%;letter-spacing:0;width:100%;max-width:1400px;margin:0 auto;padding:0 0 30px 0;font-size:12px;}

.woocommerce.archive:not(.tax-product_cat)  .woocommerce-breadcrumb{display:none;}

.woocommerce .woocommerce-breadcrumb span{padding-right:5px;}

.woocommerce .woocommerce-breadcrumb a{color:#4b949f;padding:0 5px 0 0;transition:.3s;}

.woocommerce .woocommerce-breadcrumb a:hover{color:black;}

.metaslider{

	padding-bottom:20px;

}

 

.banner{

	width:100%;

	height:auto;

	padding-bottom:20px;

}

main ul{

	list-style-type:disc;

	padding-left:20px;

	margin-left:20px;

	padding-bottom:20px;

}

.metaslider ul{

	padding-left:0;

}

.module{position:relative;z-index:100;}

main p, main li {

	color:#000; /* Select font color */

	padding-bottom:15px;

	font-size:16px;

	line-height:165%;

	font-weight:normal;

}

main a {

	color:#4b949f;

}

main li{margin:2px auto;}

.maincontainer {  

    display: grid;  

    grid-gap: 5px;  

    grid-template-columns: repeat(3, auto);

    grid-template-rows: repeat(2, 200px);  

	width:100%;

	clear: both;

	padding-bottom: 25px;

}

.maincontainer > div { 

	background:#EBEBEB url("images/tick.png") bottom right no-repeat;

	padding: 15px;

}

.main-left{flex:1;padding-right:30px;}

.main-right{flex:0 0 350px;}

@media all and (max-width: 1000px){

.main-right{flex:0 0 300px;}

	img.alignright {max-width:60%; height: auto;}

	

}

@media all and (max-width: 800px){

	

main.col2{flex-direction:column;}

	

.main-left{width:100%;padding:0 0 15px 0;}

.main-right{flex:auto;width:100%;}

	

}

	

@media all and (max-width: 700px){

.banner{display:none;}

main {margin: 0 auto 0 auto;padding:75px 20px 95px 20px;}

	

.maincontainer {   

    grid-template-columns: repeat(2, auto);

    grid-template-rows: repeat(3, 250px); 

}

	

	

}

/*****  Concat Page  *****/

.comingsoon-cont{display:flex;flex-direction:column;width:100%;}

.comingsoon{width:100%;display:flex;padding:20px 0; background: linear-gradient(#f4bdd0, #fff 75%); border-bottom: 1px solid #E0DFDF; margin-bottom:10px;}

.comingsoon h3 {color:#d81d5c; text-transform: uppercase;}

.comingsoon-cont .comingsoon:last-child{border-bottom:none;}

.comingsoon-left{flex:0 0 175px;}

.comingsoon-left img{width:100%;height:auto;display:block;}

.comingsoon-right{flex:1;padding-left:20px;}

.comingsoon-right p{font-size:12px;}

.comingsoon-right p:last-child{padding-bottom:0;}

.main-right iframe{padding-top:20px;width:100%;height:250px;}

@media all and (max-width: 550px){

	

.comingsoon{flex-direction:column;}

	

.comingsoon-left{flex:auto;width:150px;}

	

.comingsoon-right{flex:1;padding:15px 0 0 0;}

	

}

/*****  Gallery  *****/

.gallery{

	display:flex;

	flex-wrap:wrap;

	width:calc(100% + 20px);

	margin-left:-10px;

}

.gallery-item{

	padding:10px;

	position:relative;

	text-align:center;

	width:25%; /* Width will define items per row */

	box-sizing:border-box;

}

.gallery-item img{

	transition:.5s;

	width:100%;

	height:auto;

	max-width:100%;

}

.gallery-item:hover img{

	opacity:0.8;

}

.gallery br{

	display:none;

}

.wp-caption-text{font-size:13px;padding:8px 0;width:100%;box-sizing:border-box;}

@media all and (max-width: 850px){.gallery-item{width:33.33%;}}

@media all and (max-width: 650px){.gallery{width:calc(100% + 10px);	margin-left:-5px;}.gallery-item{width:50%;padding:5px;}}



/**

 * Art Framing's Footer

 */

.map {

    -webkit-filter: brightness(0.9) saturate(70%) hue-rotate(330deg) sepia(20%);

       -moz-filter: brightness(0.9) saturate(70%) hue-rotate(330deg) sepia(20%);

        -ms-filter: brightness(0.9) saturate(70%) hue-rotate(330deg) sepia(20%);

         -o-filter: brightness(0.9) saturate(70%) hue-rotate(330deg) sepia(20%);

            filter: brightness(0.9) saturate(70%) hue-rotate(330deg) sepia(20%);

	

}

.artfooter-block-wrapper{background-color:#fff;width:100%;min-height:185px;padding:75px 0;color:#000;clear:both;margin-top:0;position:relative;}

body:not(.home) .artfooter-block-wrapper{padding-top:0;}

.artfooter{margin:0 auto;width:100%;max-width:1200px;padding:0 20px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;}

.artfooter-block {

	margin: 0 auto;

	width:95%;

	max-width: 1060px;

	text-align: center;

}

.artfooter-block h2 {

	color: #000;

	font-size: 34px;

	padding-top:10px;

	padding-bottom: 15px;

}

.artfooter-block p {

	color: #000;

	font-size: 24px;

}

.artfooter-block hr {

    border: 0;

    height: 1px;

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));

	margin-bottom: 20px;

}

footer{position:relative;background-color:#000;width:100%;padding:60px 0;font-size:13px;}

.footer-col{max-width:360px;}

footer h3{color:white;text-transform:uppercase;padding-bottom:15px;}

footer ul{list-style:none;margin-left:0;padding-left:0;line-height:170%;padding-bottom:20px;}

footer ul li{padding:1px 0;}

.footer-col ul:last-child, .footer-col p:last-child{padding-bottom:0;}

footer ul ul{padding-bottom:0;}

footer p{color:white;line-height:170%;padding-bottom:20px;}

footer a, .footer-details a{color:#fff;transition:.3s;}

footer a:hover, .footer-details a:hover {color:#4b949f;}

.footerfacebook img {padding-right:10px;}

footer a.get-quote{padding:10px;border:1px solid white;width:140px;text-align:center;font-size:15px;text-transform:uppercase;display:inline-block;}

footer a.get-quote:hover{border-color:#4b949f;}

.footer-copyright{width:100%;padding:60px 0 0 0;font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;}

.footer-copyright li {padding:0 10px;border-right:1px solid rgba(255,255,255,0.6);line-height:100%;}

.footer-copyright li:first-child{padding-left:0;}

.footer-copyright li:last-child{border-right:none;padding-right:0;}

@media all and (max-width: 1100px) {

.footer-col{max-width:220px;}

}

@media all and (max-width: 900px) {
	
footer{padding:40px 0;}

.footer-col{max-width:none;width:100%;padding-bottom:40px;}

footer p{max-width:400px;}	

.footer-copyright{padding-top:0;padding-left:20px;flex-direction:column;align-items:flex-start;justify-content:flex-start;}

.footer-copyright li {padding:4px 0;border-right:none;line-height:165%;}
	
}



/*****  Contact  *****/

#contact{

	background:url("images/contact-blue-bg.png") bottom repeat-x;  /*Select top footer background colour */

	width:100%;

	min-height:314px;

	padding-top: 50px;

}

#contact-inner {

	width: 100%;

	max-width:1100px;

	overflow: hidden;

	margin: 0 auto;

	padding:0 15px;

}

#contact-inner h1{

	/*color:#fff;  Select top footer heading colour */

	padding-top:25px;

	padding-bottom:20px;

}

#contact-inner h3{

	padding-bottom:20px;

}

#contact-inner input[type=text], #contact-inner select {

  width: 100%;

  padding: 12px 20px;

  margin: 8px 0;

  display: inline-block;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

	background: transparent;

	color: #fff;

}

#contact-inner input[type=submit] {

  width: 100%;

  background-color: #FFF;

  color: #000;

  padding: 14px 20px;

  margin: 8px 0;

  border: none;

  border-radius: 4px;

  cursor: pointer;

	font-weight: bold;

}

#contact-inner input[type=submit]:hover {

  background-color: #000;

  color:#FFF;

}

#contact-item{

	float:left;

	padding-right:45px;

	padding-bottom: 30px;

	max-width: 35%;

}

#contact-item img{

	margin:-3px 15px 0 0;

	float:left;

	max-width: 15px;

	height: auto;

}

#contact-item p{

	color:#fff; /* Select contact item text colour */

	font-size: 14px;

	font-weight:normal;

	float:left;

	padding-top:3px;

	padding-bottom: 12px;

}

.contact-image{

	float:left;

	padding-right: 9px;

}

#contact-item a{

	color:#fff; /* Select contact item link colour (Same as contact item text) */

}

#contact-social{

	float:right;

}

#contact-social img{

	margin:10px 0 20px 15px;

	float:right;

}

	

	

@media (min-width: 700px) and (max-width: 1000px){

	#contact-item p{font-size: 12px;}

	#contact-item{padding-right:25px; max-width: 40%;}}

@media all and (max-width: 700px){

	

	

#contact-item{

	width:100%;

	max-width: 100%;

	position:relative;

}

#contact-item img{

	margin:0;

	float:none;

}

#contact-item p{

	float:none;

	clear: both;

}

.contact-text{

	float:left;

	padding-top:3px;

	position:absolute;

	width:100%;

	left: 42px;

}

.contact-image{

	width:30px;

	text-align:center;

	float:left;

}

.contact-address2{

	position:absolute;

	top:25px;

	left:0px;

}

#contact-social{

	float:none;

	width:100%;

	clear:both;

	text-align:center;

}

#contact-social img{

	margin:25px 20px 25px 20px;

	float:none;

}

	

}



/*****  Slideshow  *****/

.rslides-cont{width:100%;position:relative;}

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}

.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;max-height:650px;object-fit:cover;}

.rslides li:first-child{position:relative;display:block;}

.rslides img{display:block;height:100%;width:100%;border:0;object-fit:cover;min-height:400px;}

.centered-btns_tabs{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;z-index:100;padding:0 20px 20px 20px;box-sizing:border-box;}

.centered-btns_tabs li{font-size:0;width:10px;height:10px;background:rgba(0,0,0,0.5);border-radius:50%;margin:0 5px;overflow:hidden;transition:.2s;}

.centered-btns_tabs li.centered-btns_here{background:#bb8605;}

.centered-btns_tabs li a{display:block;width:100%;height:100%;}

.centered-btns_nav{position:absolute;top:0;bottom:0;left:15px;margin:auto;height:35px;width:15px;display:flex;align-items:center;background:url("images/slideshow-left.png") center left no-repeat;background-size:contain;opacity:0;transition:.4s;z-index:100;font-size:0;}

.centered-btns_nav.next{background:url("images/slideshow-right.png") center right no-repeat;background-size:contain;left:auto;right:15px;}

.rslides-cont:hover .centered-btns_nav{opacity:0.4;}

.rslides-cont .centered-btns_nav:hover{opacity:0.9;}

.slide-text{width:100%;max-width:1470px;position:absolute;z-index:100;left:0;right:0;top:0;bottom:0;margin:auto;padding:15px 50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}

.slide-text h2{color:black;font-weight:bold;font-size:64px;padding-bottom:5px;text-shadow: 0px 0px 15px rgba(255,255,255,0.55);line-height:135%;max-width:800px;}

.slide-text p{color:black;font-size:24px;font-weight:bold;line-height:150%;max-width:800px;padding-bottom:20px;}

a.slideshow-more{color:white;height:50px;width:160px;display:flex;text-align:center;align-items:center;border-radius:3px;border:2px solid #838383;background:rgba(0,0,0,0.5);font-size:14px;text-transform:uppercase;justify-content:center;font-weight:bold;transition:.2s;}

a.slideshow-more:hover{background:black;}

.transparent-btns_nav {

  z-index: 3;

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 0;

  left: 0;

  display: block;

  background: #fff; /* Fix for IE6-9 */

  opacity: 0;

  filter: alpha(opacity=1);

  width: 48%;

  text-indent: -9999px;

  overflow: hidden;

  height: 91%;

  }

.transparent-btns_nav.next {

  left: auto;

  right: 0;

  }

.large-btns_nav {

  z-index: 3;

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  opacity: 0.6;

  text-indent: -9999px;

  overflow: hidden;

  top: 0;

  bottom: 0;

  left: 0;

  background: #000;

  width: 38px;

  }

.large-btns_nav:active {

  opacity: 1.0;

  }

.large-btns_nav.next {

  left: auto;

  background-position: right 50%;

  right: 0;

  }

.transparent-btns_nav:focus,

.large-btns_nav:focus {

  outline: none;

  }

.transparent-btns_tabs,

.large-btns_tabs {

  margin: -40px auto 0 auto;

	padding: 0;

  text-align: center;

	position: relative;

	z-index: 999;

	background: transparent;

  }

.transparent-btns_tabs li,

.large-btns_tabs li {

  display: inline;

  float: none;

  _float: left;

  *float: left;

  margin-right: 5px;

  }

.transparent-btns_tabs a,

.large-btns_tabs a {

  text-indent: -9999px;

  overflow: hidden;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  background: #ccc;

  background: rgba(0,0,0, .2);

  display: inline-block;

  _display: block;

  *display: block;

  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  width: 9px;

  height: 9px;

  }

.transparent-btns_here a,

.large-btns_here a {

  background: #222;

  background: rgba(0,0,0, .8);

  }



@media all and (max-width: 1450px){

	

.slide-text h2{font-size:54px;padding-bottom:5px;}

.slide-text p{font-size:20px;padding-bottom:20px;max-width:500px;}

a.slideshow-more{color:white;height:40px;width:140px;}	

	

}



@media all and (max-width: 1100px){

	

.slide-text h2{font-size:44px;padding-bottom:5px;max-width:550px;}

.slide-text p{font-size:16px;padding-bottom:20px;}	

	

}

@media all and (max-width: 800px){

	

.rslides li{max-height:none;}

	

.rslides img{height:225px;min-height:225px;}

	

.centered-btns_nav{top:0;bottom:auto;left:15px;margin:auto;height:225px;width:12px;opacity:.4;}

	

.slide-text{display:none;background:#202020;position:static;min-height:325px;align-items:center;padding:15px 15px 45px 15px;}

.slide-text h2{color:white;font-size:32px;text-align:center;text-shadow:none;padding-bottom:15px;}

	

.slide-text p{color:white;text-align:center;font-weight:normal;line-height:165%;font-size:14px;}

.transparent-btns_tabs,

.large-btns_tabs {

  margin: -240px auto 0 auto;

	padding-bottom: 240px;}

}/* WOOCOMMERCE*/

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{text-transform:uppercase;font-size:13px;font-family:'Raleway', sans-serif;transition:.3s;padding:0 20px;border:none!important;font-weight:600;line-height:42px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#4b949f;}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background:#33808c;}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{padding:0 20px;}

.woocommerce button.button.alt.disabled{background:#4b949f;}

.woocommerce button.button.alt.disabled:hover{background:#33808c;}

div.product p.price, .woocommerce div.product span.price {color:#4b949f !important;}

h2.woocommerce-loop-category__title {text-align:center;}

.relatedspacer{width:100%;clear:both;min-height:140px;}

.woocommerce-products-header{background-color: transparent; padding-bottom:25px;}

.product_meta {display:none;}

#shop{width:100%; max-width:1280px; margin: 0 auto;}

#shop .main-inner{float: left; width:auto; max-width:80%; margin: 0 0 0 10px;}

#shop .main-inner h1 {padding-top: 0; padding-bottom:40px; line-height: 100%;}

.before-loop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding-bottom:40px;}

.before-loop .woocommerce-notices-wrapper{flex:0 0 100%;width:100%;}

.woocommerce.archive .page-title{max-width:1400px;font-size:26px;padding:0 0 10px 0;}

.woocommerce .woocommerce-result-count{margin:0;padding:0;font-size:14px;}

.woocommerce .woocommerce-ordering{margin:0;}

.woocommerce .woocommerce-ordering select{font-family: 'Raleway', sans-serif;padding:3px;}

.woocommerce .woocommerce-ordering select:focus{outline:none;}

.woocommerce ul.products::before, .woocommerce ul.products::after{content:none;}

.woocommerce ul.products{width:100%;max-width:1000px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:60px;padding:0 50px 0 20px;box-sizing:border-box;}

.woocommerce .related ul.products{grid-template-columns:1fr 1fr 1fr 1fr;padding:10px 40px 0 40px;}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .woocommerce ul.products li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width:100%;float:none;margin:0;}

#sidebar{padding-left:20px;padding-bottom:45px;margin-left:0;margin-right:0;border-left: 1px solid #FCD9CD;flex:0 0 240px;}

#sidebar h2{padding:0 0 10px 0;}

#sidebar ul{margin:0;padding:0;list-style:none;border:none;padding-bottom:20px;}

#sidebar .product-categories ul{padding-bottom:0;border-left:1px solid rgba(236,236,236,1.00);margin:10px 0 5px 0;}

#sidebar .product-categories ul li{padding-left:7px;font-size:13px;}

#sidebar .product-categories li a{transition:.3s;}

#sidebar .product-categories li a:hover{color:black;}

#sidebar li{border:none;}

#sidebar button {border:none;padding:5px;margin:0;float:right;}

#sidebar .woocommerce-product-search button{height:35px;width:35px;}

#sidebar .woocommerce-product-search button:hover{cursor:pointer;}

#sidebar input{border-radius:0;padding:0 7px;line-height:35px;margin:0;border:none;font-family:'Raleway', sans-serif;height:35px;box-sizing:border-box;width:calc(100% - 35px);}

#sidebar input:focus{outline:none;}

#sidebar label {display:none;}

.woocommerce-product-search{border:1px solid rgba(236,236,236,1.00);padding:0;margin:0 0 30px 0;max-width:240px;}

.product-categories, .product-categories li{list-style:none;padding:4px 0;margin:0;}

.product-categories li li{margin-left:5px; border-left:1px solid rgba(227,227,227,1.00);}

#sidebar .price_label{padding-top:5px;}

/*.woocommerce a.button {width:100%; height: 32px; text-align: center;}*/

.woocommerce ul.products li.product .price {color:#000 !important;}

.woocommerce span.onsale {background-color:#4b949f !important;}

/*.single_add_to_cart_button {width:110px !important; font-size:12px !important;text-transform: uppercase; text-align: center !important;height: 20px !important;}*/

.woocommerce-message {

    border-top-color: #4b949f !important;



}



.woocommerce-message::before {


    color: #4b949f !important;


}

.checkout input {



  padding: 12px;



  border: 1px solid #ccc;



  resize: vertical;



}

.variations select {



  padding: 12px;



  border: 1px solid #ccc;



}.woocommerce-shipping-totals {}

@media all and (max-width: 1240px){

	#shop .main-inner {max-width:70%;}

}

@media all and (max-width: 900px){

#shop .main-inner {max-width:65%;}

.woocommerce ul.products{grid-template-columns:1fr 1fr;grid-gap:40px;padding:0 40px 0 10px;}
	
.woocommerce .related ul.products{grid-template-columns:1fr 1fr 1fr 1fr;padding:10px 0 0 0;grid-gap:40px;}
	
}

@media all and (max-width: 820px){

#sidebar{flex:0 0 100%;border-left:none;padding-left:0;padding-top:40px;border-top:1px solid #FCD9CD;}

#shop .main-inner{float:none;width:100%;max-width:100%;}

.product-categories{display:none;}

#sidebar h2 {display:none;}

.woocommerce-product-search{max-width:100%;margin-bottom:30px;}
	
.woocommerce ul.products{padding:0;}

}

@media all and (max-width: 700px){

.woocommerce .related ul.products{grid-template-columns:1fr 1fr;grid-gap:40px;}	
	
}

@media all and (max-width: 450px){

.woocommerce ul.products{grid-template-columns:1fr;grid-gap:30px;padding:0;max-width:350px;}

.woocommerce .related ul.products{grid-gap:30px;}
	
.woocommerce .woocommerce-result-count{flex:0 0 100%;padding-bottom:10px;}
	
}

@media all and (max-width: 350px){

.woocommerce .related ul.products{grid-template-columns:1fr;}		
	
}

/*** Single Product ***/

.related.products{clear:both;}

.related h2{padding-bottom:15px;}

.woocommerce div.product form.cart, .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;padding-top:10px;}

.woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text{line-height:42px;font-family: 'Raleway', sans-serif;font-size:16px;margin-right:5px;border:1px solid #ccc;border-radius:3px;transition:.3s;padding-top:0;padding-bottom:0;}

.woocommerce-cart table.cart td.actions .coupon .input-text{line-height:40px;font-size:14px;}

.woocommerce .quantity .qty:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus{outline:none;border-color:#4b949f;}

.product_cat-read-only .zip-widget__wrapper, .product_cat-read-only .afterpay-info, .product_cat-read-only .afterpay-payment-info, .product_cat-read-only .price{display:none!important;}

.wapf-field-input input[type=text]{box-sizing:border-box;padding:10px;pointer-events:none;}

.wapf-wrapper{background:rgba(0,0,0,0.03);padding:20px 10px 10px 10px;box-sizing:border-box;margin-bottom:20px;}

.wapf-wrapper:before{content:"Image Selection";color:#d87d67;font-size:17px;font-weight:700;padding:0 0 20px 5px;display:block;letter-spacing:0;}

.form__label{pointer-events:none;}

/************************************  Home Page Template Extra Style  ***********************************/	

.black-site-wrapper {margin:0; width:100%; height: 100%; background:#000 fixed;} 



.header-bg { 

            position: fixed; 

            top:0; 

            left:0; 

            width: 100%; 

            height: 800px; 

            justify-content: center; 

            align-items: center; 

            display: flex; 

		background-image: url("images/painting.jpg");

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

	z-index: 0;

        } 



.header-bg h2 { 

           margin: 0; 

            padding: 0; 

            color: #000; 

            text-align: center; 

            max-width: 80%; 

        } 

.header-bar-background { 

            position: fixed; 

            top:0; 

            left:0; 

            width: 100%; 

			height:70px;

	z-index: 1;

background:#000;

	/*background:#000 url("images/SC_Art_Framing_Gallery_Logo1.png") top left no-repeat;*/

	opacity: 0;

	text-align: left;

	padding:0;

	margin: 0;



}

.header-bar { 

            position: fixed; 

            top:0; 

            left:0; 

            width: 100%; 

			height:70px;

	background:#000;

	/*background:url("images/header-bar-bg.png");

  background-repeat: no-repeat;

  background-size: 100% 100%;*/

	z-index: 9999;

	color:#fff;

}



.header-bar a {color:#fff;}

.header-bar1 { 

            position: fixed; 

            top:0; 

            left:0; 

            width: 100%; 

			height:70px;

	z-index: 99;

	color:#fff;

}



#nav-content a {color:#fff;}

.header-home-right {float:right; width:50%; text-align: right; padding-top:15px;z-index: 111105; position: relative;}

.header-home-right ul {display:flex;justify-content: flex-end;padding:8px;z-index: 9999;}

.header-home-right ul li{padding:0 15px;border-right:1px solid white;line-height:100%;z-index: 9999;}

.header-home-right ul li br{display:none;}

.header-home-right ul li:last-child{padding-right:0;border-right:0;}

.header-home-right a{transition:.4s;z-index: 9999; }

.header-home-right a:hover{color:#d61c26;}



.header-large-logo {

            position: fixed; 

            top:0; 

            left:0; 

            width: 100%; 

            height: 760px; 

			margin-top:40px;

            justify-content: center; 

            align-items: center; 

            display: flex; 

		background-image: url("images/SC_Art_Framing_Gallery_Logo.png");

  background-position: 50% 35%;

  background-repeat: no-repeat;	

}

section.home { 

            position: relative; 

            top:100vh; 

            padding:0; 

            width: 100%; 

            min-height: 100vh; 

            box-sizing: border-box;

			background: #000;

        } 

.white-section {width:100%; background:#fff; clear: both;position:relative;}



.link-boxes-wrapper{width:90%;margin:0 auto;background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:40px;box-sizing:border-box;}



.link-boxes {flex: 1 1 30%; height:400px; position: relative; }



.link-boxes-image {width:100%; text-align: center; position:absolute; top:2%; height: 300px;}



.link-boxes h2{position:absolute;top:0;right:60%;text-align:right;font-size:34px;background:#000;color:#fff;padding:10px 12px;}

.create-online {margin:0 auto; text-align: center;}



.photo-banner {width:100%;padding:50px 15px; margin:0; text-align: center;box-sizing:border-box;background:black;position:relative;z-index:50;}

.photo-banner h2 {padding-bottom:30px; color:#fff;}

.photo-banner p {padding-bottom:30px; color:#fff;}



.white-block {width:100%; padding:0; margin:0; text-align: center; background:#fff;}

.white-block img {width:100%; height:auto; padding:0; margin:0;}

@media all and (max-width: 1500px){

.header-home-right{width:90%;padding-top:70px;}

.link-boxes{height:350px;}

.link-boxes-image{height: 260px;}

.link-boxes-image img{height:auto;width:260px;}

.link-boxes h2{right:48%;font-size:30px;}

}
	
@media all and (max-width: 1100px){

.header-home-right {width:90%; padding-top:15px; }

.link-boxes {flex: 1 1 50%;height:330px; }

.link-boxes-image {height: 220px;}

.link-boxes-image img {height: auto; width:220px;}

.link-boxes h2 {right:50%; font-size:28px;}

}

@media all and (max-width: 820px){

	.header-bar-background {top:0px;background:#000; left:0; text-align:center;padding-bottom: 10px;z-index: 1}

}@media all and (max-width: 800px){

	.header-large-logo {width:95%; background-size: contain; margin:auto;}

	.header-home-right ul li{padding:0 5px;}

	.link-boxes-wrapper{padding-left:0;}
	
	.link-boxes {height:310px; }

	.link-boxes h2 {right:auto; left: auto; text-align: center;font-size:28px;}

}

@media all and (max-width: 650px){

	.header-home-right ul li{font-size:12px; padding-top:0;padding-bottom:0;}

	.link-boxes {flex: 1 1 100%; }

}

@media all and (max-width: 400px){



	.header-home-right { padding-top:8px;}



	.header-home-right ul {display:block; padding-top:0;}



	.header-home-right ul li {flex: none; height: auto;padding-bottom:2px; border-right:0;}

}



/** text animation**/

.come-in {

  transform: translateY(150px);

  animation: come-in 0.8s ease forwards;

}.come-in:nth-child(odd) {

  animation-duration: 0.6s;

}

.already-visible {

  transform: translateY(0);

  animation: none;

}



@keyframes come-in {

  to { transform: translateY(0); }

}

/* * * Contact Form * * */

.wpcf7{text-align:left;width:50%;box-sizing:border-box;float:right;margin:0 0 15px 15px;}

.wpcf7 form{width:100%;display:flex;flex-direction:column;border:1px solid #E9E7E7;padding:20px 25px 25px 25px;box-sizing:border-box;position:relative;}

.wpcf7 form label{font-size:12px;font-family:'Roboto', sans-serif;color:#5A5050;padding-bottom:15px;}

.wpcf7 form input, .wpcf7 form textarea{margin-top:8px;border: 1px solid #e4e4e4;border-radius:4px;width:100%;padding:15px 10px;font-family:'Roboto', sans-serif;color:#777;transition:.3s;}

.wpcf7 form input.wpcf7-not-valid{border-color:#eb1736;}

.wpcf7 form input:focus, .wpcf7 form textarea:focus{outline:none;border-color:#4b949f;}

.wpcf7 form textarea{height:100px;resize:none;padding:10px;}

.wpcf7 form input[type=submit]{border-radius:0;border:none;background:black;font-weight:500;padding:10px;color:white;font-size:14px;}

.wpcf7 form input[type=submit]:hover{cursor:pointer;background:#4b949f;}

main .wpcf7 form .ajax-loader, .pum-theme-art-frames-newsletter-sign-up .wpcf7 form .ajax-loader{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,0.4);top:0;left:0;right:0;margin:0;padding:0;}

main .wpcf7 form .wpcf7-response-output{margin:0 0 20px 0;padding:10px;box-sizing:border-box;text-align:center;font-size:14px;font-weight:500;border:none;background:#4b949f;color:white;line-height:150%;border-radius:4px;}

main .wpcf7 form.unaccepted .wpcf7-response-output, main .wpcf7 form.invalid .wpcf7-response-output{background:#eb1736;}

@media all and (max-width: 700px){.wpcf7 {
	
width:100%; margin:0 0 25px 0;}

.wpcf7 form{padding:15px 20px 20px 20px;box-sizing:border-box;position:relative;}	
	
}

/****post formatting********/

.parent {

  	display: flex;

  	flex-wrap: wrap;

}

.parent .navigation{flex:0 0 100%;padding-top:20px;}

.post {

  	flex-grow: 1; 

	width: 30%;

	max-width: 33%;

	box-sizing: border-box;

  	margin: 10px;

  	height: 600px;

	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);

	overflow: hidden;

}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {max-width:auto !important;}

.post .wp-post-image img {min-width:100%; min-height: 100%; width:auto;height:100%; max-width:auto !important;}

.post-image-wrap {width:100%; height:250px; overflow: hidden; padding-bottom: 10px; vertical-align: middle; background-size: cover; background-repeat: no-repeat; background-position: center;}

.single-post-image {max-width:68%; height:auto;}

.post h2, .post h3, .post p {width:90%; margin:0 auto;}

.post h2 {font-size:18px; height:117px; overflow: hidden; margin-bottom:10px;}

.post h3 {font-size:14px;} 

.post p {font-size:13px; line-height: 130%;} 

@media all and (max-width: 1150px){.post {width: 45%; max-width: 49%; height: 550px;}.post-image-wrap {height:200px;}}


@media all and (max-width: 700px){.post {width: 100%; max-width: 100%; height: 540px;}.post-image-wrap {height:300px;}.post h2 {height:auto;}}


	
.shopwrapper {display:flex;flex-wrap: wrap;max-width:1400px;margin: 0 auto;}
.showwrapper :first-child {flex: 1 1 0;}
.showwrapper #sidebar {max-width: 220px;}
.showwrapper > * {flex: 1 1 auto;}
.productwrapper {flex: 2 1 0;}
.double-column {display: flex; flex-direction: column; flex-basis: 100%; flex: 2;}
.woocommerce nav.woocommerce-pagination {margin:0 auto;}

@media all and (max-width: 700px){
	.shopwrapper {display:block;}
}


.grecaptcha-badge{display:none!important;}

/* * * Popup * * */

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{width:100vw!important;}

body .pum-theme-art-frames-newsletter-sign-up .pum-container{background:url("images/popup-bg.png") white center top no-repeat;background-size:cover;left:20px!important;right:20px!important;margin:auto auto 75px auto!important;width:auto;}

.pum-theme-art-frames-newsletter-sign-up h3{color:white;font-size:52px;line-height:120%;font-weight:300;text-transform:uppercase;padding-bottom:65px;padding-top:10px;}

.pum-theme-art-frames-newsletter-sign-up p{color:rgba(0,0,0,0.8);line-height:150%;padding-bottom:20px;font-size:23px;max-width:350px;margin:0 auto;}

.pum-theme-art-frames-newsletter-sign-up p:last-child{padding-bottom:0;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7{width:100%;margin:0 auto;float:none;max-width:350px;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form{width:100%;display:flex;flex-direction:column;align-items:center;border:none;padding:0 0 5px 0;position:static;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form input{width:100%;font-size:15px;border:2px solid white;background:#ebebeb;box-sizing:border-box;padding:15px 10px;font-family: 'Raleway', sans-serif;border-radius:0;font-weight:600;color:rgba(0,0,0,0.8);margin:0 0 18px 0;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form input.wpcf7-not-valid{border-color:#eb1736;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form input:focus{outline:none;border-color:#4b949f!important;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form input::placeholder, .pum-theme-art-frames-newsletter-sign-up .wpcf7 form input::-webkit-input-placeholder{opacity:0.7;font-weight:400;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form input[type=submit]{width:auto;font-size:14px;background:#4b949f;border:none;color:white;padding:10px 20px;margin:0;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form input[type=submit]:hover{background:black;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form .wpcf7-response-output{margin:0;padding:10px;box-sizing:border-box;text-align:center;font-size:14px;font-weight:500;border:none;background:#4b949f;color:white;line-height:150%;border-radius:0;position:absolute;top:calc(100% + 40px);left:-20px;right:-20px;}

.pum-theme-art-frames-newsletter-sign-up .wpcf7 form.unaccepted .wpcf7-response-output, .pum-theme-art-frames-newsletter-sign-up .wpcf7 form.invalid .wpcf7-response-output{background:#eb1736;}

body .pum-container .pum-content+.pum-close{font-weight:700;font-family: 'Raleway', sans-serif;font-size:18px;text-align:right;background:none;transition:.3s;}

body .pum-container .pum-content+.pum-close:hover{color:#4b949f;}

body .pum-container .pum-content+.pum-close:focus{outline:none;border:none;}

@media all and (max-width: 800px){

.pum-theme-art-frames-newsletter-sign-up input{width:160px;}
	
.pum-theme-art-frames-newsletter-sign-up .sub-cont span:first-child input{width:95px;}
	
}