/*
 Theme Name:   Anju Theme
 Theme URI:    https://Mega-Promotions.com
 Description:  Pro Website Solutions by Mega-Promotions.com 
 Author:       Mega-Promotions.com
 Author URI:   https://Mega-Promotions.com
 Template:     Divi
 Version:      0.1.1
 License:      ALL files, alterations, code, styles, and designs Copyright Mega-Promotions.com
 License URI:  https://Mega-Promotions.com
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  Mega-Promotions-Child-Theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */


 
 /* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Default Breakpoints */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/*
How to Identify Divi’s Responsive Breakpoints and Fine Tune Your Designs with Media Queries
https://www.elegantthemes.com/blog/divi-resources/how-to-identify-divis-responsive-breakpoints-and-fine-tune-your-designs-with-media-queries

Desktop: 981px and above
Tablet: between 980px and 768px
Mobile: 767px and below

*/
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* END - Default Breakpoints */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

 /* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Default Colours */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/*

#?????? - RED

*/
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* END - Default Colours */
/* ------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Default Images Settings */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/*

The Ultimate Guide to Using Images within Divi ***********
( https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi )
( https://www.markhendriksen.com/best-divi-image-sizes-for-your-website/ ) - More Info

WP Media Settings: (SEE the *** below inthe "regular" image info for reference)
1080px Wide - Large
770px Wide - Medium
370px Wide - Thumbnail 

1980px - Original Full Size



Regular Image Settings
-------------------------------------------------------------
The recommended sizes for Divi images:
The following image dimensions follow the 16:9 aspect ratio standard
( https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi )
1 column: 1080 x 608
3/4 column: 795 x 447
2/3 column: 700 x 394
1/2 column: 510 x 287
1/3 column: 320 x 181
1/4 column: 225 x 128


if you are looking to have your images fill the maximum width of the column on all devices, I recommend the following sizes for each column layout when using the image module.

For 4:3 aspect ratio:
1 column: 1080 x 810 ***
3/4 column: 770 x 578 ***
2/3 column: 770 x 578
1/2 column: 770 x 578
1/3 column: 770 x 578
1/4 column: 370 x 278 ***

For 16:9 aspect ratio:
1 column: 1080 x 608
3/4 column: 770 x 433
2/3 column: 770 x 433
1/2 column: 770 x 433
1/3 column: 770 x 433
1/4 column: 370 x 208

-------------------------------------------------------------



Fullwidth Slider Background Image Settings
-------------------------------------------------------------
Recommended minimum width: 1920px

The width of your fullwidth slider background image is always determined by the browser width. Based on standard screen sizes we recommend that your images are at least 1280px wide. But for larger monitors, a safer bet would be to use an image that is 1920px wide.

-------------------------------------------------------------


*/
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* END - Default Images Settings */
/* ------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Global Header Area */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


header.et-l--header { /* Forces all text content to be uppercase - This can be chaged to only affect specific items but for now it's everything within the whole header area */
	text-transform:uppercase!important;
}

header div.et_builder_inner_content ul li.menu-item a:hover { /*forces all hovered text to be this color */
	color:#FFF!important;
}

.et_pb_fullwidth_menu .et-menu > li, .et_pb_menu .et-menu > li {/* Lessens the space between each menu item */
    padding-left: 7px!important;
    padding-right: 7px!important;
}





/* START - Secondary Menu Area -  */
/* -------------------------------------------- */
@media screen and (max-width: 980px) { 
/*.ftp-Top-Nav-Secondary-01 .et_mobile_nav_menu {*/
.ftp-NO-Mobile-Menu-01 .et_mobile_nav_menu {/* Fix so the top secondary menu does not change to the Mobile Menu on narrower devices */
	display:none!important;
}
.ftp-NO-Mobile-Menu-01 .et_pb_menu__menu {/* Fix so the top secondary menu does not change to the Mobile Menu on narrower devices */
	display:flex!important;
}
}

a.et_pb_menu__cart-button {
	margin-left:15px!important;
}

