/*!
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi-child/
Version: 1.0.0
Description: Divi Child Theme for TONEbloc
Author: Absolute Media
Author URI: https://www.absolutemedia.com.au
Template: Divi
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
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
*/

/* ------------------------------------------ */
/*                 1.GENERAL                  */
/* ------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');

/***COLOURS***/
.purple { color:#2b4075; }
.half_yellow { color:rgba(239,197,109,0.50); }
.blue { color:#6f93c9; }
.dkgrey { color:#313234; }
.midgrey { color:#47454b; }
.ltgrey { color:#a2a4a9; }
.white { color:#fff; }
.black { color:#000; }

/* ------------------------------------------ */
/*                2.TYPOGRAPHY                */
/* ------------------------------------------ */


#et-main-area h1, #et-main-area h2, #et-main-area h3, #et-main-area h4, #et-main-area h5, #et-main-area body, #et-main-area p{ font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'sans-serif; }

#et-main-area h1 { padding: 12px 26px; width: fit-content; } 
#et-main-area h1.header-title, .child h1.header-title { background-color:#2b4075;  }
.child h1.header-title { color: #fff; font-family: Montserrat; font-size: 5vw;  font-weight: 800; text-transform: uppercase; }
#et-main-area .product_title, #et-main-area .entry-title, .woocommerce-products-header h1 { background-color:none!important; color: #2b4075; font-family: Montserrat;  font-weight: 800; padding-left: 0!important; text-transform: uppercase; }
#et-main-area h2 { color:#2b4075!important; font-family: Montserrat; font-weight: 800; line-height: 1.1em; padding: 12px 26px; text-align: left; width: fit-content; }
#et-main-area .cart_totals h2 { padding-left: 0!important; }
#et-main-area .product-panel h2 { color:#2b4075!important; font-family: Montserrat; font-weight: 800; padding-left:0; text-align: left; text-transform: uppercase; }
#tab-description h2 { padding-left: 0; }
#et-main-area h3 { font-family: Montserrat; font-size: 23px; font-weight: 800; line-height: 1.1em; text-align: left; text-transform: uppercase; }
#et-main-area .amstone h3 { color: #2b4075!important; }
#et-main-area .woocommerce-checkout h3 { color:#2b4075; font-size: 22px; }
#et-main-area .callout h3 { background-color:#2b4075; color: #fff!important; padding: 12px 26px; text-align: center; width: fit-content; }
#et-main-area h4 { color:#2b4075!important; font-size: 18px; font-weight: 800; line-height: 1.1em; text-align: left; text-transform: uppercase; }
#et-main-area h4.second { padding-top: 1.8em; }
#et-main-area p { color: #232323; font-size:17px; line-height: 1.7em;}
#et-main-area p.small { color: #232323; font-size:16px; }
#et-main-area p a { color:#2b4075; border-bottom: 2px solid #666; transition: color border-bottom .2s; }
#et-main-area p a:hover { color: #666; border-bottom: 2px solid #2b4075; }
#testimonials p { color: #666; margin-top: 16px; }
#et-main-area p.intro { color: #ffffff; font-size: 24px; font-weight: 500; letter-spacing: -0.5px; line-height: 1.2em;  }
#et-main-area p.sub-intro { color: #2b4075; font-size:21px; }
#et-main-area .woocommerce-product-details__short-description p { color: #232323; font-size:15px; line-height: 1.9em; }
.woocommerce-billing-fields label, .woocommerce-additional-fields label{ color: #232323; font-size:15px; line-height: 1.9em; }
.entry-summary p.price { padding-bottom: 10px; }
#et-main-area .amstone p { font-weight:400; text-align: left; }
#et-main-area .amstone p strong { color:#2b4075; }
td.product-name a { color:#232323!important; }



/* ------------------------------------------ */
/*                 3.HTML                     */
/* ------------------------------------------ */

hr{border:1px solid #cecfd0; display:block; margin:10px 0 20px 0; }
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}


/* ------------------------------------------ */
/*                4.HEADER                */
/* ------------------------------------------ */

/***DESKTOP***/

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a { padding: 21px 10px!important; }
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a:hover { color:#fff!important;  }
#et-main-area .et-menu a:focus, .et-menu a:hover, .et-menu a:active { background-color: #2b4075; color:#fff!important; opacity: 1; }
#et-main-area .current-menu-item a  {  }
#et-main-area .et-menu .current-menu-item a:hover  { /*padding: 21px 0 17px 0!important;*/ }

.single_add_to_cart_button, .woocommerce-message a.button, .button, button.et_pb_contact_submit, button .et_pb_button {
  	background-color:#2b4075!important;
	border:none!important;
	border-radius:0!important;
	color:#fff!important;
	font-family: 'Montserrat';
	font-size: 18px!important;
	font-weight: 700!important;
	letter-spacing: 0.1em!important;
	margin-top: 30px;
	padding: 0.5em 2.7em 0.5em 2em!important;
	text-transform: uppercase;
  	transition: 0.3s;
}

.single_add_to_cart_button:hover, .woocommerce-message a.button:hover, button:hover .et_pb_contact_submit, button:hover .et_pb_button {
	border:none!important;
	padding: 0.5em 3.2em 0.5em 2.5em!important;
}

.woocommerce a.button.alt::after, .woocommerce-page a.button.alt::after, button.button:not(.button-confirm)::after, button.button:not(.button-confirm)::after, .woocommerce-message a.button:hover::after { font-size: 29px!important; }

/***MOBILE***/
/* Menu Hamburger Change to X Icon */
.mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; }

/* Rotate Divi Menu icon on click */
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/* Rotate Divi Menu icon on click */
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

/*Divi mobile menu dropdown*/
.et_mobile_menu {
	border-top: 3px solid red !;
	width: 100vw;
	margin-left: -13%;
	padding: 10% 10% !important;
	top: 150% !important;
}
	
/*Divi mobile menu parent links*/
.et_mobile_menu li a {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 17px 0;
}

/* ------------------------------------------ */
/*                  5.LAYOUT                  */
/* ------------------------------------------ */
/* SLIDER */

#et-main-area h4.et_pb_slide_title { color: #fff !important; font-size: 21px !; font-weight: 800; line-height: 1.4em !important; text-align: center; text-transform: none; }

/* testimonial gallery hide slider nav dots */
.et_pb_gallery.et_slider_auto .et-pb-slider-arrows,
.et_pb_gallery.et_slider_auto .et-pb-controllers { 
    display: none !important; 
}

/* #CONTACT */

.et_pb_contact p input, .et_pb_contact p textarea { 
	color: #333 !important;
	font-size: 16px !important; 
}

.et_contact_bottom_container {
    float: none;
    text-align: left;
    display: block !important;
	padding-left: 7px;
}

/* ------------------------------------------ */
/*               6.	WOOCOMMERCE               */
/* ------------------------------------------ */

/* Line shopping cart icon in menu */
.et_pb_menu__cart-button:after { content: "" !important; }

/* Space before shopping cart icon in menu */
.et_pb_menu__icon.et_pb_menu__cart-button { color: #2b4075; padding-left: 25px; }

/* Normally Red */
.woocommerce-error { background-color: #e2401c; }

/* Normally Blue */
.woocommerce-info { background-color: #3d9cd2; }

/* Normally Green */
.woocommerce-message { background: #eeeeee!important; color:#47454b!important; }

/*Order Confirmation Page */
section.woocommerce-order-details h2.woocommerce-order-details__title {
	padding-left: 12px !important;
}
.woocommerce-order p.woocommerce-notice, .woocommerce-order p.woocommerce-notice--success, .woocommerce-order p.woocommerce-thankyou-order-received {
	padding: 12px;
}

/* ------------------------------------------ */
/*               7.FOOTER                  */
/* ------------------------------------------ */

/* VERTICAL MENU STYLING */

#footer_ams ul.et-menu { margin-left:6px; }
#footer_ams .et_pb_menu__wrap { justify-content: flex-start; }
#footer_ams .et-menu a { border-bottom: 2px solid #333!important; transition: none!important; }
#footer_ams .et-menu a:focus, #footer_ams .et-menu a:hover, #footer_ams .et-menu a:active, #footer_ams .current-menu-item a  {  }


/*remove default 11px padding on each side of list items*/
#footer_ams .ams-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}
/*make the menu items fullwidth and add space between them*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 12px 0;
}
/*style the menu items*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav ul li a {
	font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'sans-serif;
	letter-spacing: 1px;
	opacity: 0.7!important;
	padding: 0 0 11px 0!important;
	transition: .2s!important;
}
/*style the menu items on hover*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #fff!important;
	background: none;
	/*border-color: #00d263;*/
}
/*style the active menu item*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 0.7!important;
	color: #fff!important;
	/*background: #00d263;*/
	border-color: #212121!important;
}
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a:hover { opacity: 1!important; padding: 0 0 11px 0!important; }

/*style the arrow icon if there are submenus to submenus*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}
/*make the submenu align directly to the right of the menu item instead of below*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}
/*align submenu to the right of menu link*/
#footer_ams .ams-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}



.intro{ color: rgba(255,255,255,1); font-size: 1.8em; font-weight: 400; line-height: 1.4em; }
#et-main-area .address p { color: rgba(255,255,255,1)!important; font-size: 1.4em!important; font-weight: 300; line-height: 1.8em; }
#et-main-area .address p span{ color:#efc56d; font-size: .9em!important;font-weight: 600;  text-transform: uppercase; }
#et-main-area .address p a{ border-bottom: solid 1px #fff; color:#fff; padding-bottom: 2px; transition: 0.5s; cursor: pointer; }
#et-main-area .address p a:hover{ border-bottom: solid 1px #efc56d; }
.abn{ color:#a2a4a9; font-size: 80%!important; font-weight: 500; }
.disclaimer { /*float: left; width: auto; */}
.disclaimer, .disclaimer a { color:#a2a4a9;  font-size:13px!important; font-weight:300!important; letter-spacing: 0.02em; line-height:1.3em !important; transition: 0.25s; }
.disclaimer a{ border-bottom: none; }
.disclaimer a:hover{ border-bottom: none; color:rgba(255,255,255,1); }
.absolute-media { /*float: left; margin-left: 10px; width:auto;*/ }
.absolute-media, .absolute-media a, .absolute-media a span { border-bottom: 0; color:rgba(137,138,147,0.7); font-size:11px!important; font-weight:600;letter-spacing: .05em; line-height:1.3em !important; padding-top: 2px; text-transform: uppercase; transition: .25s; }
.absolute-media a span { color: #a2a4a9; font-weight: 800; }
.absolute-media a:hover { border-bottom: 0; }
.absolute-media a:hover span{ border-bottom: 0; color:#ff5400; }

/* ------------------------------------------ */
/*               7.MEDIA QUERIES                */
/* ------------------------------------------ */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* Divi ----------- */
@media only screen 
and (min-width : 480px)
and (max-width : 979px) {


	
}

/* Divi ----------- */
@media only screen 
and (min-width : 540px) {

}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .ams-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .ams-vertical-menu .et_mobile_nav_menu {
		display: none;
	}

}

/* Divi ----------- */
@media only screen 
and (min-width : 768px) {

	#et-main-area h3 { font-size: 28px; }

}
	
/* Divi ----------- */
@media only screen 
and (min-width : 980px) {

	#et-main-area p.intro { font-size: 32px;  }
	#et-main-area p.sub-intro { font-size:21px; }
	#et-main-area p { font-size:19px; }

	/* Line shopping cart icon in menu */
	.et_pb_menu__cart-button:after { content: "\e015" !important; }

}

/* Divi ----------- */
@media only screen 
and (min-width : 1155px) {

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

	#et-main-area p.intro { font-size: 35px;  }

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

	.et_pb_text_1 h1, .et_pb_text_2 h1 { font-size: 100px; }

}

/* Large screens ----------- */
@media only screen 
and (min-width : 2099px) {

	.et_pb_section.et_pb_section_0 { background-size: 2100px; }

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}