/*
	Theme Name: Next Door Photos
	Description: Custom theme based off of HTML5 Blank WordPress Theme
	Version: 1.0
	Author: boomKABOOM (2017)
	Author URI: http://www.boomkaboom.com
*/

@font-face {
	font-family: 'GT America Rg';
	src: url('css/font/GTAmerica/GTAmerica-BdIt.eot');
	src: url('css/font/GTAmerica/GTAmerica-BdIt.eot?#iefix') format('embedded-opentype'),
		     url('css/font/GTAmerica/GTAmerica-BdIt.woff2') format('woff2'),
		     url('css/font/GTAmerica/GTAmerica-BdIt.woff') format('woff'),
		     url('css/font/GTAmerica/GTAmerica-BdIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'GT America Rg';
	src: url('css/font/GTAmerica/GTAmerica-Bd.eot');
	src: url('css/font/GTAmerica/GTAmerica-Bd.eot?#iefix') format('embedded-opentype'),
		     url('css/font/GTAmerica/GTAmerica-Bd.woff2') format('woff2'),
		     url('css/font/GTAmerica/GTAmerica-Bd.woff') format('woff'),
		     url('css/font/GTAmerica/GTAmerica-Bd.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GT America Cn Bl';
	src: url('css/font/GTAmerica/GTAmerica-CnBlIt.eot');
	src: url('css/font/GTAmerica/GTAmerica-CnBlIt.eot?#iefix') format('embedded-opentype'),
		     url('css/font/GTAmerica/GTAmerica-CnBlIt.woff2') format('woff2'),
		     url('css/font/GTAmerica/GTAmerica-CnBlIt.woff') format('woff'),
		     url('css/font/GTAmerica/GTAmerica-CnBlIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'GT America Rg';
	src: url('css/font/GTAmerica/GTAmerica-Rg.eot');
	src: url('css/font/GTAmerica/GTAmerica-Rg.eot?#iefix') format('embedded-opentype'),
		     url('css/font/GTAmerica/GTAmerica-Rg.woff2') format('woff2'),
		     url('css/font/GTAmerica/GTAmerica-Rg.woff') format('woff'),
		     url('css/font/GTAmerica/GTAmerica-Rg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GT America Rg';
	src: url('css/font/GTAmerica/GTAmerica-RgIt.eot');
	src: url('css/font/GTAmerica/GTAmerica-RgIt.eot?#iefix') format('embedded-opentype'),
		     url('css/font/GTAmerica/GTAmerica-RgIt.woff2') format('woff2'),
		     url('css/font/GTAmerica/GTAmerica-RgIt.woff') format('woff'),
		     url('css/font/GTAmerica/GTAmerica-RgIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

body {font-family: 'GT America Rg', sans-serif; color:#000; font-weight:300; line-height:1.5em; font-size:16px; padding:0; overflow:auto;}

img{max-width:100%; height:auto;}
a{color:#ed3a3c; text-decoration:none;}
a:hover{cursor:pointer;}
a img, a:focus{border:0; outline:none;}
a i{padding:0 .5em 0 0;}

strong{font-size:1.15em;}
em{font-size:.85em;}
span{display:inline-block;}

p{margin:0 0 1em 0;}

hr{margin:.5em auto; width:30%; clear:both; float:none; height:0; border:0; border-top:5px solid #ed3a3c;}
hr.shortgray{margin:.5em 80% .75em 0; border-top:10px solid #ccc;}
hr.shortred{margin:.5em 80% .75em 0; border-top:10px solid #ed3a3c;}

h1, h2, h3{font-family: 'GT America Rg', sans-serif; font-weight:normal; margin:0; padding:0; line-height:1em; text-transform:uppercase; }
h1.page-title{font-size: 5em; font-family: 'GT America Rg', sans-serif; color:#ddd; padding: 1em;}
h2{font-size:3em; font-family: 'GT America Rg', sans-serif; letter-spacing:3px; font-weight: bold;}
h3{font-size:2em; font-family: 'GT America Rg', sans-serif; font-weight:400; color:#ed3a3c;}
h4{text-transform: uppercase;}

/*animated*/
a, div, img, .sticky, .parallax .service{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*NOT animated*/
.parallax, .parallax div, .service div, .vc_row, .vc_row div{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.mobile-only{display:none;}
header{}
main{}
article{}
footer{}

iframe{width:100%;}
.video-container{height:0; padding-bottom: 56.25%; position: relative;}
.video-container iframe{height:100%; position: absolute; top:0; left: 0;}

.wrapper{width:100%; overflow: hidden; position: relative;}
.container{margin:auto; position:relative; max-width:1100px; padding: 50px;}
.content-container{padding:1em;}

.modules-row{font-size: 0;}
.fullheight{}
.col-1x1, .col-9x10, .col-4x5, .col-3x4, .col-7x10, .col-2x3, .col-3x5, .col-1x2, .col-2x5, .col-1x3, .col-3x10, .col-1x4, .col-1x5, .col-1x6, .col-1x10, .col-auto{font-size:14px; display: inline-block; vertical-align: middle; box-sizing: border-box; padding:1em; position: relative; overflow: hidden; text-align: left;}
.col-1x1{width:100%;}
.col-9x10{width:90%;}
.col-4x5{width:80%;}
.col-3x4{width:75%;}
.col-7x10{width:70%;}
.col-2x3{width:66.66%;}
.col-3x5{width:60%;}
.col-1x2{width:50%;}
.col-2x5{width:40%;}
.col-1x3{width:33.33%;}
.col-3x10{width:30%;}
.col-1x4{width:25%;}
.col-1x5{width:20%;}
.col-1x6{width:16.66%;}
.col-1x10{width:10%;}
.col-auto{padding:1em;}

.dark{color:#fff;}
.dark hr{margin:.5em 0; width:50px; border-top:2px solid #ec4624;}

.bg-drkgray{background:#222;}
.bg-black{background:#000;}
.bluebg{background:#1a7f86; background:rgba(28,138,145,.65);}
.graybg{background:#2a2a2a;}
.darken{background:rgba(0,0,0,.5);}

.edit-links{position:fixed; right: .5em; top: 40%; z-index: 9999}
.edit-links a{display: block; font-size: .75em; padding: .5em; background:#0c7e86; color:#fff;}
.edit-links a:hover{background:#000;}

.logo{}s
#logo{}
#logo-alt{display:none;}

header{background:#fff;}
header.parallax-page{position:fixed; top: 0; left: 0; width:100%; z-index: 999; background:none; color:#fff; text-shadow:0 0 25px rgba(0,0,0,.75);}
header.parallax-page a{color:#fff;}
.parallax h1, .parallax h3{max-width:650px; margin: .5em auto; text-align: center; color: #fff; text-shadow: 0 0 25px rgba(0,0,0,5);}
.parallax h1{font-size: 5em; font-weight: bold;}

header.sticky{background: rgba(255,255,255,.95); box-shadow: 0 0 25px rgba(0,0,0,.5); z-index: 999999;}
header.sticky nav a{font-size: .85em; color: #000 !important; text-shadow: none !important; padding: .25em 1em; margin: 0;}
header.sticky nav a:hover{color: #fff !important;}
header.sticky .account-lins{font-size: .85em;}
header.sticky .social-links,  header.sticky #logo-alt{display:none !important;}
header.sticky #logo{display:block !important; max-width: 200px; padding: .25em;}
header.sticky .container{padding: 1.25em 50px;}

.sticky{position: fixed; z-index: 99999;}
.parallax{overflow: hidden; position: relative; padding: 20em 0 10em 0;}
.bg-parallax{position: fixed; top:0;  width: 100%;  pointer-events: none !important;}
.overlay{position: absolute; top:0; left:0;  width: 100%;}
.underlay{position:fixed; top:0; left:-100%; width:300%; z-index:-1;}
.underlay.mobile-only{left:0; width:150%;}
.overlay{position:absolute; top:0; left:-25%; width:150%; z-index:-1;}
.dark{color:#fff;}
.light{color:#000;}
.active{opacity:1 !important; }
.inactive{opacity: .2;}
.no-padding{padding:0; overflow: hidden;}
.yes-padding{padding:1em;}
.has-more{}
.image-text{font-weight: bold; color:#fff; text-shadow: 0 0 25px rgba(0,0,0,.5); font-size: 1.35em; padding: 1em;}

.right{text-align: right;}
.center{text-align: center;}
.left{text-align: left;}
.alignright{}
.alignleft{float:left; margin: 1em 3em 1em 1em;}
.top{vertical-align: top;}
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}


.boxlink{display:inline-block; text-align: center; max-width: 220px; padding: .25em 1.5em; margin: .5em; border: 1px solid #ed3a3c; background:rgba(0,0,0,0);}
.boxlink:hover{background:rgba(0,0,0,1); color: #fff; border:1px solid #000;}
.dark .boxlink{border: 1px solid #fff; background:rgba(255,255,255,0);}
.dark .boxlink:hover{background:rgba(255,255,255,1); color: #000;}
.boxlink.color-pink:hover{color:#fff !important; background:#E71096;}

.boxlink.bg-white{color:#000; border: 0; background: #fff;}

.tab-link{display:inline-block; padding:.5em 1.5em; background:#ed3a3c; color:#fff !important; font-weight: bold; text-transform: uppercase; top:50%; border-radius: 0 0 20px 20px; transform: rotate(-90deg); transform-origin: left top 0;}

.rotated{
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}

#toggle-nav{display: none;}

.social-links a, .phone-link{display: inline-block; padding:.5em; font-size: 1.25em; color:#000; margin-bottom: 1em;}
.phone-link{font-size: 1em;}
.phone-link i{font-size: 1.25em;}
footer .social-links{padding:2em 0;}
footer .social-links a{padding:.5em 1em .5em 0; color:#fff;}

nav{}
nav ul{padding:0; margin:0; display:block;}
nav ul li{display:inline-block;}
nav ul li a{padding:.5em; margin:.5em; font-size: 1.1em;  display:block; text-transform: uppercase;}
nav ul li a:hover{color:#fff; background:#ed3a3c; }
nav ul li a.active{background: rgba(0,0,0,.5); color:#fff;}

nav ul ul{display:none;}
nav ul li:hover > ul{display:block;}

nav ul ul{position: absolute; top: 3.5em; left: 0; width:160px; box-shadow: 0 0 8px rgba(0,0,0,.25); margin:0; background:#f3f3f3; z-index:999; padding: 0;}
nav ul ul li{display: block; margin:0; text-align: center;}
nav ul ul li a{padding:.75em;}
nav ul ul li a:hover{background:#ddd; color:#333;}

nav ul ul ul{width:180px; left:auto; right:-180px; top:0;}
nav ul ul ul li a{padding:.5em; font-size: .85em;}

.account-links{}
.account-links ul{margin:0; padding: 0; display: block; text-align: right;}
.account-links li{display: inline-block;}
.account-links a{display: block; padding: .25em; border: 0; font-size: 1em; font-weight: normal;}
.account-links a:hover{color:#fff; background: #ed3a3c; border: 0;}

.subscription-form{padding: 1em; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box;}
.subscription-form form{padding:0; background: none; text-align: center !important;}
.subscription-form h2, #mc_embed_signup h2{font-size: 1em !important; font-weight: normal !important; margin: 0 !important
;}
.subscription-form .mc-field-group{display: inline-block; vertical-align: bottom; text-align: left; box-sizing: border-box; margin: .5em; width: 29% !important;}

.button, .subscription-form[type=submit]{border-radius:5px; text-align:center; display:inline-block; margin:1em auto; padding:1em; line-height:1em; font-size:16px; font-weight: bold; text-transform: uppercase; color:#fff; background:#ed3a3c; border:1px solid #ed3a3c; position:relative; z-index:999; opacity:1; pointer-events:auto;}
.button:hover{color:#ed3a3c; background:#fff; cursor:pointer;}
.button.close{position:absolute; top:1em; right:1em;}

.service-title{color:#fff; padding:5em; padding-top: 0 !important; position:relative; margin:0 0 -4em 0;}
.locations{padding:1em; position:relative; margin:0 2em;}
.locations article{position:relative; top:-8em; background:#fff; padding:1em}

.location h3{font-size:1.5em;}
.location .button{font-size:.85em;}

.product-links{text-align: center; border: 1px solid #eee; background: #fff; border-radius: 15px; display: inline-block; position: relative; z-index: 99;}
.product-links a{display: inline-block; padding: .75em 1.5em;}
.product-links a:first-child{border-radius: 15px 0 0 15px;}
.product-links a:last-child{border-radius: 0 15px 15px 0;}
.product-links a:hover, .product-links a.active{color:#fff; background:#ed3a3c;}

.products-container{position:relative; min-height: 25em; margin: 1em;}
.info-product{position: absolute; opacity: 0; top:0; left: 0; z-index: 1; width:100%;}
.info-product.active{opacity: 1; z-index: 99;}
.info-product h2{color:#fff; padding: .25em; background:#2468AA;}
.info-product{}
.info-product{}

footer img{max-width:100px;}
footer a{display:block;}

/*PRELOADER STYLES*/
#preloader{position:fixed; z-index:999999; top:50%; left:50%; display: block; text-align:center; margin-left:-81px; margin-top:-81px;}
#preloader .loader-container{position:relative; top:35%;}
#preloader .img{padding:10px; max-width:100%; height:auto;
	-webkit-animation: spin 2s reverse infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s reverse infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#preloader .loader{padding:5px; min-width:80px; min-height:80px; border-radius:500px; border:3px solid transparent; display:inline-block; line-height:0;
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#preloader .layer1{border:15px solid rgba(240,56,53,1); border-top-color:transparent; border-bottom-color:transparent;}
#preloader .layer2{border:8px solid rgba(240,56,53,.5); border-top-color:transparent;}
#preloader .layer3{border:3px solid rgba(240,56,53,1); border-top-color:transparent; border-bottom-color:transparent;}

/*WOOCOMMERCE STYLES*/
.woocommerce h2{font-size: 1.5em;}
.woocommerce h3{font-size: 1.25em;}

.related.products{display:none;}

.woocommerce-breadcrumb{text-align:right; margin: 0 0 1em 0;}
.woocommerce-MyAccount-navigation ul li{display:block; text-align: left;}
.woocommerce-MyAccount-navigation ul li a{padding: .5em; margin: 0; font-size: 1em;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color:#007E87;}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{
    background-color: #007E87;
}
.wc-appointments-date-picker .ui-datepicker td.ui-datepicker-current-day a, .wc-appointments-date-picker .ui-datepicker td.ui-datepicker-current-day a:hover{
    background-color: #007E87;
}
.wc-appointments-appointment-form .slot-picker li.selected a, .wc-appointments-appointment-form .slot-picker li.selected:hover a {
    background-color: #007E87;
}

.woocommerce-error, .woocommerce-error:before{color:#fff; border:0; background: #b81c23; font-weight: bold; text-align: left;}
.woocommerce-message, .woocommerce-message:before{color:#fff; border:0; background: #8fae1b; font-weight: bold; text-align: left;}
.woocommerce-info, .woocommerce-info:before{color:#fff; border:0; background: #1e85be; font-weight: bold; text-align: left;}

.woocommerce-error a, .woocommerce-message a, .woocommerce-info a{color:#fff; text-decoration: underline;}

.woocommerce-form-login, .woocommerce form.register{max-width: 600px; margin: 1em auto !important;}

/*VISUAL COMPOSER STYLES*/
.vc_column-inner .vc_column-inner{padding:.5em 80px !important;}
.noleftpadding .vc_column-inner{padding-left:0 !important;}
.norightpadding .vc_column-inner{padding-right:0 !important;}

@media(max-width:900px){
	.services-container{margin:2em auto;}
    nav{font-size:.85em;}
}
@media(max-width:800px){
	.locations{padding:0; margin:0;}
}

@media (max-width: 725px){
    .full-only{display: none;}
    
    .container{padding: 1em;}
    
    .parallax{padding:8em 0;}
    .parallax h1, h1.page-title{font-size: 3em;}
    h2{font-size:2em;}
    h3{font-size:1.5em;}
    
    .modules-row{text-align: center;}
    .col-1x1, .col-9x10, .col-4x5, .col-3x4, .col-7x10, .col-2x3, .col-3x5, .col-1x2, .col-2x5, .col-1x3, .col-3x10, .col-1x4, .col-1x5, .col-1x6, .col-1x10{min-width: 300px !important;}

    #toggle-nav{position: fixed; top:1em; right: 1em; display: block; z-index: 9999999;}
    nav{font-size:1em; display:none; background:rgba(0,0,0,.9); position:fixed; top:8em; left:0; z-index:9999999; width:100%;}
    nav .expand{display:inline-block; color:#fff; position:absolute; top:.75em; right:.75em; width:1em; height:1em; text-align: center; padding: 5px; border-radius: 25px; }
    .black nav .expand{color:#000;}
    nav .expand:hover{cursor:pointer;}

    nav ul{text-align:left; display: block; width: 100%;}
    nav ul li{display:block; position:relative; font-size:1.5em; border:0;}
    nav ul li a{color:#fff; padding:1em; font-size:1em;}
    nav ul li:hover a{background:#fff; color:#000;}
    nav ul li:hover .expand{color:#000;}

    nav ul ul .expand{top:3px; right: 1.25em;}
    nav ul ul{position:static; width:auto; background:none; box-shadow: none; margin:0 0 0 1em; font-size:.85em;}
    nav ul li:hover ul{display:none;}
    nav ul ul li{max-width:none; margin:0; min-width:none; font-size:.85em;}
    nav ul ul li a{color:#fff; padding:.5em 1em; text-align: left;}
    nav ul ul li:first-child{margin:0;}
    nav ul ul li a:hover{color:#999;}

    nav ul ul ul{position:static; width:auto; background:none; margin:0 0 0 2em;}
    nav ul ul ul li{display:block; max-width:none; min-width:none; margin:0; border-right:0;}
    nav ul ul ul li:last-child, nav ul ul li:last-child li{border-right:0;}
    nav ul ul ul li a{text-transform:none; font-weight:400; padding:.5em 1em; font-size:1em; color:#fff; border-bottom:0;}
    
    .logo{display: block;}

    .content-container{padding:.25em;}
    .service-title{padding:1em; margin:15em 0 0 0;}
    
    .services .service, .services .service.active{display:block; margin: auto !important;}

    .location{border-bottom:1px solid #fff; padding-bottom:1em; margin-bottom:1em;}
    .onehalf:last-child .location{border-bottom:0; margin-bottom:0;}
    
    .product-links a:first-child{border-radius: 0;}
    .product-links a:last-child{border-radius: 0;}
    
    .swipe-gallery .gallery-wrap{max-height:500px;}
}

@media (max-width: 650px){
    .alignleft{float:none; margin: 1em;}
}

@media(max-width:550px){
	.mobile-only{display:block;}
    
    .col-1x1, .col-9x10, .col-4x5, .col-3x4, .col-7x10, .col-2x3, .col-3x5, .col-1x2, .col-2x5, .col-1x3, .col-3x10, .col-1x4, .col-1x5, .col-1x6, .col-1x10{text-align: center;}
    .dark hr{margin:.5em auto;}

    .underlay.mobile-only{width:100%; text-align:center;}
	.underlay.mobile-only img{min-height:100%; width:auto !important; max-width:none !important; position:relative; left:-50%; right:-50%;}
	.logo{padding:.5em 6em 0 0;}
	#info{}
	
	nav ul li a{padding:.5em 0; margin:.5em; font-size:1em; display:block; font-weight:bold; border-bottom:3px solid transparent;}
	
	.btns-container{display:none;}
	.bluebg{margin:3em 0 0 0;}

	.services-container{margin:0; padding:2em .85em;}

	input{width:auto !important;}
}
.woo-login-popup-sc-left {
	box-sizing: border-box;
}
body .woo-login-popup-sc-modal {
	z-index: 99999999 !important;
}
body .woo-login-popup-sc-modal .woo-login-popup-sc-bg {
	background-image:url( 'images/login-bg.jpg' ) !important;
}

.slbCloseBtn {
	color: #000;
}
.slbWrapOuter {
	z-index: 2010000;
}
.ndprela_spinner {
	display:none;
}
.ndprela-loading .ndprela_spinner {
	display:inline;
	margin-right:5px;
	vertical-align:top;
}
.slbContentInner {
	max-width: 400px;
	padding:30px 50px;
}
.slbContentInner h3 {
	margin-bottom:20px;
}
.slbContentInner p {
	margin:0;
}
.slbOverlay {
	background-color:#FFF;
	opacity:0.4;
}


/* New logo and colors */
.logo img,
header.sticky #logo {
	max-width: 80px;
}
.bg-drkgray {
	background:#0D1529;
}
.button, .subscription-form[type=submit],
.services .button,
.services-container .button {
	background:#F15A28;
	border-color:#F15A28;
}
.tab-link {
	background:#F15A28;
}
a, h3 {
	color:#F15A28;
}
nav ul li a:hover,
.account-links a:hover {
	background:#F15A28
}
.product-links a:hover, .product-links a.active {
	background: #F15A28;
}
.services-container .services .service.active {
	border-color:#F15A28;
}
hr.shortred,
hr {
	border-color:#F15A28 !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce button.button.alt.disabled {
	background-color:#5BB6BC;
}
.vc_custom_1480521214378 .vc_icon_element-icon {
	color:#f15a28 !important;
}