/*======================================
Theme Name: Divi Handmade
Theme URI: https://www.peeayecreative.com/
Description: An elegantly designed feminine website template for crafters, sellers, bloggers, and DIYers.
Author: Pee-Aye Creative
Author URI: https://www.peeayecreative.com/
Author Email: nelson@peeayecreative.com
Template: Divi
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/*MISCELLANEOUS
--------------------------------------------------*/


/*add a white gradient to the first section of each page*/

div.et_pb_section.et_pb_section_0:before,
div.et_pb_section.et_pb_section_0_tb_body:before {
   content: "";
   position: absolute;
   display: block;
   left: 0px;
   width: 100%;
   height: 50%;
   background: rgb(255, 255, 255);
   background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   top: 0;
}


/*vertical align content in columns*/

.pa-vertical-align {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


/*show desktop menu on phone*/

@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}


/*regular sections*/

@media only screen and (max-width: 980px) {
   div.et_pb_section.pa-hide-background-image-mobile {
      background-image: none!important;
   }
}

div.et_pb_section.et_pb_section_4 {
   background-image: none!important;
}


/*MENU STYLING
--------------------------------------------------*/


/*fix margin on menu*/

.et-db #et-boc .et-l .et_pb_menu--without-logo .pa-header-menu .et_pb_menu__menu>nav>ul>li {
   margin-top: 0;
}


/*adjust the navigation menu*/

.pa-header-menu .et_pb_menu__menu>nav>ul {
   display: flex;
   align-items: stretch;
   flex-wrap: wrap;
   justify-content: flex-start;
   box-shadow: 1px 10px 40px rgba(0, 0, 0, 0.12);
   width: 200%;
}


/*adjust the menu items*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li {
   display: flex;
   position: relative;
   margin: 0;
   align-items: stretch;
   padding: 20px 40px 10px!important;
   background: #ffffff;
   min-width: 160px;
   transition: all .5s ease;
}


/*fix breakpoint of menu - adjust as needed*/

@media (max-width:1190px) and (min-width:981px) {
   .pa-header-menu .et_pb_menu__menu>nav>ul>li {
      padding: 20px 20px 10px!important;
      min-width: 100px;
   }
}


/*remove some padding from each side of the menu*/

.pa-header-menu .et_pb_menu__menu {
   margin-right: 0;
   margin-left: 0;
}


/*add a border to the left of menu items*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:not(:first-child) {
   border-left: 1px solid #ead3b5;
}


/*add a differnt color to the menu button*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:last-child>a {
   color: #ffffff!important;
}

.pa-header-menu .et_pb_menu__menu>nav>ul>li:last-child {
   border-left: none;
   background: #a78254;
}


/*hover color of the menu button*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:last-child:hover {
   background: #7ea391!important;
   transition: all .5s ease;
}


/*align the menu items to the center*/

.pa-header-menu ul li a {
   text-align: center;
   width: 100%;
   background: transparent!important;
}

.pa-header-menu ul li ul li a {
   text-align: left;
}


/*stop menu links form fading on hover*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:hover a {
   opacity: 1!important;
   ;
}


/*hover color of menu items*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:hover {
   background: #ead3b5;
   transition: all .5s ease;
}


/*fix menu top margin issue with WooCommerce pages*/
.et-db #et-boc .et-l .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
    margin-top: 0px;
}


/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #7ea391;
	background: #eaf6f1;
	border-radius: 50%;
	padding: 4px 2px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}


/*GALLERY LIGHTBOX STYLING
----------------------------------------------------------------*/

button.mfp-close {
   color: #a78254 !important;
   font-weight: 900 !important;
   padding-top: 24px!important;
   padding-right: 24px !important;
}

.mfp-title {
   color: #000;
   font-weight: 700;
   background: rgba(0, 0, 0, 0.5);
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-top: -24px;
   margin-left: 3px;
   margin-right: 3px;
   font-size: 20px;
}

.mfp-counter {
   color: #000;
   font-weight: 900;
   padding-right: 20px;
   font-size: 16px;
}

img.mfp-img {
   padding: 0!important;
   border: 3px solid #7ea391;
}

.mfp-arrow:after {
   color: #f56127;
   font-size: 60px !important;
}

.mfp-bg {
   background-color: #000000 !important;
}

.mfp-close,
.mfp-title,
.mfp-counter,
.mfp-arrow:after {
   color: #ffffff !important;
}