/* START - Social Icons in the top secondary area*/
div.ftp-Top-Nav-Secondary-01 ul.et_pb_social_media_follow {
	line-height: 0!important;/*removes the large spacing under the icon*/
}
div.ftp-Top-Nav-Secondary-01 .et_pb_social_media_follow li {
	display: inline-block!important;
	margin:6px 0 0px 10px!important;
	position: relative!important;
}
div.ftp-Top-Nav-Secondary-01 .et_pb_social_media_follow li a.icon::before, 
.et-db #et-boc .et-l div.ftp-Top-Nav-Secondary-01 .et_pb_social_media_follow_network_0_tb_footer a.icon::before {
	color: white;
	display: block;
	font-size: 15px;
	height: 26px;
	line-height: 26px;
	position: relative;
	transition: color 0.3s ease 0s;
	width: 26px;
	z-index: 10;
}
div.ftp-Top-Nav-Secondary-01 .et_pb_social_media_follow li a.icon, 
.et-db #et-boc .et-l div.ftp-Top-Nav-Secondary-01 .et_pb_social_media_follow_network_0_tb_footer a.icon {
	box-sizing: content-box;
	height: 26px;
	padding: 0;
	width: 26px;
}
div.ftp-Top-Nav-Secondary-01 a.icon {
	background-color:#666 /*#3b5998*/ !important;
}
.et-db #et-boc .et-l div.ftp-Top-Nav-Secondary-01 .et_pb_social_media_follow_network_0_tb_footer a.icon {
    background-color: #666!important;
}
/* END - Social Icons in the top secondary area*/



/* START WooCommerce Cart Icon CSS with FontAwesome 5 */
/* This goes with functions added as well */
/*
https://wpbeaches.com/add-woocommerce-cart-icon-to-menu-with-cart-item-count/
*/
/*
.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
}

.cart-contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;	
    content: "\f290" !important;
    font-size: 30px;
    color: #FF1493;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
	position: absolute;
    	top: 15px;
   	right: 1px;
   	transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
   	width: 22px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
    	background: #000;
    	border-radius: 50%;
    	padding: 1px;  
}

.cart-contents-count {
    position: absolute;
    top: 28px;
    right: 1px;
    transform: translateY(-105%) translateX(25%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: left;
    color: #fff;
    background: transparent;
    border-radius: 50%;
    padding: 1px;
}
*/
/* END WooCommerce Cart Icon CSS with FontAwesome 5 */




/* -------------------------------------------- */
/* END - Secondary Menu Area - Fix so the top secondary menu does not change to the Mobile Menu on narrower devices */


/* START - Primary Menu Area */
/* -------------------------------------------- */


@media screen and (min-width: 981px) { 
.menu-item-32/*Home*/, .menu-item-958--/*About Us*/, .menu-item-1500/*Contact Us*/ { /*This hides menu items on the desktop vesion but allows them to show on the mobile dropdown version for easy navigation*/
	display:none!important;
} 
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	right:0!important;
	left:inherit!important;
}
}

/*
current-menu-item 
current_page_item
menu-item-home
*/
#menu-00-top-nav-primary-01 /*.menu-item */.menu-item:hover {/* Adds gradient effect to the hover on just the Top Primary Navigation area */
	/*border-top:2px solid #f00;*/
	/*background: linear-gradient(rgba(75, 102, 60,.60),rgba(75, 102, 60,0),rgba(75, 102, 60,0),rgba(75, 102, 60,0)); --- NOT USED*/
	/*background: linear-gradient(rgba(0, 0, 0,.25),rgba(0, 0, 0,0),rgba(0, 0, 0,0)); --- NOT USED*/
	/*background: linear-gradient(rgba(0, 0, 0,1.0),rgba(0, 0, 0,0),rgba(0, 0, 0,0));*/
	background: linear-gradient(rgba(75, 102, 60, .5),rgba(75, 102, 60,0),rgba(75, 102, 60,0));
}
.et_pb_sticky--top #menu-00-top-nav-primary-01 .menu-item:hover {/* Changes gradient effect to RED on the hover on just the Top Primary Navigation area when the "Sticky" CSS Class is added / used  */
	background: linear-gradient(rgba(75, 102, 60, .5),rgba(75, 102, 60,0),rgba(75, 102, 60,0));
}
#menu-00-top-nav-primary-01 .menu-item:hover:before {/* Adds border effect to the hover on just the Top Primary Navigation area */
content: "";
position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-top: 3px solid #4b663c;
}

