/*
Theme Name:		Bling My Yard
Theme URI:		https://woocommerce.com/storefront/
Description:	ADA Theme is a Storefront child theme
Author:			AP
Author URI:		
Template:		storefront
Version:		1.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			e-commerce, two-columns, right-sidebar, left-sidebar, responsive-layout, accessibility-ready
Text Domain:	deli
*/
/* =Custom styles starts here */

html {scroll-behavior: smooth;}
body { padding-top: 0; font-size: 17px; line-height: 1.6em; color: #000; font-weight: 400; font-family: 'Roboto', sans-serif; position: relative; background-color: #fff; } 
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
.navbar-fixed-top {top: auto;}
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%}
.aligncenter { clear: both; text-align: center; margin: 1%}
.alignnone { float: none; margin: 1% } 
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.padding-left {padding-left: 0;}
.padding-right {padding-right: 0;}
.padding-none {padding: 0;}
.row {margin-left: 0; margin-right: 0;}
.roboto {font-family: 'Roboto', sans-serif;}
.roboto-slab {font-family: 'Roboto Slab', serif;}
.opens {font-family: 'Open Sans', sans-serif;}




/* #Images
/***********************************************************/
img, a img { border-radius: 0; border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; width:auto; image-rendering: optimizeQuality; }

/* #Links
/***********************************************************/
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; color: #ee3f35}
	a:hover, a:focus, a:visited, button:hover, button:focus, button:visited { outline: 0; text-decoration: none;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	#navbar li.dropdown:hover .dropdown-menu {display: block;}
	
/***********************************************************/
/***** HEADINGS / Typography  ******************************/
/***********************************************************/

h1,h2,h3,h4,h5, h6, .h1, .h2, .h3 { margin-top: 0; color: #1b3f99}
	h1{font-size:36px;line-height:1.1em; font-weight: 900; color: #1b3f99;}
	h2, .h2{font-size:36px; line-height:1.1em; margin-bottom:30px; font-weight: 900; color: #1b3f99;}
	h3, .section_title{font-size:26px;line-height:1.1em; margin-bottom:20px; font-weight: 500; text-transform: none;} 
	.section_title {margin-bottom:40px;}
	h4{font-size:26px;line-height:1.1em;margin-bottom:15px; font-weight: 500;}
	h5{font-size:24px;line-height:1.1em; margin-bottom:15px;}
	h6{font-size:22px;line-height:1.1em; margin-bottom:15px;}
	
h1 i,h2 i,h3 i,h4 i,h5 i {
	font-size: 80%!important;
    position: relative;
    top: -1px;
	padding: 0 5px;
}
	
hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 30px 0; height: 0; }

ul, ol {margin-top: 15px; margin-left: 20px;}
ul li, ol li {padding-bottom: 5px}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.4em; }
p { margin: 1.2em 0; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b, .bold{ font-weight: bold;  }
small { font-size: 80%; }
blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; }
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}
.hentry .entry-content a:not(.button) {text-decoration: none;}

#social_links {margin-bottom: 20px; text-align: center;}
#social_links ul{padding: 0; margin: 0;}
#social_links li:first-child {margin-left: 0}
#social_links li {list-style: none; display: inline-block; margin: 0 10px; }
#social_links li a {font-size: 22px; color: #ff7f27; display: block; text-align: center; }
#social_links li a:hover {color: #545454;}

.fa, .fas, .far, .fal, .fab {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.parallax {
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.uppercase {text-transform: uppercase;}
.white {color: #fff;}

.ease, .cta_button a, .btn, .site-header.sticky .site-branding img, .site-header .site-branding img, .site-header, .site-header.sticky,
.storefront-secondary-navigation .site-header .site-branding, .storefront-secondary-navigation .site-header.sticky .site-branding,
.secondary-navigation > .menu-main-container > ul.menu > li:last-child > a, .secondary-navigation > .menu-main-container > ul.menu > li:last-child > a:hover,
#social_links li:hover, #social_links li,
.sticky .secondary-navigation .menu a, .secondary-navigation .menu a {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.masonry { /* Masonry container */
    column-count: 3;
    column-gap: 30px;
	/*-moz-column-width: 33.3334%;
	-webkit-column-width: 33.3334%;
	column-width: 33.3334%;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px; 	
	column-gap: 30px; */
}

.masonry-item { /* Masonry bricks or child elements */
    background-color: #f4f4f4;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.btn {
	border: 0;
    color: #fff!important;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 25px;
	border-radius: 5px;
	text-align: center;
	
}

.btn-red:hover {background-color: transparent; border: 1px solid #ee3f35; color: #ee3f35!important} 

.btn-red {
	background-color: #ee3f35;
	border: 1px solid #ee3f35;
}

.btn-bordered {
	border: 1px solid #fff;
	font-weight: 500;
}

.btn-big {
	font-size: 20px;
    padding: 16px 30px;
    margin: 0 25px;
    min-width: 260px;
}

.red {
	color: #ee3f35!important;
}

.white {
	color: #fff; 
}

.yellow {
	color: #ffdd1a!important;
}

.wpcf7 input[type="submit"]:hover {background: #fff; color: #bcba57}
.wpcf7 input[type="submit"] {color: #fff; background: #bcba57; text-transform: uppercase; border: 2px solid #bcba57}

.padded-top {
	padding-top: 30px;
}

.padded-bottom {
	padding-bottom: 30px; 
}

.padded-left {
	padding-left: 30px;
}

.padded-right {
	padding-right: 30px;
}

.bgred {
	background-color: #c62032;
}

.bggreen{
	background-color: #6eb245;
}

.blue-bg {
	background-color: #1c3f99;
}

input[type='text'], input[type='number'], input[type='email'], input[type='tel'], input[type='url'], input[type='password'], input[type='search'], textarea, .input-text {
	border: 1px solid #ccc;
	background: #fff;
	width: 100%!important;
	box-shadow: 0 0 0 #fff;
}

.gform_wrapper .gform_body label.gfield_label, .gform_wrapper .gform_body legend.gfield_label {
	font-weight: normal;
}
.gform_wrapper .gform_body .field_description_below .gfield_description {
	padding-top: 3px;
}

.gform_wrapper .gform_body .field_sublabel_below .ginput_complex.ginput_container label {
	letter-spacing: unset;
}

.gallery .gallery-item {text-align: center; margin-bottom: 20px; padding-right: 20px;}


/* #Default
/***********************************************************/
@media (min-width: 768px) {
	.col-full, .footer-widgets, .related.products  {
		max-width: 1170px;
		margin: 0 auto;
	}
	
	.site-header {
		padding-top: 25px;
	}
	
	.site-header {
		background: rgb(191,239,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(191,239,255,1) 0%, rgba(248,253,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(191,239,255,1) 0%,rgba(248,253,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(191,239,255,1) 0%,rgba(248,253,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfefff', endColorstr='#f8fdff',GradientType=0 ); /* IE6-9 */
		border: none;
	}
	
	.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
		margin-bottom: 0;
	}
	
	.secondary-navigation .menu a {
		padding: 55px 0;
		border-top: 3px solid transparent;
	}
	
	.sticky .secondary-navigation .menu a {
		padding: 45px 0;
	}
	
	.secondary-navigation ul li {
		margin: 0 15px;
	}  
	
	.secondary-navigation .menu li.current-menu-item a, 
	.secondary-navigation ul.menu li.current-menu-item > a,
	.secondary-navigation .menu a:hover {
		border-top: 3px solid #ff7f27;
		color: #ff7f27!important;
	}
	
	.site-header {
		border: 0;
		position: fixed;
		width: 100%;
	}
	
	.site-content {
		padding-top: 223px;
	}
	
	
	.storefront-breadcrumb {
		margin: 0;
		padding: 0;
	}
	
	.site-header .site-branding {text-align: center;}
	.site-header .site-branding img {max-width: 560px;}	
	.main-navigation ul.menu, .main-navigation ul.nav-menu {text-align: center}
	
	.page.right-sidebar .content-area {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
}

.top_header:after {
	background: transparent url(assets/images/grass-background.png) repeat-x top center; 
	content:""; 
	display: block; 
	position: relative; 
	height: 30px; 
	width: 100%;
	bottom: 30px;
	margin-bottom: -30px;
}

.site-header .site-branding {
	margin-bottom: 0;
}

.main-navigation, .secondary-navigation {
	background-color: #6eb245;
}

.main-navigation ul.menu > li > a, 
.main-navigation ul.nav-menu > li > a {
	font-weight: 900; 
	color: #fff; 
	font-size: 18px;
	padding: 18px 25px;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a, 
.main-navigation ul.nav-menu > li > a:hover {
	color: #ffdd1a
}

.top_header_wrapper {
	display: flex;
    align-items: center;
}

.top_header_wrapper > div {
	margin-right: 30px!important;
}

.top_header_wrapper > div:last-child {
	margin-right: 0!important;
}

.top_header_wrapper .site-branding {
	width: 100%;
	clear: none;
	text-align: center;
}

.top_header_wrapper .site-booking, .top_header_wrapper .site-social {
	width: 300px;
	margin-bottom: 30px;
}

.top_header_wrapper .site-social #social_links {
	margin-bottom: 15px;
	text-align: right;
}

.top_header_wrapper .site-social #social_links  li:last-child {
	margin-right: 0;
}

.top_header_wrapper .site-social .phone_number a {
	font-size: 18px;
	color: #1b3f99;
	font-weight: 700;
}

.top_header_wrapper .site-social .phone_number a i {
	color: #ee3f35;
	font-size: 20px;
}
 
.storefront-sorting {
	display: none;
} 

.hidden, .edit-link { 
	display: none;
}

.hentry, .margin-bottom, .site-main, .content-area, .widget-area {
	margin-bottom: 0;
}

.padding-none .content-block-col,
#home-banner .content_block_wrapper {
    padding: 0;
}

#parallax_block.slider_item > img, .hero_banner > img {
    opacity: 0;
    display: block;
    position: relative;
}

.hero_banner .banner_caption {
	background-color: rgba(0,0,0,.25)
}

#social_links li {
	border-radius: 100%;
	height: 26px;
	width: 26px;
	margin: 0 5px;
}

#social_links li a {
	font-size: 14px;
	color: #fff;
}

#social_links li i {
	position: relative;
	top: 1px;
}

.social-fa-facebook-f {
	background-color: #537abc;
}

.social-fa-twitter {
	background-color: #77cbef;
}

.social-fa-youtube {
	background-color: #e96349;
}

.social-fa-instagram {
	background-color: #686868;
}

.social-fa-pinterest {
	background-color: #e95554;
}


/* #Content Blocks
/***********************************************************/

.home #section-1 .image_gallery {
	margin-top: -45px;
	margin-bottom: -45px;
	margin-left: -15px;
	margin-right: -15px;
}

.home #section-1 .image_gallery img {
	border: 5px solid #fff;
}

.content_block_wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}

#welcome .col-full-wrapper .col-sm-2 {
	width: 230px; 
}
 
#welcome .col-full-wrapper .col-sm-8 {
	width: calc(100% - 460px);
}

#welcome .content_block_wrapper {
	padding-bottom: 0;
}