.mfp-arrow-left:after {
   content: "\23"!important;
}

.mfp-arrow-left {
   left: 50px!important;
}

.mfp-arrow-right:after {
   content: "\24"!important;
}

.mfp-arrow-right {
   right: 50px;
}


/*add inner border to some buttons*/

.pa-sf-button {
   outline: 1px solid white;
   outline-offset: -5px;
}

.pa-sf-button-cta .et_pb_cta .et_pb_promo .et_pb_button .et_pb_promo_button {
   outline: 1px solid white;
   outline-offset: -5px;
   padding: 10px 40px!important;
}


/*BLOG FEED STYLING
----------------------------------------------------------------*/


/* style indiviudal posts in the feed */

.pa-sf-blog-feed .et_pb_post {
   outline: 1px solid #ead3b5;
   outline-offset: -5px;
   padding: 40px;
}


/* read more link as a button */

.pa-sf-blog-feed a.more-link {
   outline: 1px solid white;
   outline-offset: -5px;
   font-size: 1em;
   font-weight: 300;
   text-transform: uppercase;
   background-color: #7ea391;
   color: #ffffff!important;
   margin: 20px 0 0px;
   float: none;
   display: inline-block;
   padding: 10px 40px;
   border-radius: 0px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.pa-sf-blog-feed a.more-link:hover {
   color: #ffffff!important;
   background-color: #ead3b5;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.pa-sf-blog-feed .entry-title:after {
   display: table;
   content: "";
   border-top: 1px solid #7ea391;
   width: 80px;
   margin: 14px 0;
}


/*SLIDER STYING
-----------------------------------------------------------------------*/

.et-pb-controllers a {
   width: 40px;
   height: 1px;
   margin-right: 10px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.et_pb_bg_layout_light .et-pb-controllers a {
   background-color: #ead3b5;
}

.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
   background-color: #7ea391;
}

.et-pb-arrow-prev:before {
   content: "\23";
   font-weight: 100;
   color: #7ea391;
}

.et-pb-arrow-next:before {
   content: "\24";
   font-weight: 100;
   color: #7ea391;
}

.et-pb-arrow-next {
   opacity: 1;
   right: 22px;
}

.et-pb-arrow-prev {
   opacity: 1;
   left: 22px;
}


/*SIDEBAR STYLING
----------------------------------------------------------------*/

.widget_search input#s {
   height: 50px !important;
   margin: 0;
   padding: 0.7em;
   border: 1px solid #ddd;
   color: #000000;
   font-size: 14px;
   line-height: normal !important;
   border-radius: 0;
}

.widget_search input#searchsubmit {
   height: 50px !important;
   margin: 0;
   padding: 0.7em;
   border: 1px solid #7ea391;
   color: #ffffff;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: normal !important;
}

.widget_search #searchsubmit {
   position: absolute;
   top: 0;
   right: 0;
   width: 120px;
   border-radius: 0;
   background-color: #7ea391;
   outline: 1px solid white;
   outline-offset: -5px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.widget_search #searchsubmit:hover {
   background-color: #a78254;
   border-color: #a78254;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*line beside widget titels*/

@media (max-width: 980px) {
   .pa-widget-subhead-left h4,
   h4.widgettitle {
      margin-top: 30px;
   }
}