#menu-00-top-nav-primary-01 .menu-item.current-menu-item {/* Adds gradient effect to the "current-menu-item" on just the Top Primary Navigation area */
	/*background: linear-gradient(rgba(0, 0, 0,1.0),rgba(0, 0, 0,0),rgba(0, 0, 0,0));*/
	background: linear-gradient(rgba(75, 102, 60, .5),rgba(75, 102, 60,0),rgba(75, 102, 60,0));
}
#menu-00-top-nav-primary-01 .menu-item.current-menu-item, #menu-00-top-nav-primary-01 .menu-item.current-menu-ancestor {/* Adds gradient effect to the "current-menu-item" on just the Top Primary Navigation area */
	/*background: linear-gradient(rgba(0, 0, 0,1.0),rgba(0, 0, 0,0),rgba(0, 0, 0,0));*/
	background: linear-gradient(rgba(75, 102, 60, .5),rgba(75, 102, 60,0),rgba(75, 102, 60,0));
}
.et_pb_sticky--top #menu-00-top-nav-primary-01 .menu-item.current-menu-item, .et_pb_sticky--top #menu-00-top-nav-primary-01 .menu-item.current-menu-ancestor {/* Changes gradient effect to RED on the "current-menu-item" for just the Top Primary Navigation area when the "Sticky" CSS Class is added / used */
	background: linear-gradient(rgba(75, 102, 60, .5),rgba(75, 102, 60,0),rgba(75, 102, 60,0));
}
#menu-00-top-nav-primary-01 .menu-item.current-menu-item:before, #menu-00-top-nav-primary-01 .menu-item.current-menu-ancestor:before {/* Adds border effect to the "current-menu-item" on just the Top Primary Navigation area */
content: "";
position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-top: 3px solid #4b663c;
}




#menu-00-top-nav-primary-01 .menu-item .menu-item:hover {/* Adds gradient effect to the hover on just the Top Primary Navigation SUB-MENU area */
	/*border-top:2px solid #f00;*/
	background: linear-gradient(to right, rgba(75, 102, 60,.60),rgba(75, 102, 60,0));
}
#menu-00-top-nav-primary-01 .menu-item .menu-item:hover:before {/* Adds effect to the hover on just the Top Primary Navigation SUB-MENU area */
content: "";
position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-top: 0px solid #4b663c;
}

#menu-00-top-nav-primary-01 .menu-item li.current-menu-item, #menu-00-top-nav-primary-01 .menu-item li.menu-item.current-menu-ancestor {/* Adds gradient effect to the "current-menu-item" on just the Top Primary Navigation SUB-MENU area */
	/*border-top:2px solid #f00;*/
	background: linear-gradient(to right, rgba(75, 102, 60,.60),rgba(75, 102, 60,0));
}
.et_pb_sticky--top #menu-00-top-nav-primary-01 .menu-item li.current-menu-item {/* Keeps gradient effect on the "current-menu-item" on just the Top Primary Navigation SUB-MENU area */
	/*border-top:2px solid #f00;*/
	background: linear-gradient(to right, rgba(75, 102, 60,.60),rgba(75, 102, 60,0));
}


#menu-00-top-nav-primary-01 .menu-item:has(> li.current-menu-item) { /* THIS DID NOT WORK - A test to see if the parent to the live/active page can be styled so people know they are actually on the sub page to section ----- Wordpress has solved this by adding a class to the parent menu items but divi does not add that class */
	background: linear-gradient(rgba(75, 102, 60,.60),rgba(75, 102, 60,0));
}

#menu-00-top-nav-primary-01 .menu-item .menu-item {/* Adds a divider between each SUB-MENU dropdown item */
	border-top:1px solid #333!important;
}
#menu-00-top-nav-primary-01 .menu-item .menu-item .menu-item {/* Adds a divider between each SUB-MENU dropdown item */
	border-left:1px solid #333!important;
}

#menu-00-top-nav-primary-01 .menu-item .menu-item.current-menu-item:before, #menu-00-top-nav-primary-01 .menu-item .menu-item.current-menu-ancestor:before {/* removes border effect to the "current-menu-item" on just the Top Primary Navigation SUB-MENU area - needed this code because the parent menu item has it but nedd need with any child items */
content: "";
position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-top:none;
}

/* -------------------------------------------- */
/* END - Primary Menu Area */



/* START - Mobile Menu Alterations */
/* -------------------------------------------- */
/*
.mobile_menu_bar::before {
    content: "a";
    cursor: pointer;
    font-size: 32px;
    left: 0;
    position: relative;
    top: 0;
}
*/

.mobile_menu_bar { /* This chages the width of the wrapper to just be around the menu elements and NOT the full with of the contant area - All this so the Mobile Meun button can look like an actual button */
	display:inline-block!important;
	background-color:#4b663c;
	border-radius:5px;
	padding-right:6px;
	color:#fff!important;
}

.ftp-Top-Nav-Primary-01 .mobile_menu_bar::after {/* Adds the word "MENU" after the Mobile Burger icon */
	content: "MENU";
	/*font-family: "Ubuntu",Verdana,Geneva,sans-serif;*/
	font-weight: 700;
	margin-left: 0px;
	vertical-align:top;
	top: 14px;
	position: relative;
	color:#fff!important;
}

