/*
Theme Name:   Astra Child
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Astra Child Theme
Author:       Edward Sullivan
Author URI:   http://www.2e-volve.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  astrachild
*/



/* Miigen Colour variables
=======================
   NEW MIIGEN COLORS
=======================
BLUE = #1b4e9b
ALT BLUE = #0A2959
ORANGE = #FBAA32  
ALT ORANGE = #EA9F2E
GREY = #222
BACKGROUND = #EEE

=======================
     OTHER COLORS    
=======================
RED = #AB0014
ALT RED = #7E000F
GREEN = #16AB77
ALT GREEN = #0A865A
*/
:root {
	--mii_blue: #1b4e9b;
	--mii_alt_blue: #0A2959;
	--mii_orange: #FBAA32;
	--mii_orange_alt: #EA9F2E;
	--mii_lightest_blue: #ecf5fc;
	--mii_grey: #222;
	--mii_background: #EEE;
	--mii_red: #AB0014;
	--mii_alt_red: #7E000F;
	--mii_green: #16AB77;
	--mii_alt_green: #0A865A;
}




/* */
.current-menu-item > a{
		color: var(--mii_orange) !important;
}
.current-menu-item > a:hover{
		color: var(--mii_orange_alt) !important;
}


/* extra styling for dropdown component of header menu */
.main-header-menu .sub-menu {
	background: var(--mii_blue);
}



/* extra styling for dropdown component of mobile menu */

#primary-site-navigation-mobile .menu-item,
#primary-site-navigation-mobile .menu-item a{
	background: var(--mii_blue);
	color: #fff;
	text-align: center;
}
#primary-site-navigation-mobile .menu-item:hover,
#primary-site-navigation-mobile .menu-item a:hover{
	color: var(--mii_orange);
}
#ast-mobile-header .ast-header-button-1,
#ast-mobile-header .ast-custom-button-link,
#ast-mobile-header .ast-custom-button{
	padding: 0;
	margin: 0;
}
#ast-mobile-header .ast-builder-button-wrap{
	width: 100%;
}
#ast-mobile-header .menu-toggle {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
#ast-mobile-header .ast-custom-button-link{
	-js-display: flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background: var(--mii_blue);
	color: #fff;
	font-weight: normal;
	padding: 0 20px;
}
#ast-mobile-header .ast-custom-button{
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 12px 0;
  text-align: center;
}
#ast-mobile-header .ast-custom-button:hover{
	color: var(--mii_orange);
}

.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link {
	display: none;
}

.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link {
	display: block;
}

#ast-mobile-header .site-branding {
	padding: 0;
}

#ast-mobile-header .site-branding .site-logo-img img {
    max-width: 125px;
    width: 125px;
}


/* extra styling for footer components */
#mii-footer{
	padding: 40px 50px 25px 0px;
}
#mii-footer .logo {
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	width: auto;
	max-height: 34px;
}
#mii-footer ul.socialLinks {
	margin-bottom: 20px;
	margin-left: 0;
}
#mii-footer ul.socialLinks li {
	display: inline-block;
	margin-right: 5px;
}
#mii-footer .copyright {
	color: #fff;
	opacity: 0.8;
	font-size: 14px;
}
@media screen and (max-width: 544px) {
	#mii-footer{
		text-align: center;
		padding-right: 0;
	}
	#mii-footer .logo {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 921px) {
	.ast-theme-transparent-header #masthead.site-header {
		position: absolute;
	}
}


/* shop variations */
.woocommerce,
.woocommerce-cart,
.woocommerce-page{
	background-image: none !important;
}

.woocommerce-js div.product form.cart .reset_variations {
	opacity: 0.8;
	color: #fff;
	margin-top: 8px;
	margin-bottom: 8px;
}
.woocommerce-js div.product form.cart .variations select {
	width: 90%;
	margin-bottom: 8px;
}
@media (min-width: 922px) {
	html .woocommerce.product-template-default #content div.product div.images, 
	html .woocommerce.product-template-default div.product div.images, 
	html .woocommerce-page.product-template-default #content div.product div.images, 
	html .woocommerce-page.product-template-default div.product div.images {
		width: 48%;
		margin-left: 2px;
	}
}



