/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: NPM
Author URI: https://iconnik.co.uk
Description: A child theme of Divi, customised by NPM
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
Version: 4.4.2.2
Updated: 2020-12-25 19:15:34


/* Back to top button */

.et_pb_scroll_top:before {
    color: rgba(22,76,0,1);
	font-weight:900;
}

/* Default button appearance */
.et_pb_scroll_top.et-pb-icon {
    right: 10px; /* space from right */
    bottom: 15%; /* space from bottom */
    padding: 8px; /*padding size*/
    border-radius: 30px; /* make the circle */
    background: rgba(212,165,55,0.8) /* button color */; 
    font-size: 32px; /* icon size */
    transition: all .1s ease-in-out; /* add transition */
	
}
/* Button Appearance on Mouseover */
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 15% /* space from bottom */;
    background: rgba(212,165,55,0.8) /*button hover color*/; 
    transition: all .1s ease-in-out; /*add transition*/
    box-shadow: 0 10px 15px #162c4e4a; /*box shadow on hover*/
}
/* Animation tweaks */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
/* END Back to top button */

/* Drop down menu size & position on desktop */
.nav li ul  {
    width: 210px !important;
    /*border-top: 0px solid #2ea3f2 !important;*/
	padding-top: 0px !important;
	padding-bottom: 10px !important;
    margin-top: -20px !important;
    margin-left: -30px !important;
	opacity: 1 !important;
}
/*********************************************************************************************************************************/
/*Mobile Menu Update*/
/*https://joshhall.co/how-to-create-a-divi-mobile-menu-collapse-effect/*/

/*This changes the width and colour of the top border of the drop-down */
.et_mobile_menu {
    border-top: 1px solid #c1bb04;
}

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\3B";
    display: block;
    color: #fff;
    font-size: 24px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\32";
}

/*change Divi hamburger menu to X when open*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/* Size and colour of hamburger */
.mobile_menu_bar:before {
    font-size: 45px;
	color: #c1bb04;
}
/* Reduces padding above logo on mobile */
@media (max-width: 980px){
.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 0px !important;
}}

/* Pushes the hamburger down on mobile */
.mobile_menu_bar:before {
    top: 16px !important;
}

/* Open mobile sub from parent text */
#mobile_menu .menu-item-has-children > a + span {
    left: 0;
    text-align: right;
}


/***********************************************************************************************************/

/*Contact Form Error message*/
.et-pb-contact-message {
    color: #d80303 !important;
	padding-left: 2em;}