.mobile_menu_bar::before {
	/*content:"\61";*/
	color:#fff!important;/* changes the text and icon to while because the above code turn the menu button in to an actual button. */
}

a.mobile_nav.opened ul {/* This added a bit of space below the top logo when the mobile menu is opened. You could also just add some padding to the primary menu wrapper to just push it down for everything. */
	margin-top:10px;
}
.et_mobile_menu .menu-item-has-children > a {
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.03);
}



.ftp-Top-Nav-Primary-01 .et_mobile_menu .menu-item {/* Adds a divider between each menu item */
	border-top:1px solid #333!important;
}

/* START - Mobile Menu Alterations */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul, .et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu ul.et_mobile_menu ul {
    background-color: rgba(255, 0, 0, 0) !important;
}
.ftp-Top-Nav-Primary-01 .et_mobile_menu .menu-item:hover {/* Adds effect to the hover on just the Top Primary Navigation Mobile area */
	background: linear-gradient(to right, rgba(75, 102, 60,.60),rgba(75, 102, 60,0));/*  --- Standard*/
}
.ftp-Top-Nav-Primary-01 .et_mobile_menu .menu-item.current-menu-item, .ftp-Top-Nav-Primary-01 .et_mobile_menu .menu-item.current-menu-ancestor {/* Adds effect to the hover on just the Top Primary Navigation Mobile area */
	background: linear-gradient(to right, rgba(75, 102, 60,.60),rgba(75, 102, 60,0));/*  --- Standard*/
}
.et-db #et-boc .et-l .ftp-Top-Nav-Primary-01 .et_mobile_menu ul { /* re-aligns the mobile menu items so they look better when there is the "hover" state */
    /*padding-left: 0!important;*/
    padding: 0 0 0 0!important;
}
.et-db #et-boc .et-l .ftp-Top-Nav-Primary-01 .et_mobile_menu li li { /* re-aligns the mobile menu items so they look better when there is the "hover" state */
    padding-left: 0px!important;
}
.et-db #et-boc .et-l .ftp-Top-Nav-Primary-01 .et_mobile_menu li li a { /* re-aligns the mobile menu items so they look better when there is the "hover" state */
    padding-left: 8%!important;
}
.et-db #et-boc .et-l .ftp-Top-Nav-Primary-01 .et_mobile_menu li li li a { /* re-aligns the mobile menu items so they look better when there is the "hover" state */
    padding-left: 12%!important;
}



/* END - Mobile Menu Alterations */




/*
@media screen and (max-width: 981px) { 
header 
{ 
  position: fixed; z-index: 99999; width: 100%; top: 0;
 } 
body.et-tb-has-header #page-container { 
padding-top: 122px!important; 
} 
}
*/









/* https://www.divicio.us/tutorials/5-simple-css-snippets-to-customize-divi-mobile-menu-bar/ */
@media all and (max-width: 980px){
    
  /* MENU LEFT - LOGO CENTER - CART&SEARCH RIGHT */
  /* move menu hamburger to left, and search and cart icons to right */
  .et-tb-has-header .et_mobile_nav_menu,
  .et_header_style_left #et_mobile_nav_menu {
    float: left;
  }
  .et-tb-has-header #et-top-navigation .et-cart-info,
  .et_header_style_left #et-top-navigation .et-cart-info {
    float: right;
  }
  .et-tb-has-header #et_top_search,
  .et_header_style_left #et_top_search {
    float: right;
    margin: 0px 20px 0 0;
  } 
  /* END: MENU LEFT - LOGO CENTER - CART&SEARCH RIGHT */
  
}

/* START - Mobile Menu - Push the Page Content  */
/*
https://www.divicio.us/tutorials/make-divi-mobile-menu-push-the-page-content-down/
*/

/* Make Divi Mobile Menu Push the Page Content Down */
@media all and (max-width: 980px){
/* remove page container padding-top */
.et-tb-has-header #page-container {
	padding-top: 0 !important;
}
/* change main header position from absolute to relative */
.et-tb-has-header #main-header {
	position: relative;
}
/* align logo container properly */
.et-tb-has-header .ftp-Top-Nav-Primary-01 div.et_pb_menu_inner_container {/*FTP_FIX ++++++++++++++++++++++++++++++ */
	align-items:left!important;
	align-items:inherit!important;
}