.pa-widget-subhead-left h4:before,
h4.widgettitle:before {
   content: '';
   display: block;
   position: absolute;
   top: 30%;
   left: 0px;
   width: 50px;
   border-bottom: 1px solid #ead3b5;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.pa-widget-subhead-left h4,
h4.widgettitle {
   padding-left: 70px!important;
   margin-bottom: 10px!important;
   position: relative;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}


/*remove sidebar line*/

.container:before {
   background-color: transparent !important;
}

.et_pb_widget_area_right {
   border-left: 0 !important;
}

.et_pb_widget_area_left {
   border-right: 0 !important;
}


/*recent posts styling*/

.et_pb_widget.widget_recent_entries ul li a {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.et_pb_widget.widget_recent_entries ul li:hover a {
   color: #7ea391!important;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*recent post date styling*/

.widget_recent_entries span.post-date {
   font-size: 16px;
   display: inline-block;
}

.widget_recent_entries li a {
   display: block;
   margin-bottom: 0px;
}

.et_pb_widget.widget_recent_entries li {
   border-bottom: 1px solid #ead3b5;
   font-style: normal;
   letter-spacing: 0;
   margin: 0 !important;
   padding: 10px 0;
   position: relative;
   text-transform: capitalize;
}


/*make categories stack like tags*/

.et_pb_widget ul li {
   display: inline-block;
}

.et_pb_widget li a {
   font-size: 18px!important;
}


/*categories styling*/

.et_pb_widget.widget_categories a {
   color: #ffffff!important;
   background-color: #7ea391;
   font-size: 14px !important;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 5px 20px;
   border-radius: 0px;
   margin: -1px 0px;
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


/*tag cloud styling*/

.tagcloud a {
   color: #ffffff!important;
   background-color: #7ea391;
   font-size: 14px !important;
   padding: 5px 20px;
   border-radius: 0px;
   letter-spacing: 1px;
   text-transform: uppercase;
   margin: 3px 1px;
}

.tagcloud a:hover,
.cat-item a:hover {
   background: #a78254!important;
   color: #ffffff!important;
}


/*GALLERY STYLING
----------------------------------------------------------------*/


/*hide border on gallery images*/

.et_pb_gallery .et_overlay {
   border: none;
}


/*add margin below gallery*/

.et_pb_gallery .et_pb_gallery_items {
   width: 100%;
   margin-bottom: 75px;
}


/*make gallery images square*/

.et_pb_gallery_image {
   line-height: 0;
   padding-top: 100%;
}

.et_pb_gallery_image img {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
}

.et_pb_gallery_item:nth-child(1n) {
   box-shadow: 30px 30px 0 0 #7ea391;
   margin-top: 50px;
}

.et_pb_gallery_item:nth-child(1n):before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: -15px;
   left: -15px;
   right: -45px;
   bottom: -15px;
   border: 1px solid #ead3b5;
}

.et_pb_gallery_item:nth-child(2n) {
   box-shadow: 30px 30px 0 0 #a78254;
}

.et_pb_gallery_item:nth-child(2n):before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: -15px;
   left: 30px;
   right: -15px;
   bottom: 15px;
   border: 1px solid #7ea391;
}

.et_pb_gallery_item:nth-child(3n) {
   box-shadow: 30px 30px 0 0 #7ea391;
   margin-top: 100px;
}

.et_pb_gallery_item:nth-child(3n):before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: -15px;
   left: -15px;
   right: -15px;
   bottom: -15px;
   border: 1px solid #ead3b5;
}

.et_pb_gallery_item:nth-child(4n) {
   box-shadow: 30px 30px 0 0 #a78254;
   margin-top: 25px;
}

.et_pb_gallery_item:nth-child(4n):before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: -15px;
   left: 15px;
   right: -45px;
   bottom: -15px;
   border: 1px solid #7ea391;
}


/*Position the gallery items*/

.et_pb_gallery_item {
   position: relative;
}


/*Remove the default top margin from the title*/

.et_pb_gallery_title {
   margin: 0 !important;
}


/*Set the overlay z-index*/

.et_overlay {
   z-index: 1;
}

.ds-gallery-text {
   position: absolute;
   left: 0;
   right: 0;
   bottom: -50px!important;
   -webkit-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}

.et_pb_gallery_pagination {
   border: none!important;
}

.et_pb_gallery_pagination ul li a {
   padding: 1em 2em;
   background: #f6f1ea;
   outline: 1px solid white;
   outline-offset: -5px;
}

.pa-sf-gallery .et_pb_gallery_pagination ul li a.hover {
   background: #a78254!important;
}

.et_pb_gallery_pagination ul li a.active {
   background: #7ea391;
   color: #ffffff!important;
}

.pa-sf-gallery .et_pb_gallery_pagination ul li a.active {
   color: #ffffff!important;
}


/*hide the gallery caption*/

.et_pb_gallery_caption {
   display: none;
}


/*PORTFOLIO STYLING
----------------------------------------------------------------*/

.et_portfolio_image {
   padding-top: 100%;
   display: block;
   overflow: hidden;
}

.et_portfolio_image img {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
   outline: 1px solid white;
   outline-offset: -5px;
}

.et_pb_portfolio_item h2 {
   position: absolute;
   top: 2vw;
   left: 2vw;
   z-index: 99;
}

/*position the product titles over the images*/
.et_pb_grid_item {
	position: relative;
}