.et_pb_contact_field_6.et_pb_contact_field .input[type="checkbox"]+label  {
	color: #000000 !important;}

.input[type="checkbox"]+label i{
	color: #000000 !important;}

.et_pb_contact_field_6.et_pb_contact_field .input[type="checkbox"]+label i {
	background-color: #333 !important;}

/* Reduces padding on the Captcha Box */
.et_pb_contact_right p input {
	padding: 14px !important;}

/* Divi Popup Close X */
.popup_outer_wrap .popup .evr-close {
    font-size: 1px; /* size of the Close X */
    opacity: 0 !important; /* Opacity of the Close X */
	padding-top: 30px; /* increase height of the close area */
	padding-right:30px; /* increases width of the close area */
} 
.popup_outer_wrap .popup.dark .evr-close {
	color: rgba(255,255,255,0); /* Color of the X */
text-shadow: none;}
.popup_outer_wrap .popup.dark .evr-close:hover{
	color: rgba(255,255,255,0); /* Color of the X on hover */
text-shadow: none;}

.popup_outer_wrap .popup .evr-close:hover{
	opacity: 0;
}
/* move top menu left or right to center when text in menu items not equal */
.et_header_style_split nav#top-menu-nav {
	 margin-left: 0px;}

/*.fb-page fb_iframe_widget{
border:4px solid red;
}

/*indent bullets and numbered lists*/
.entry-content ol, .entry-content ul {
    padding: 30px 0px 30px 30px;
    list-style-position: outside;
}
.entry-content ol li, .entry-content ul li {
    margin-bottom: 10px;
}

/****** Add overlay to parallax sections *******/

.gradient-overlay:before {
content:"";
position:absolute;
z-index:1;
background:inherit;
top:0;
bottom:0;
width:100%;
}
.gradient-overlay .et_pb_row {
z-index:2 !important;
}
.gradient-overlay {
background-color: transparent;
}

/* Add CSS Class of 'npm-snow' in 'Settings | Advanced' to add falling snow to section, rows, modules.*/
.npm-snow {
   position: relative;
}

.npm-snow:after {
   content: '';
   display: block;
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   background-image: url('https://s3.amazonaws.com/divi-life-plugin-layouts/tutorials/snow/divi-life-snowflakes-b.png'), url('https://s3.amazonaws.com/divi-life-plugin-layouts/tutorials/snow/divi-life-snowflakes-c.png'), url('https://s3.amazonaws.com/divi-life-plugin-layouts/tutorials/snow/divi-life-snowflakes-a-1.png');
    animation: divi-life-snow 10s linear infinite;
}

@keyframes divi-life-snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@-moz-keyframes divi-life-snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@-webkit-keyframes divi-life-snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

/* START Animated link line. 
   Add a CSS Class of "animline" to link e.g. <a class="animline" href="/shop">online shop</a> 
   See https://letswp.io/link-underline-animation/ 
*/
a.animline, a.animline:visited {
    text-decoration: none;
    background-image:
      linear-gradient(
          transparent 2px,
          #00E507 2px, /* animated line color on hover */
          #00E507 4px, /* animated line color on hover*/
          transparent 4px
      ),
      linear-gradient(
          transparent 2px,
          #B99F38 2px, /* line color */
          #B99F38 4px, /* line color */
          transparent 4px
      );
    background-size: 0% 6px, 100% 6px;
    background-position: 0 bottom, 0 bottom;
    transition: background-size 0.8s ease-in-out; /* transition line speed on hover*/
    background-repeat: no-repeat;
    padding-bottom: 4px;
    border-bottom: 6px solid transparent;
}
a.animline:hover {
    background-size: 100% 6px;
}
@supports (-ms-ime-align:auto) {
    a.animline, a.animline:visited {
        background-image:
            linear-gradient(#00E507, #00E507), /* animated line color on hover */
            linear-gradient(#B99F38, #B99F38); /* line color */
        background-size: 0% 2px, 100% 2px;
        padding-bottom: 2px;
    }
    a.animline:hover {
        background-size: 100% 2px;
    }
}
/* END animated line */

/* Removes line from right of widget on posts */
.et_pb_widget_area_left {
	border-right: 0px solid !important;}

/*WOO*/

/*Hide shipping calculation on Woo Basket*/
.woocommerce-shipping-destination {display: none}

/*Colour of drop-down arrow on Product Page variations*/
.variations td.value span:after {
	border-top-color: #ffd002 !important;}

/*Color, weight & size of price when variation selected on Product Page*/
.woocommerce-variation-price, span.price{
    color: #016000 !important;
	font-weight: 700 !important;
	font-size: 1.25em !important;}

/*Hide Shopping Basket Icon in Primary Menu
.et-cart-info {display: none !important}*/


.woocommerce-NoticeGroup woocommerce-NoticeGroup-checkout .woocommerce-error {
    background: #0b1d0e !important;
}
/*#footer-widgets {
	display: none;}*/

/* Divi Popup size of close X */
.da-close .evr-close #et-boc{
    width: 40px !important;
    line-height: 40px !important;
	font-size: 40px !important;
}
/* Google Review Plugin */
/* format of Name and Date */ .wprevpro_t1_SPAN_5 { text-transform: capitalize !important; color: #118e31; font-weight: 700;} /* format of review box */ .wprevpro_t1_DIV_2 { bottom: 0; box-shadow: rgb(28 101 37 / 40%) 1px 3px 8px 6px; border-radius: 5px !important;} .wprevpro_t1_P_3 { color: #176b1d !important;font: 15px/22px open-sans, sans-serif;} /* format the dots beneath the slider */ .wprs_unslider-nav ol li { border: 1px solid #D1AA00; } .wprs_unslider-nav ol li.wprs_unslider-active { background: #D1AA00; } /* REMINDER: CHANGE DATE FORMAT: FILE MANAGER: wp-content/plugins/wp-google-places-review-slider/public/partials/template_style_1.php, Line 112 changed date format to ‘jS M Y’ which displays 13th Mar 2020 instead of 3/13/2020 (n/j/Y) */ /* Control the word count displayed. Default is 30. Changed to 35. Change on line 88 of wp-content/plugins/wp-google-places-review-slider/public/partials/template_style_1.php */

/* Make post width 100% and dont display sidebar or title
.single #sidebar {display: none;}
.single #left-area {width: 100%;}
.single #main-content .container:before {width: 0;}
.single .et_post_meta_wrapper{display: none;}

/*set the width of the rows inside the Post Content module
.et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
} */

/* Password protected form (page/post) appearance */
.et_password_protected_form {
min-height: 100vh;
padding: 100px;
max-width: 700px;
margin: auto;
}
.et_password_protected_form .et_submit_button {
background: #8dc63f;
color: white!important;
border: 2px solid #8dc63f;
}
.et_password_protected_form .et_submit_button:hover {
background: white;
color: #8dc63f!important;
}
@media (max-width: 479px) {
.et_password_protected_form {
padding: 40px;
}
}


#header .header-links li span {
    display: inline-block;
    color: inherit!important;
    font-size: inherit!important;
}

/*bullet checklist - tick*/
/*.bullet_list_vouchers ul {
list-style-type: none!important;
}

.bullet_list_vouchers ul li:before {
content: "e052;"!important;
color: #2cba6c;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}*/


.entry-content ol, .entry-content ul {
    padding: 30px 0px 30px 50px;
    list-style-position: outside;
}
 
.entry-content ol li, .entry-content ul li {
    margin-bottom: 10px;
}

.dashicons-lock.after-menu-image-icons {
    margin-top: -4px;
}

.cli-plugin-button .cli-plugin-main-button .cli_settings_button{margin-bottom: 10px !important;}