.et-tb-has-header .logo_container--------------------------------------------------------NOT USED {
	/*width: 50%; */
	width: 0%;/*FTP_FIX ++++++++++++++++++++++++++++++ */
	height: 78px;
	z-index: 999;
}
.et-tb-has-header .et_pb_menu__logo-wrap {
	/*width: 50%; */
	width: 20%;/*FTP_FIX ++++++++++++++++++++++++++++++ */
	height: 50px;
	z-index: 10000;
	position:absolute!important;/*FTP_FIX ++++++++++++++++++++++++++++++ */
	top:5px;
}
/* remove top navigation left padding and set width to 100% */
.et-tb-has-header #et-top-navigation {
	padding-left: 0 !important;
	width: 100%;
}
/* align search icon to the right */
.et-tb-has-header #et_top_search--------------------------------------------------------NOT USED {
	z-index: 9999;
	float: right;
	right: 20px;
}
/* set a fixed height for search form container */
.et-tb-has-header .et_search_form_container--------------------------------------------------------NOT USED {
	height: 50px !important;
}
/* set the mobile nav menu width */
.et-tb-has-header #et_mobile_nav_menu--------------------------------------------------------NOT USED {
	width: 100%;
	width: 100%!important;/*FTP_FIX ++++++++++++++++++++++++++++++ */
	display:block!important;/*FTP_FIX ++++++++++++++++++++++++++++++ */
}
.et-tb-has-header .ftp-Top-Nav-Primary-01 .et_mobile_nav_menu {
	width: 100%!important;/*FTP_FIX ++++++++++++++++++++++++++++++ */
	display:block!important;/*FTP_FIX ++++++++++++++++++++++++++++++ */
}
/* align menu hamburger to the right */
.et-tb-has-header .mobile_menu_bar {
	text-align: right;
}
/* fix cart icon alignment */
#et-top-navigation .et-cart-info { /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	position: absolute;
	left: 50%; /* adjust to your needs */
	z-index: 1;
}
/* change the dropdown menu position from absolute to relative */
.et-tb-has-header .et_mobile_menu {
	position: relative!important;
}
/* apply dropdown menu styling (optional) */
.et-tb-has-header .et_mobile_menu {
/*FTP_FIX ++++++++++++++++++++++++++++++ */
/*
	margin-bottom: 35px;
	border-top: 1px solid #cea0f7;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
*/
}
/* set border bottom color for menu item link (optional) */
.et-tb-has-header .et_mobile_menu li a {
	/*border-bottom-color: #cea0f7;*//*FTP_FIX ++++++++++++++++++++++++++++++ */
}
/* positioning and styling the Select Page container */
.et-tb-has-header .select_page {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 5px;
	background-color: rgba(0,0,0,.05);
}
.et-tb-has-header .select_page { 
	padding: 5px 10px;
}
.et-tb-has-header .select_page { 
	padding: 9px 10px;
}
/* set transparent bg color and min-height for .mobile_nav */
.et-tb-has-header #main-header .mobile_nav {
	background-color: transparent;
	/*min-height: 32px;*/
	min-height: 20px!important;/*FTP_FIX ++++++++++++++++++++++++++++++ */
	/*background-color:#F3C!important;*/
}
/* decrese dropdown menu top offset */
.et-tb-has-header .et_mobile_nav_menu,
.et-tb-has-header .et_mobile_menu {
	/*top: 32px;*/
	top: 10px!important;/**//*FTP_FIX ++++++++++++++++++++++++++++++ */
	/*background-color:#F3C!important;*/
	padding:10px 0!important;
}

}

/* This is the code that appears to screw up the "shop" page. It pushes the whole mobile UL down 100%
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu {
    padding: 5%;
    top: 100%;
}
*/




/* END - Mobile Menu - Push the Page Content  */


/* -------------------------------------------- */
/* END - Mobile Menu Alterations */


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Global Header Area */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Main Content Area */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

div.et_pb_section_0, div.et_pb_section_0_tb_body { /* This allows the content area to slip up under the Top-Nav / Header Area so the Primary Menu is overlaying the content/top image */
/* By doing this within the child theme styles.css the vidual builder wont apply those settings within the backend editing area which i turn wil allow people to click on the settings incon that divi attaches to each section/row/column/module */
/**/
	margin-top:-76px;
	padding-top:76px;

}
body.wp-admin div.et_pb_section_0, body.wp-admin div.et_pb_section_0_tb_body {
	margin-top:0px!important;
	padding-top:0px!important;
}

@media all and (min-width: 981px){
.ftp-top-slider-module .et_pb_column { /*this class ".ftp-top-slider-module" is added to te section wrapper so it will allow for the section/slider to push up under the top navigation... goes along with the above code where top-margin is set to a negative nmber*/
	/*float:none;*/
	margin-top:-86px;
}
}






