/**handles:divi-style**/
/*
 Theme Name:     Hello Digital Child Theme
 Description:    Hello Digital Child Theme for editing
 Author:         Hello Digital
 Author URI:     https://hellodigital.nz
 Template: Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

body, html, h2, h1, h3, p, a {
    font-family: 'proxima-nova', sans-serif!important;
}


.footer-widget {
	/*text-transform:uppercase;*/
	font-size:14px;
	font-weight: 100;
	list-style-image:none 
}

.footer-widget li {	list-style-type:none;}
/*********************************
Invert Logo color on fixed header
*********************************/
.et-fixed-header #logo {
-webkit-filter: invert(100%);
filter: invert(100%);
}

.et-fixed-header span.mobile_menu_bar::before, .et-fixed-header span.mobile_menu_bar::after  {
-webkit-filter: invert(100%);
filter: invert(100%);
}


/*.et-fixed-header {
	background-color:
rgb(255, 255, 255)
;
border-bottom-color:
rgb(247, 247, 247)
;
border-bottom-style:
solid
;
border-bottom-width:
1px
;
}*/

@media only screen and (max-width: 1300px) {
    #scrolltop {
        display:none;
    }
}

span.mobile_menu_bar:before {
    color: white !important;
}

span.mobile_menu_bar:after {
    color: white !important;
}

span.mobile_menu_bar {
    color: white !important;
}

.mobile_menu_bar::before {
   background-size: 40px 30px;
   height: 40px;
   width: 30px;
   position: absolute;
	background-repeat:no-repeat;
}


.mobile_menu_bar::before {
   content: "" !important;
   background: url("https://hellodigital.nz/wp-content/uploads/2018/03/open.png");
   background-size: 40px 30px;
   height: 40px;
   width: 30px;
   position: absolute;
	background-repeat:no-repeat;
}

/*.mobile_menu_bar::after{
   content: "" !important;
   background: url("https://hellodigital.nz/wp-content/uploads/2018/03/close.png");
   background-size: 40px 30px;
   height: 40px;
   width: 30px;
   position: absolute;
	background-repeat:no-repeat;
}*/

.mobile_menu_bar.et_pb_header_toggle.et_toggle_slide_menu {
    height: 40px;
    width: 30px;
}

#menutext {
	margin-top:10px;
	
	    font-family: 'proxima-nova', sans-serif!important;
    color: #fff;
    letter-spacing: 1px;
    font-size: 11px;
	text-transform:uppercase;
	font-weight: 100;
    text-align: right;
    cursor: pointer;}

.newsletter h3 {font-weight: 100;}

.newsletter {text-align:right;}

footer .newsletter input[type=text] {
    padding: 15px;
    border: 0;
    text-align: right;
    font-style: italic;
    font-weight: 300;
    border-bottom: solid 1px grey;
    width: 100%;
    font-size: 14px;
}

footer .newsletter span.line {
    height: 2px;
    width: 50px;
    margin-bottom: 3px;
	  background-color: #000;
    display: inline-block;
		margin-right: 3px;
		text-align:right;
}

footer .newsletter input[type=submit] {
    border: 0;
    background: 0 0;
    font-weight: 400;
    font-size: 11px;
    padding-top: 10px;
    letter-spacing: 2px;
    cursor: pointer;
		text-align:right;
}

.newsletter {float:right;}

.et_slide_in_menu_container #mobile_menu_slide a:hover {    text-align: right;
    font-size: 22px;
    display: block;
    font-weight: 300;
    line-height: 55px;
    transition: .5s ease-in-out;
text-decoration: underline;
    font-style: italic;}

.et_slide_in_menu_container #mobile_menu_slide a {    text-align: right;
    font-size: 22px;
    display: block;
    font-weight: 300;
    line-height: 55px;
    transition: .5s ease-in-out;}

.et-cart-info {display:none;}


.et_slide_menu_top ul.et-social-icons {float:right;}


.woocommerce-message a.button.wc-forward {display:none;}

.woocommerce input.button {color: black;}
.woocommerce input.button:hover {color: black!important;}
.checkout-button:hover {color: black;}
.checkout-button:hover a {color:black;}
.woocommerce-page a.button:hover {color:black!important}

button#place_order:hover {color:black!important}

@media only screen and (max-width: 980px) {
#logo {
    height: 90% !important;
    max-height: 90% !important;
    width: auto;
    max-width: 90% !important;
	margin-top: 10px;
    }
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: rgba(85,85,85,0.9);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Show the tooltip text when you mouse over the tooltip containers */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}