#welcome {
	position: relative;
    z-index: 2;	
}

#green-section {
	margin-top: -30px;
	position: relative;
    z-index: 1;
}

#green-section:before {
	background: transparent url(assets/images/grass-background.png) repeat-x top center;
    content: "";
    display: block;
    position: relative;
    height: 30px;
    width: 100%;
    top: -30px;
}

#green-section ul li {
	list-style: none;
	display: inline-block;
	width: 30%;
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 900;
}

.recent_image {
	height: 200px;
	overflow: hidden;
}

.recent_image img {
	width: 100%;
}

.recent_post_item {
	background-color: #fff;
}

.recent_excerpt {
	height: 170px;
	padding: 15px 25px;
	font-size: 15px;
}

.recent_excerpt h4 {
	font-size: 18px;
	font-weight: 700;
	color: #1a3f99!important;
}

.recent_excerpt a {
	color: #ed3f34!important;
}

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

#testimonial-section .withbg_image .content_block_wrapper {background-color: rgba(28,63,153,.85);} 
#testimonial-section blockquote {background: transparent; border: none; text-align: center; font-weight: 500; font-size: 24px; margin: 0}
#testimonial-section blockquote p {margin-bottom: 10px}
#testimonial-section .credit {font-size: 20px; font-style: normal}
#instagram > .bg_block > .content_block_wrapper {padding-top: 75px;} 
#instagram > .bg_block > .content_block_wrapper h2 {margin-bottom: 70px}  
.inner-page #grass-bg:before {
	background: transparent url(assets/images/grass-background.png) repeat-x top center;
	content: "";
	display: block;
	position: relative;
	height: 30px;
	width: 100%; 
	top: -30px;
} 
#grass-bg {margin-top: -30px; position: relative; z-index: 1;}
#grass-bg .content_block_wrapper {padding: 20px 0}
.inner-page #welcome .content_block_wrapper {padding-top: 0}
#testimonial-section {display: none;}
.home #testimonial-section {display: block;}
.home #section-2 {margin-top: 0}
.widget .widget-title {color: #1b3f99; font-size: 26px; font-weight: 700}
h2.post-title, h2.post-title a {font-size: 36px; color: #1b3f99} 
a.read-more {color: #ee3f35; font-weight: 700; font-size: 15px}
.widget-area .widget a {font-weight: normal; text-decoration: none}
.design-page .gallery {text-align: center}  
.design-page .gallery .gallery-item {float: none; display: inline-block}
  
/* #Footer
/***********************************************************/
.site-footer {
	background-color: transparent;
	padding-bottom: 0;
	padding-top: 50px;
}

.top_header.top_header_footer:after {
	bottom: 50px;
	margin-bottom: -50px;
}

.site-footer a:not(.button):not(.components-button) {
	/*border-bottom: 0;*/
	text-decoration: none;
}

.copyright {
	padding-top: 30px;
	padding-bottom: 30px;
} 

.copyright a, .copyright .spacer {
	padding: 0 15px;
}

.copyright a:not(.button):not(.components-button):hover {
	color: #ffdd1a;
}

/* #Media Queries
/***********************************************************/

@media (max-width: 1245px) {
	.main-navigation ul.menu > li > a, 
	.main-navigation ul.nav-menu > li > a {padding: 18px 20px;}
	.recent_excerpt {height: 200px;}

}

@media (max-width: 1155px) {
	.main-navigation ul.menu > li > a, 
	.main-navigation ul.nav-menu > li > a {padding: 18px 15px;}
} 
 
@media (max-width: 1090px) {     
	.site-header .site-branding img {max-width: 490px}  
	.top_header_wrapper .site-booking, 
	.top_header_wrapper .site-social {text-align: center; width: 100%}  
	.top_header_wrapper .site-social #social_links {text-align: center} 
	.site-content {padding-top: 183px;} 
	.recent_excerpt {height: 230px;}  
	.top_header.top_header_footer .site-booking,
	.top_header.top_header_footer .site-social	{margin-bottom: 45px;}
	#content .col-full {padding: 0 40px;}  
}

@media (max-width: 1024px) {
	.main-navigation ul.menu > li > a, 
	.main-navigation ul.nav-menu > li > a {font-size: 17px;} 
	#green-section ul {margin: 0 20px 25px}
	#green-section ul li {width: 45%;}
}

@media (max-width: 950px) {
	.main-navigation ul.menu > li > a, 
	.main-navigation ul.nav-menu > li > a {font-size: 15px; padding: 18px 13px;} 
}
@media (max-width: 850px) {
	.main-navigation ul.menu > li > a, 
	.main-navigation ul.nav-menu > li > a {font-size: 14px; padding: 18px 10px; font-weight: 700}  
	.recent_excerpt {height: 270px;}  
}

@media (max-width: 767px) {
	button.menu-toggle {
		margin: 0 30px 20px;
		border: 2px solid #fff;
		background: transparent;
		color: #fff;
	}	
	button.menu-toggle:after, 
	button.menu-toggle:before, 
	button.menu-toggle span:before {background-color: #fff}
	.main-navigation ul li a {padding: 10px 30px; color: #fff; font-weight: 700; font-size: 18px}
	.top_header_wrapper {display: flex; flex-direction: column}
	.top_header_wrapper .site-branding {order: 1; -webkit-order: 1;}
	.top_header_wrapper .site-booking {order: 2; -webkit-order: 2;} 
	.top_header_wrapper .site-social {order: 3; -webkit-order: 3;} 
	.top_header_wrapper .site-social {clear: both;}
	.top_header_wrapper .site-branding {margin: 20px 10px}
	.home.blog .site-header, 
	.home.page:not(.page-template-template-homepage) .site-header, 
	.home.post-type-archive-product .site-header {
		margin: 0;
		padding: 0;
	}
	button.menu-toggle, button.menu-toggle:hover {background: transparent; border-color: #fff; color: #fff;}
	.main-navigation ul li a:hover, 
	.main-navigation ul li:hover > a, 
	.site-title a:hover, .site-header ul.menu li.current-menu-item > a, 
	.main-navigation ul li.current_page_item a	{color: #ffdd1a}
	.site-content {padding-top: 0;}
	#welcome .col-full-wrapper {display: flex; flex-direction: column}
	#welcome .col-full-wrapper .col-sm-2 {order: 2; -webkit-order: 2; width: 100%; text-align: center}
	#welcome .col-full-wrapper .col-sm-2 img {float: none}
	#welcome .col-full-wrapper .col-sm-8 {order: 3; -webkit-order: 1; width: 100%} 
	.recent_excerpt, .recent_image {height: auto;} 
	#recent_posts > .col-sm-4 {padding-bottom: 25px;} 
	.site-footer {padding-top: 0;}
	#content .col-full {padding: 0;}
	.no-wc-breadcrumb .site-header {margin: 0; padding: 0}  
	.top_header_wrapper > div {margin-right: unset !important;}
	.blue-bg #general_content span {display: block; padding: 15px 0;}
	#green-section ul li {width: 100%}
}

@media (max-width: 450px) {
	
}