/* START - Custom Highlight Areas */
/* -------------------------------------------- */
/*div.ftp-Highlight-Area-01 {*/
div.ftp-Highlight-Area-01---OFF {
background:url(00-ftp/00-Skin-Highlight-01-02-Content.jpg) repeat bottom center!important;
border-image: url(00-ftp/00-Skin-Highlight-01-01-Top.png)!important;
overflow:visible!important;
}
div.ftp-Highlight-Area-01---OFF::before {
content:url('00-ftp/00-Skin-Highlight-01-01-Top.png');/**/
/*background:url(00-ftp/00-Skin-Highlight-01-02-Content.jpg) repeat bottom center!important;*/
  position:absolute; /*or relative*/
  z-index:100000; /*a number that's more than the modal box*/
  /*left:-50px;*/
  /*top:-65px;*/
  height:65px;
  width:100%;
/*background:url(00-ftp/00-Skin-Highlight-01-01-Top.png) no-repeat top center!important;*/
/*background:url('00-ftp/00-Skin-Highlight-01-01-Top.png') no-repeat bottom center!important;*/
margin:-65px auto 0
}
div.ftp-Highlight-Area-01 a {/*changes the link colour on the dark background*/
	color:#BFB5AD!important;
}
div.ftp-Highlight-Area-01 a:hover {/*changes the link colour on the dark background*/
	color:#FFF!important;
}

/* -------------------------------------------- */
/* END - Custom Highlight Areas */


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* END - Main Content Area */
/* ------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Module Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

/* START - Blurb Module */
/* -------------------------------------------- */
.et_pb_main_blurb_image {
	margin-bottom:10px;/*lessens the space between the image and the title below*/
}
.et_pb_main_blurb_image p {
	padding-bottom:.5em;/*lessens the space between paragraphs*/
}
/* -------------------------------------------- */
/* END - Blurb Module */

/* START - Contact Form Styles */
/* -------------------------------------------- */
div.grecaptcha-badge, div.rc-anchor-invisible-text {
	visibility:hidden;
}
.et-pb-contact-message {
	position: relative;
	background: #4b663c;
	margin: 0 0 15px;
	border-radius: 5px;
	color: #fff;
}
.et-pb-contact-message p {
	padding: 15px 15px 15px;
	font-weight:700;
	font-size:130%;
}
.et-pb-contact-message ul {
	padding: 0 15px 15px;
	list-style-position:inside;
}
/* -------------------------------------------- */
/* END - Contact Form Styles */


/* START - WooCommerce Styles */
/* -------------------------------------------- */

p.woocommerce-info, div.woocommerce-message { /*Addds rounded corners to all the "red alert/info" aeas that pop up at the top of the product/cart/checkout areas*/
	border-radius:5px;
}

@media screen and (min-width: 981px) { 

div.woocommerce .woocommerce-result-count, div.woocommerce .woocommerce-ordering {/* Styles for the top archive shop module so it has a more of a defined seperation between the Count/sort nav and the actual product listings */
    margin: 0 0 .5em;
}
ul.products {/* Styles for the top arivhive shop module so it has a more of a defined seperation between the Count/sort nav and the actual product listings */
	border-top:2px #BFB5AD solid;
	padding-top:15px!important;
}
/* - - - */
form.woocommerce-cart-form {/*item info list box*/
	background-color: white;
	width: 74%;/*width of item info list box*/
	float: left;
	/*margin-top:10px;*/
}
.woocommerce div.cart-collaterals, .woocommerce-page div.cart-collaterals {/*total/checkout box*/
	background-color: #D8D5D2;
	width: 24%;/*width of total/checkout box*/
	float: right;
	padding:10px;
	border-radius:5px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}

}
.woocommerce-cart div.cart_totals div.wc-proceed-to-checkout {/*space above and below the checkout button*/
	padding:0;
}
/*
.woocommerce a.button, .woocommerce-page div.cart_totals a.button {
	line-height:1.2!important;
}
*/
div.cart_totals a.button {
	color:#E2E0DE!important;
	background-color:#4b663c!important;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 1px;
}
div.cart_totals a.checkout-button.button:hover {
	background-color: rgba(255,255,255,0.2)!important;
	color:#4b663c!important;
}



table.shop_table thead tr {
	background-color: #EAE9E8 ;
}


/* START - Shop and Archive Product Item listings */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0 0 0.3em;
}
/* END - Shop and Archive Product Item listings */