.et_pb_portfolio_0 .et_pb_portfolio_item .post-meta,
.et_pb_portfolio_0 .et_pb_portfolio_item .post-meta a {
   position: absolute;
   letter-spacing: 2px;
   top: 3vw;
   left: 1vw;
   width: 100%;
}

.et_portfolio_image img {
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
}

.et_portfolio_image:hover img {
   -webkit-transform: scale(1.1) rotate(1deg);
   -ms-transform: scale(1.1) rotate(1deg);
   transform: scale(1.1) rotate(1deg);
}

.et_portfolio_image:before {
   content: "";
   display: block;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
   background-color: rgba(126, 163, 145, 0.75);
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
}

.et_portfolio_image:hover:before {
   content: "";
   display: block;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background-color: rgba(126, 163, 145, 0.5);
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
}


/*make on sale badge square*/

.woocommerce span.onsale,
.woocommerce-page span.onsale {
   border-radius: 0px !important;
   outline: 1px solid #ead3b5;
   outline-offset: -5px;
}


/*PAGINATION STYLING
----------------------------------------------------------------*/


/*styles the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
   font-size: 1em !important;
   transition: all .5s;
   outline: 1px solid white;
   outline-offset: -5px;
   font-weight: 300;
   text-transform: uppercase;
   background-color: #7ea391;
   color: #ffffff!important;
   margin: 20px 4px 0px;
   float: none;
   display: inline-block;
   padding: 10px 40px;
   border-radius: 0px;
}

.wp-pagenavi span {
   background: #7ea391!important;
}


/*styles the wp-pagenavi current page number*/

.wp-pagenavi span.current {
   color: #ffffff !important;
   background: #a78254 !important;
   border-radius: 0px;
}


/*styles the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
   color: #ffffff !important;
   background: #ead3b5 !important;
}


/*styles the wp-pagenavi pages text*/

.wp-pagenavi .pages {
   background: none;
}

.wp-pagenavi {
   border-top: none;
   text-align: center;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
   color: #fff!important;
}


/*shop category sorting order dropdown*/

.orderby {
   padding: 13px 20px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #7ea391!important;
   background-color: #ffffff;
   border: 1px solid #7ea391;
   font-family: inherit;
   font-size: 14px;
   font-weight: 300;
   letter-spacing: 1px;
   text-transform: uppercase;
}


/*shop and category pagination*/

.woocommerce nav.woocommerce-pagination ul li a:hover {
   background: #7ea391;
   color: #ffffff!important;
   outline: 1px solid white;
   outline-offset: -5px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
   background: #7ea391;
   color: #ffffff;
   outline: 1px solid white;
   outline-offset: -5px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
   padding: .8em;
   min-width: 100px;
}

.woocommerce nav.woocommerce-pagination ul {
   border-color: #7ea391;
}

.woocommerce nav.woocommerce-pagination ul li {
   border-right: 1px solid #7ea391!important;
}


/*cart page*/

.woocommerce table.shop_table,
table.cart th,
#main-content table.cart th,
table.cart td,
#main-content table.cart td,
table.cart tr,
#main-content table.cart tr,
#content-area table tr,
#content-area table td,
#content-area table th,
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
   border-color: #ead3b5!important;
   border-radius: 0px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
   width: 96px;
}

.woocommerce span.onsale,
.woocommerce-page span.onsale {
   background-color: #a78254!important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
   font-size: 1.5em;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
   color: #7ea391!important;
   font-size: 18px;
}

.entry-content tr td,
body.et-pb-preview #main-content .container tr td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
   border-color: #ead3b5!important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
   border-radius: 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
   background: #eaf6f1;
   border-radius: 0;
}

.select2-container .select2-selection--single {
   height: 52px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 52px;
}


/*cart tab plugin slide out on right*/

.woocommerce-cart-tab-container .widget_shopping_cart .buttons .button {
   width: 100%;
   margin: 10px 0;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
   width: 64px;
}

.woocommerce-cart-tab__contents {
   background-color: #7ea391;
}

.woocommerce-cart-tab-container--right .woocommerce-cart-tab {
   margin: 20px;
   outline: 1px solid #a78254;
   outline-offset: -5px;
}

.woocommerce-cart-tab {
   width: 80px;
}


/*move shop product hover overal under sale badge*/
.et_shop_image {
    z-index: 1;
}


/*fix Divi issue making products 1 column on phone*/
@media (max-width:480px) {
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 80px;
}
.et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product {
    width: 100% !important;
}
}