/* woocommerce menu wasnt styled from the main style itself, was just taking woocomerce defaults. 
.woocommerce-page #masthead .ast-container, 
.woocommerce-page .site-header-focus-item + .ast-breadcrumbs-wrapper {
	background-color: var(--mii_blue);
}
.woocommerce-page .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item,
.woocommerce-page .ast-builder-menu-1 .menu-item > .menu-link {
	color: #fff;
}
.woocommerce-page .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover,
.woocommerce-page .ast-builder-menu-1 .menu-item > .menu-link:hover {
	color: var(--mii_orange) !important;
}
.woocommerce-page .ast-header-button-1 .ast-custom-button {
	background-color: var(--mii_orange) !important;
	color: var(--mii_grey);
}
.woocommerce-page header .custom-logo-link img {
  max-width: 300px;
  width: 300px;
}
*/


/*header basket widget, to hide text, wasnt obeying text rules */
.ast-site-header-cart-li .ast-woo-header-cart-info-wrap{
	display: none;
}
.ast-theme-transparent-header .ast-menu-cart-outline .ast-cart-menu-wrap .count,
.ast-menu-cart-outline .ast-cart-menu-wrap .count {
	background-color: var(--mii_blue);
	border-color: var(--mii_blue);
	color: #fff;
	font-size: 12px;
}

.ast-menu-cart-outline .ast-addon-cart-wrap, .ast-theme-transparent-header .ast-menu-cart-outline .ast-addon-cart-wrap {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
}

body.ast-theme-transparent-header .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after,
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after {
	color: var(--mii_blue);
	background-color: var(--mii_orange);
	line-height: 1rem;
	font-size: 11px;
	height: 16px;
	min-width: 16px;	
}



/*basket/cart styling */
.woocommerce-cart-form__contents th{
	background-color: var(--mii_blue);
	border-color: var(--mii_blue);
	color: #fff;
}

.cart-collaterals h2{
	background-color: var(--mii_blue) !important;
	border-color: var(--mii_blue);
	color: #fff;
}
#order_review #place_order,
.cart_totals  .checkout-button {
	background-color: var(--mii_orange) !important;
	color: var(--mii_grey) !important;
}



/* Minor alterations to menu items due to size of main menu */
@media (max-width: 1265px) {
	.ast-primary-header-bar .ast-header-button-1 {
		display: none;
	}
}
@media (max-width: 1040px) {
	.main-header-menu > .menu-item > .menu-link{
		font-size: 14px;
	}
}



/* header fix, for some reason header is jumping in size on page load. */
#ast-desktop-header,
#masthead{
	max-height: 70px !important;
	/* overflow: hidden; */
}
.site-header-primary-section-left{
	max-height: 70px !important;
	overflow: hidden;
}



/* additional styling for components in the header banner */
.mii_banner{
	padding-top: 40px;
}
.mii_banner h1{
	color: #fff;
	padding-bottom: 0px;
	font-weight: normal;
	font-family: 'Hind',sans-serif;
}
.mii_banner h2{
	padding: 0;
	margin: 0;
	color: #fff;	
	font-weight: normal;
	font-family: 'Hind',sans-serif;
}
.mii_banner img{
	padding-left: 24px;
	padding-right: 24px;
}
@media (max-width: 921px) {
	.mii_banner{
		padding-top: 130px;
	}
	.mii_banner h1{
		font-size: 30px;
	}	
	.mii_banner h2{
		font-size: 20px;
	}	
}
body, .ast-separate-container {
  /*background-image: unset;*/
  background-color: #e3e3e3;
  background-color: #efefef;
}


/* START: section dealing with woocommerce child product plugin */
.pewc-checkboxes-list-wrapper > .pewc-checkbox-wrapper > label{
	display: none;
}
.pewc-checkboxes-list-wrapper > .pewc-checkbox-wrapper .pewc-form-field{
	margin-left: 0;
}
.pewc-item.pewc-group td:nth-child(1),
.pewc-item.pewc-group td:nth-child(2){
	display: none;
}
.pewc-checkboxes-list-desc-wrapper{
	width: 100%;
	justify-content: space-between;
	display: flex !important;
}
#content .pewc-checkboxes-list-desc-wrapper .pewc-checkboxes-list-desc{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
/* END: section dealing with woocommerce child product plugin */