/* START - Custom Add-To-Cart Button on the shop and archive pages */ /*See Functions.php code/file*/
.ftp-add-to-cart-button-01 {
}
a.button.ftp-add-to-cart-button-01 {
	margin-top: .5em!important;
	font-size: 13px!important;
}
.ftp-add-to-cart-button-01::after {
	font-family: WooCommerce;
	content: "\e017";
	vertical-align: middle;
	font-size: 18px!important;
	padding-left: 5px!important;
	margin-top: -2px;
	
	/*display:none!important;*/
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divis default button padding */
}


.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { display: none !important; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a.added_to_cart.wc-forward {
	margin-left: 5px!important;
	font-size:90%!important;
}

/* END - Custom Add-To-Cart Button on the shop and archive pages */


/* START - Special Imput File Coupon Code, Quantity*/
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
	/*
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 500 !important;
	*/
    height: inherit;
}
/* END - Special Imput File */




/* -------------------------------------------- */
/* END - WooCommerce Styles */

/* START - Custom Buttons that can be created within the text editing area (content, widgets etc) */
/*  <a class="et_pb_button et_pb_button_0 et_pb_bg_layout_light ftp_buttons_01" href="#">Learn More</a>  */
/* -------------------------------------------- */
.ftp_buttons_01 {
	border-radius: 5px;
	/*font-family: "Alegreya Sans",Helvetica,Arial,Lucida,sans-serif !important;*/
	display: inline-block;

	background-color: #4b663c;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
	border:2px solid #2f3e23;
	font-size: 15px/*100%*/;
	font-weight:700;
	text-align: center;
    color: #DBD8D5/*BFB5AD*/!important;
	text-shadow: 0em 0em 10px rgba(0,0,0,1);
	padding:.15em 1em;
	margin:10px 0;
}
.ftp_buttons_01:hover {
	background-color:rgba(255,255,255,0.2);
	border:2px solid #4b663c;
    color:#4b663c/*BFB5AD*/!important;
	text-shadow: 0em 0em 10px rgba(255,255,255,1);
	cursor:pointer;
}
.ftp_buttons_01, .ftp_buttons_01::after {
	transition: all 300ms ease 0ms;
}
.ftp_buttons_01::before, .ftp_buttons_01::after {
    content: "5";
    font-feature-settings: "kern" off;
    font-size: 32px;
    font-style: normal;
    font-variant: none;
    font-weight: 400;
    line-height: 1em;
    margin-left: -1em;
    opacity: 0;
    position: absolute;
    text-shadow: none;
    text-transform: none;
    transition: all 0.2s ease 0s;
}
.ftp_buttons_01, .ftp_buttons_01::after {
    transition: all 300ms ease 0ms;
}

