/*
Theme Name: kdw-framework4
Theme URI: http://keydesigndevelopment.com
Author: Thomas W Craig III, Jessica Rodgers, & Miranda Dopp
Author URI: http://keydesignwebsites.com/
Description: Key Design Websites Framework 4x is an in-house starter theme. This theme is a mobile friendly theme/framework that uses html5 and css3 concepts. The core is _s from Automatic and Foundation (6) from Zurb with updated ACF Website options and content. Supports Zurb Foundation Flexbox 6.6.3 Grid row & column and XY-Grid 6.7.4 grid-x/y & cell. Full width view-able area and global or page specific sidebars. Simple Zurb Foundation classes can easily be added to simplify and enhance the site experience and functionality. 3 Header Files and 3 Footer backend selectable template files and lots of shortcodes to make this theme even more flexible. Included icons are https://fontawesome.com/ Ver. 5.15.4 Icons as well as the default Foundation icons. Also integrated is AOS (Animate on Scroll). Headroom.js as well as Deault WordPress Custom Header Video Header support for Youtube and Vimeo. Tons of Flexablility without being overly bloated. Have Fun! Build a Great Site! This theme and content are mostly ACF and diaplayed using template files. If you move this site the content may not display unless using this theme. (Thanks from the Key Design Websites Team!)
Version: 1.1.0029.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kdw-framework4
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kdw-framework4 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
*******************************************************************************************************************
*******************************************************************************************************************
*/
/*
This theme is built for Key Design Websites and implements _s from Automatic and the Zurb foundation css framework. 
For this theme I have separated out the css sheets to make it easier to migrate from 3.x to 4.x

Please do not modify the normalize.css or the underscores.css sheets. The underscores.css by my default commented out.
The framwork3.x sheet is also commented out and is from well our 3.x theme and is for testing and comparison.

Try to use the .classes as described in the docs http://foundation.zurb.com/docs/

Minimal css has been used in the set-up of this theme/framework in an effort to reduce build time. 

Make modifications in .the responsive.css for anything responsive that can not be handled by the foundation css framework.
*/
/*
*******************************************************************************************************************
** STYLES
*******************************************************************************************************************
*/
html {font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin: 0; font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold;}
body {background-color: #fff;}
p, ul,ol{color: #707070;}

h1{font-size: 2rem;}
h2{font-size:1.5rem;}
h3{font-size:1.3rem;}
h4{font-size:1.25rem;}
h5{font-size:1rem;}
h6{font-size:0.875rem;}

t1{font-size: 1.5rem;}
t2{font-size: 1.25rem;}
t3{font-size: 1.1875rem;}
t4{font-size: 1.125rem;}
t5{font-size: 1.0625rem;}
t6{font-size: 1rem;}

.white-text h1,.white-text  h2,.white-text  h3, .white-text h4, 
.white-text h5, .white-text h6,.white-text p, 
.white-text ul,.white-text ol,.white-text div{
	color: #fff;
}

img.aligncenter{display: block; margin: 0 auto;	margin-bottom: 10px;}
img.alignright{float: right;margin-left: 24px;margin-top: 10px;}
img.alignleft{float: left;margin-right: 24px;margin-top: 10px;}
.shadow img {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.no-padding-top-bottom .column,
.no-padding-top-bottom.columns,
.no-padding-top-bottom .columns{padding-top: 0;	padding-bottom: 0;}
.no-padding-wrapper .wrapper{padding: 0;}
.no-padding-bottom-wrapper .wrapper{padding-bottom: 0;}
.no-padding-top-wrapper .wrapper{padding-top: 0;}
.header-image, .header-slideshow-image{width: 100%;}
.border-bottom{	border-bottom: 1px solid #ccc;}
/************************************************************************/
/* SET ROW MAX-WIDTH FOR SITES WHERE ROW IS DIFFRENT THAN 1200PX */
.row {max-width: 75rem;} 
.column, .columns {padding-top: 0.9375rem;padding-bottom: 0.9375rem;}
.row-inner {margin-left: auto!important; margin-right: auto!important;}
.wrapper {padding: 1.875em 0;}
/************************************************************************/
#title-row{background: #197455;}
#slider-row #title-row{
	background-color: rgba(25, 116, 85, 0.6);
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;

}

#slider-row .responsive-embed.widescreen{
	margin-bottom: 0;
}

.entry-title { color: #fff; margin-bottom: 0;}
.empty-h-tag {display: hidden; display: none; }
h2.headerphone.subheader a {color: unset;}
header {position: relative;}
.template-fullwidth .aside {display: none;}
/************* PHONE *************/
ul.phone_numbers {margin-left: initial;}
.phone_numbers li {list-style: none;}
.phone_number .button a, .phone_numbers .button a,.phone_number .button a .fa {color: #fff;}
.phone_number i, .phone_numbers i {padding-right: 5px;}
.the_phone_number {padding-left: 5px; }
.header-logo-phone .the-number-side{margin: 1.250em 1.250em 0 0;}
.inline-number i{display: none;}
.inline-number .the_phone_number, .inline-number a{padding: 0;}

/************* BUTTON/LABEL *************/
button.radius, .button.radius {border-radius: 3px;}
button.round, .button.round {border-radius: 1000px;}
label.radius, .label.radius {border-radius: 3px;}
label.round, .label.round {border-radius: 1000px;}
.button{background-color: #000; border-radius: 25px;} 
.button:hover, .button:focus{background-color: #444;}

/************* Misc *************/
.no-js .header-navigation {display: none;}
.no-js .menu {display: none;}
.is-lower  {position: absolute!important; z-index: 99995!important; top: initial!important;}
/************* NAVIGATION *************/
.main-navigation {width: 100%;height: auto;clear: both; background: #000 none repeat scroll 0% 0% !important;}
.main-navigation-absolute {position: absolute; z-index: 100;}
.header-navigation {width: 100%;height: auto;clear: both;}
.header-navigation {position: absolute; z-index: 100;}	
.top-bar, #header-menu{background-color: transparent; padding-top: 0; padding-bottom: 0;}
#header-menu .menu-item-has-children .submenu a:hover  {background-color:#104D38; color: #fff;}
#header-menu.menu ul.submenu a:hover {color: #fff; }
#header-menu.menu .current-menu-item .submenu a{color: #104D38;}


#header-menu a{color: #104D38;font-weight: 600;	font-family: 'Montserrat', sans-serif;}
#header-menu a:hover, #header-menu li.current-menu-item a{	color: #fff; background-color:#104D38;}
#header-menu .is-dropdown-submenu-parent.open-right:hover .submenu a {
	background: transparent;
}


/************* DRILL DOWN NAVIGATION *************/
.drill-down-menu ul {background-color: #000;}
.drill-down-menu .is-drilldown-submenu {background: #000;}
.drilldown a {background: #000; color: #fff;}
.off-canvas .fab{color: #fff;}
.drilldown .is-drilldown-submenu-parent>a::after{
	border-color: transparent transparent transparent #fff;
}
.drilldown .js-drilldown-back>a::before{
	border-color: transparent #fff transparent transparent;
}

/************* TOP BAR NAV *************/
.title-bar-right .top-bar, .top-bar ul {background-color: #fff;}
#site-navigation .top-bar, .top-bar ul {background-color: #fff;}
#site-navigation .top-bar .is-dropdown-submenu {border: 1px solid #cacaca; background: #000;}
.top-bar-center {display: block; margin-right: auto; margin-left: auto;}
/************* TOP-BAR SHRINK *************/ /* 1.546em */
.top-container.shrink {height:65px!important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.top-container.shrink {line-height: 65px;transition: all .5s ease;}
.top-container .title-bar.shrink {height: 65px!important;line-height: 65px;transition: all .5s ease;}
.sticky-container .header-navigation {z-index: 99995!important;}
/************* SHRINKY *************/ 
[data-sticky] {width: 100%;}
/*************  MAIN NAVIGATION SHRINK *************/
.main-navigation.shrink {height:55px!important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.main-navigation.shrink {line-height: 25px;transition: all .5s ease;}
.main-navigation.shrink {height: 55px!important;line-height: 55px;transition: all .5s ease;}
.main-navigation.shrink .columns {height: 55px!important;line-height: 55px;transition: all .5s ease;}
/*** HAMBURGER ICON COLOR ***/
.tab-bar {padding: 5px;}
.tab-bar .menu-icon { color: #000;}
.tab-bar .menu-icon span a::after {box-shadow: 0 0 0 0.077em #fff, 0 0.538em 0 0.077em #fff, 0 1.077em 0 0.077em #fff; width: 1rem; }
.tab-bar .menu-icon span a:hover::after { box-shadow: 0 0 0 0.077em #b3b3b3, 0 0.538em 0 0.077em #b3b3b3, 0 1.077em 0 0.077em #b3b3b3; }
.menu-icon span {color: #fff; margin-left: 30px;}
.menu-icon {height: 25px; cursor: pointer;}
.menu-icon span {font-size: 1.250em;}
.menu-icon::after {top: 5px;}
.hamburger-menu-right {margin: 0 30px 0 -60px!important;}
/************ BLOG NAV *************/
.navigation {padding: 20px;}
/************ OFF-CANVAS MOBILE NAV *************/
.off-canvas {background: #000;}
/************* SOCIAL *************/

.social-media {display: block;margin-top: 0;}
.social-media li {list-style: none; display: block; float: left; margin-left: 10px;}
ul.social-media {margin-left: 0; margin-bottom: 0;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(0.077em, 0.077em, 0.077em, 0.077em); position: absolute !important; height: 0.077em;width: 0.077em; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 0.231em; box-shadow: 0 0 0.154em 0.154em rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b;display: block; font-size: 1.077em; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.385em; line-height: normal; padding: 1.154em 1.769em 1.077em; text-decoration: none; top: 0.385em; width: auto; z-index: 100000; /* Above WP toolbar. */}
/*************SLIDESHOW *************/
.slideshow {width: 100%; margin: 0 auto; clear: both;}
.slideshow-featuredcontent .caption, .slideshow-nodescription .caption { visibility: hidden !important; }
#slideshow, #slideshow-gallery, .slideshow-gallery {display:none;}
.slideshow { visibility: hidden; } /* Turn images off until loaded */
.header-slideshow-image img {width: 100%;}
/* BXslider We do not want any borders or background color */
.bx-wrapper .bx-viewport {-moz-box-shadow: unset;-webkit-box-shadow: unset; transform: unset;  box-shadow: unset;  border: unset;  background: unset; }
.bx-wrapper img {width: 100%;}
.bx-wrapper .bx-viewport {left: -0.000em;}
.bx-viewport .slide-caption {
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 10%;
    text-align: center;
    margin: 0 auto;
    display: block;    
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
ul.slideshowheader  {margin-left: 0em;}
/************* GALLERY  *************/
.gallery-grid .column-block { margin-bottom: 0; }
.gallery-grid img.thumbnail{width:auto;}


/*************** HEADER **********************/
#top-row,#middle-row{background: #fff;}


.tagline h1{color: #fff; text-shadow: 0px 3px 6px rgba(0,0,0,0.16);text-align: center;}
.tagline h2{color: #fff; font-size: 1.125rem; text-shadow: 0px 3px 6px rgba(0,0,0,0.16);text-align: center; margin-bottom: 22px;}
.tagline .button{margin-bottom: 0; margin-top: 8px;}
.button .fa{color: #fff;}
#middle-row .button{
	margin: 4px;
}
#top-row #middle-row .button{margin-bottom: 30px;}
.is-anchored.is-at-top .logo img{
	height: 114px;
	width: auto;
	transition: all ease 0.34s;
}
.is-stuck.is-at-top .logo img{
	height: 60px;
    width: auto;
    transition: all ease 0.34s;
}
#middle-row.is-stuck.is-at-top{
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.is-anchored.is-at-top .headerphonecta .button{
	display: inline-block;
	transition: all ease 0.34s;
}

.is-stuck.is-at-top .headerphonecta .button{
	display: none;
	transition: all ease 0.34s;
}



/**************** CONTENT  *****************/
.testimonial-testimonial{
	width: 90%;
	margin: 0 auto;
}
.testimonials-slider{
	margin-top: 50px;
}

.authorquote{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 30px;
	line-height: 1.3;
}
.authorname{
	margin-bottom: 0;
	font-weight:  bold;
	font-size: 1rem;
}

.orbit-next, .orbit-previous{
	height: 30px;
	width: 30px;
	font-size: 28px;
	border-radius: 50%;
	background-color: #E6E6E6;
	color: #000;
	padding: 0;
	padding-bottom: 2px;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.orbit-next{
	padding-left: 2px;
}

.orbit-previous{
	padding-right: 2px;
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: rgba(255,255,255,.7);
}

.home-6{
	background: rgb(25,116,85);
	background: linear-gradient(180deg, rgba(25,116,85,1) 50%, rgba(255,255,255,1) 50%);
}

.largeh1 h1 br{display: none;}
.largeh1 h1 span{
	display: block;
	font-weight: normal;
	font-size: 18px;
}

.home-1 {
	padding: 20px 0;
}
.home-1 h1{
	color: #fff;
	line-height: 1;
	margin-bottom: 0;
}
.home-1 h1 span{
	display: block;
	font-weight: normal;
	font-size: 18px;
}

.ul-list{
	margin-bottom: 50px;
}
.contact-column a{color: #197455}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after{
	border-color: #000 transparent transparent;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:hover::after{
	border-color: #fff transparent transparent;
}

.numbertitle{
	color: #104D38;
	font-size: 1.125rem;
}

.numbertitle strong{
	color: #000;
}

/*************CTA / CARD*************/

.cta-row{
	padding-top: 30px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(25,116,85,1) 40%);
}



.cta-row .cta-single-inner{
	background: #F8F8F8;
	padding: 30px 20px 40px;
	border-radius: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.cta-row p{
	color: #000;
	font-size: 14px;
}

.cta-row .column-block{
	padding: 8px;
}

.cta-row .fas{color: #197455;}

.cta-row #tagline-2, .cta-row strong{
	font-size: 16px;
	color: #000;
}

.cta-single-inner .cta-image {width: 100%;}
.card img {width: 100%;}
.link-section {-ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem;}

/*************  FOOTER  *******************/
.footerform{
	padding: 50px;
	background: url(/wp-content/uploads/2022/10/Mask-Group-2-copy.webp) no-repeat;
	background-size: cover;
}

.innerform{
	padding:50px 20px 20px;
	background:  rgba(255, 255, 255, 0.80);
}
.footerform h1{
	font-weight: bold;
	color: #000;
	line-height: 1;
	text-transform: uppercase;
}

.footerform h1 span{
	font-weight: normal;
	display: block;
	font-size: 18px;
}

.footer{background-color: #197455;}
.site-footer{background-color: #000;}
.footer .widget-title{color: #fff;font-weight: bold;}
.footer a, .footer p{color: #fff;}
/*************COPYRIGHT/LEGAL MENU*************/

#copyright {padding-top: 1.538em;line-height: 1.923em;text-align: center;text-transform: uppercase;font-size: 0.769em;letter-spacing: 0.231em;}
#copyright, #copyright a, #copyright a:hover, #menu-legal-menu.menu a, #developer a{text-decoration: none; color: #fff; font-size: 11px;}
#developer { display: block; opacity: 0.6; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
#developer:hover { opacity: 1.0; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
.copyrightkey {	background: url('images/kdw-footer.png') left center no-repeat;	width: auto; height: 1.923em; display: inline-block; border: 0; padding-left: 1.923em;}
#menu-legal-menu.menu { width: auto;}
/*********** fontawesome  ***************/
.fa, .fas, .fab {color: #2ba6cb;} 
/*********** BLOG  ***************/
.single-blog-title{background-color: #999; margin-bottom: 50px;}
.single-blog-title .entry-title{margin-bottom: 0;}
.blog-title a{color:#05496a;font-weight: bold;font-size: 1.313rem;}
.blog-title a:hover{color: #000;}
.author-about{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.blogging .callout.secondary.authorbox{margin: 0;margin-top: 50px;}
.blogging .tags-links{display: inline-block;text-align: center;}
.blogging .tags-links a{color:#05496a;border: 1px solid #05496a;padding: 3px 10px;margin: 0 2px;font-size: 1rem;}
.blogging .tags-title{display: inline-block;font-size: 1.12rem;margin-right: 10px;font-weight: bold;color:#05496a;}
.author-thumb{margin-bottom: 20px;}
#content .blog-content img{-webkit-filter: grayscale(0);filter: grayscale(0);}
blockquote {border-left: none;}
#cat-meta{text-align: center;color:  #999;font-size: 0.85rem;}
#cat-meta a{color:  #999;font-size: 0.85rem;}
.single-format-standard .blog-post-featured-image img {padding-bottom: 20px;}
.single-format-standard .blog-content {padding: 0;}
.last-three .large-7.medium-7{padding-left: 30px;padding-right: 30px;}
.last-three .large-5.medium-5{min-height: 117px;}
.blogcard{border: none;	padding: 0;}
.blogcard img{width: 100%;}
.blogcard h4{font-weight: bold;	padding-top: 10px;}
.entry-footer{padding:6px;}
.blog-entry-footer{	padding: 20px 0;border-bottom: 1px solid #ccc;	margin-bottom: 20px;}
.author .more-posts{list-style: none;margin-left: 0;}
.author .more-posts li{	display: block;	padding: 4px;}
.author-thumb{margin-bottom: 0}
.author-thumb.author-thumb-page{margin-bottom: 30px;}
.author main h2{font-weight: bold;	font-size: 1.3rem;	text-transform: capitalize;}
#tertiary #search-2 .widget-title{	padding-left: 0;	padding-right: 0;}
#search-2{background-color: #f5f5f5;	padding: 20px;	margin-bottom: 30px;}
.search-submit{	display: none;}
.blogging .entry-footer{padding: 20px 0px;}
.blogging .header-entry.entry-footer{padding:0 0 20px 0;}
.blogging .callout.secondary { background-color: #f5f5f5; color: #0a0a0a; padding: 8px; border-color: #fff;}
.blogging .callout.secondary img,
.post-row-widget img{border-radius: 100%;}
#widget-posts{	 background-color: #f5f5f5;}
.entry-meta{display: none;}
#tertiary .widget-title{font-size: 1.235rem;font-weight: bold;text-transform: uppercase;padding: 8px 20px;}
#tertiary ul{list-style: none; 	margin: 0;}
#tertiary li{padding: 8px 20px;}
#tertiary a{color: #707070;}
#tertiary a:hover{color: #000;}
.comments-link::before {  content: " • ";}
/*****END BLOG **/
/*****GLOBAL IMAGE ALIGNMENT **/
figure.aligncenter figcaption{text-align: center}
figure.aligncenter,img.aligncenter{display: block; margin: 0 auto;	margin-bottom: 10px;}
figure.alignright,img.alignright{float: right;margin-left: 24px;margin-top: 10px;}
figure.alignleft,img.alignleft{float: left;margin-right: 24px;margin-top: 10px;}
/*************FOOTER ADDRESS*************/
ul.footer-addresses-location{list-style-type: none; text-align: center; text-transform: uppercase; font-size: 0.769em; letter-spacing: 0.231em;  padding: 0; margin: 0;}
.address-alink {color: #000;}
.address-alink:hover {text-decoration: none;}
.address-0, .address-1, .address-2 { border-right: 0.077em dotted #333; margin-right: 0.385em; }
address li {list-style: none; padding-right: 5px; display: inline-block;}
.location-adress ul {margin-left: 0.60rem;}
.locations-title {margin-left: 10px;}

/*************CONTACT PAGE*************/
.contact-column {margin: 0 2%;}
.contact-column-full {width: 100%; margin: 0;}
/*.contact-form {background-color: #ccc; padding: 0.769em;}*/
.contact-left-margin {margin-left: 10px;}
form .contact-website { position: absolute; left: -769230.692em; } /* 9999999px 769230.692em */
.directions-link {font-size: 0.8em; }
.gm-style img {max-width: 769230.692em !important;} /* 9999999px 769230.692em */
.acf-map {width: 100%; height: 23.077em; margin-top: 1.923em;}
#phone-small-s, #email-small-s, #location-small-s  {margin-left: 5px;}
#contact-page-phone-block, #contact-page-email-block, #contact-page-location-block {margin-top: 25px;}
/**************************/
/* Pricing Tables */
.pricing-table {
  border: solid 1px #DDDDDD;
  margin-left: 0;
  margin-bottom: 1.25rem; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #EEEEEE;
    font-weight: normal;
    font-size: 1rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}
  .pricing-table .price {
    background-color: #F6F6F6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 2rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}
  .pricing-table .description {
    background-color: #FFFFFF;
    padding: 0.9375rem;
    text-align: center;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #DDDDDD; }
  .pricing-table .bullet-item {
    background-color: #FFFFFF;
    padding: 0.9375rem;
    text-align: center;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #DDDDDD; }
  .pricing-table .cta-button {
    background-color: #FFFFFF;
    text-align: center;
    padding: 1.25rem 1.25rem 0; }
/******** Center a Div *********************/
.flex-center {display: flex;align-items: center;justify-content: center;}     
/************* PARALLAX PIECE *************/
.parallax {  
height: 100%; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left:-410px;
margin-right:-410px;
}
/************* CART CONTENTS *************/
.cart-contents:before {font-family: "Font Awesome 5 Free";content: "\f07a";font-size:28px;margin-top:10px;font-style:normal; font-weight:900;padding-right:5px;vertical-align: bottom;}
.cart-contents:hover {text-decoration: none;}
.cart-contents-count {color: #fff;background-color: #2ecc71;font-weight: bold;border-radius: 10px;padding: 1px 6px;line-height: 1;font-family: Arial, Helvetica, sans-serif; vertical-align: top;}