.ftp_buttons_02 {
	border-radius: 5px;
	/*font-family: "Alegreya Sans",Helvetica,Arial,Lucida,sans-serif !important;*/
	display: inline-block;

	background-color:rgba(255,255,255,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
	border:2px solid #4b663c;
	font-size: 15px/*100%*/;
	font-weight:700;
	text-align: center;
    color:#4b663c/*BFB5AD*/!important;
	text-shadow: 0em 0em 10px rgba(255,255,255,1);
	padding:.15em 1em;
	margin:10px 0;

}
.ftp_buttons_02:hover {
	background-color: #4b663c;
	border:2px solid #2f3e23;
    color: #DBD8D5/*BFB5AD*/!important;
	text-shadow: 0em 0em 10px rgba(0,0,0,1);
	cursor:pointer;
}
.ftp_buttons_02, .ftp_buttons_02::after {
	transition: all 300ms ease 0ms;
}
.ftp_buttons_02::before, .ftp_buttons_02::after {
    content: "5";
    font-feature-settings: "kern" off;
    font-size: 32px;
    font-style: normal;
    font-variant: none;
    font-weight: 400;
    line-height: 1em;
    margin-left: -1em;
    opacity: 0;
    position: absolute;
    text-shadow: none;
    text-transform: none;
    transition: all 0.2s ease 0s;
}
.ftp_buttons_02, .ftp_buttons_02::after {
    transition: all 300ms ease 0ms;
}

.ftp_buttons_03 {
	border-radius: 5px;
	/*font-family: "Alegreya Sans",Helvetica,Arial,Lucida,sans-serif !important;*/
	display: inline-block;

	background-color:#bfb5ad;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	border:2px solid #2f3e23!important;
	font-size: 15px/*100%*/;
	font-weight:700;
	text-align: center;
    color:#4b663c/*BFB5AD*/!important;
	text-shadow: 0em 0em 10px rgba(255,255,255,1);
	padding:.15em 1em;
	margin:10px 0;

}
.ftp_buttons_03:hover {
	background-color: #ffffff!important;
	border:2px solid #2f3e23!important;
    color: #4b663c/*BFB5AD*/!important;
	text-shadow: 0em 0em 10px rgba(255,255,255,1);
	cursor:pointer;
}
.ftp_buttons_03, .ftp_buttons_03::after {
	transition: all 300ms ease 0ms;
}
.ftp_buttons_03::before, .ftp_buttons_03::after {
    content: "5";
    font-feature-settings: "kern" off;
    font-size: 32px;
    font-style: normal;
    font-variant: none;
    font-weight: 400;
    line-height: 1em;
    margin-left: -1em;
    opacity: 0;
    position: absolute;
    text-shadow: none;
    text-transform: none;
    transition: all 0.2s ease 0s;
}
.ftp_buttons_02, .ftp_buttons_02::after {
    transition: all 300ms ease 0ms;
}
/* -------------------------------------------- */
/* END - Custom Buttons that can be created within the text editing area (content, widgets etc) */


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* END - Module Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* START - Random Extras Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

/* START - Google Maps - iFrame Text Addition */
/* -------------------------------------------- */
.ftp-GoogleMaps-iFrame-Wrapper iframe {
	width:100%!important;
}
/* -------------------------------------------- */
/* END - Google Maps - iFrame Text Addition */



/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* END - Random Extras Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------ */


body.page-id-1710 div#page-container {
	background:#000 url(00-content/00-BKG-Body-Tile-01.jpg) repeat top center!important;
	background-attachment:fixed!important;
}
body.page-id-1710 div#et-boc {
	background:url(00-content/00-BKG-Body-Wrapper-Top-Image-01--OFF.jpg) no-repeat top center!important;
	background-attachment:fixed!important;
}
/*body.page-id-1710 div.entry-content {
	background-color:rgba(0,0,0,0.5)!important;
}*/
body.page-id-1710 div#et-main-area {
	background-color:rgba(0,0,0,0.4)!important;
}

/*  ---------------------------------------------------------  */

body.page-id-2032 div#page-container {
	background:#000 url(00-content/00-BKG-Body-Tile-01.jpg) repeat top center!important;
	background-attachment:fixed!important;
}
body.page-id-2032 div#et-boc {
	background:url(00-content/00-BKG-Body-Wrapper-Top-Image-01--OFF.jpg) no-repeat top center!important;
	background-attachment:fixed!important;
}
/*body.page-id-1710 div.entry-content {
	background-color:rgba(0,0,0,0.5)!important;
}*/
body.page-id-2032 div#et-main-area {
	background-color:rgba(0,0,0,0.4)!important;
}

/*  ---------------------------------------------------------  */

body.error404 div#page-container {
	background:#000 url(00-content/00-BKG-Body-Tile-01.jpg) repeat top center!important;
	background-attachment:fixed!important;
}
body.error404 div#et-boc {
	background:url(00-content/00-BKG-Body-Wrapper-Top-Image-01--OFF.jpg) no-repeat top center!important;
	background-attachment:fixed!important;
}
/*body.page-id-1710 div.entry-content {
	background-color:rgba(0,0,0,0.5)!important;
}*/
body.error404 div#et-main-area {
	background-color:rgba(0,0,0,0.4)!important;
}



/*TEMP CODES*/
/* SEE Divi Theme Builder section class name - I turned it --OFF to fix the anchor link on the same page */
#menu-00-top-nav-primary-01 .menu-item.current-menu-item {background:none!important;}
#menu-00-top-nav-primary-01 .menu-item.current-menu-item, #menu-00-top-nav-primary-01 .menu-item.current-menu-ancestor {background:none!important;}

.et_pb_sticky--top #menu-00-top-nav-primary-01 .menu-item.current-menu-item, .et_pb_sticky--top #menu-00-top-nav-primary-01 .menu-item.current-menu-ancestor {/* Changes gradient effect to RED on the "current-menu-item" for just the Top Primary Navigation area when the "Sticky" CSS Class is added / used */
	background: linear-gradient(rgba(75, 102, 60, .0),rgba(75, 102, 60,0),rgba(75, 102, 60,0))!important;
}

#menu-00-top-nav-primary-01 .menu-item.current-menu-item:before, #menu-00-top-nav-primary-01 .menu-item.current-menu-ancestor:before {/* Adds border effect to the "current-menu-item" on just the Top Primary Navigation area */
    border-top: 0px solid #4b663c !important;
}