/*
 Theme Name:   Oxygen2 Child
 Theme URI:    http://oxygen.jarilo.co.uk/
 Description:  A child theme for Oxygen2
 Author:       Jarilo Design
 Author URI:   http://jarilo.co.uk
 Template:     oxygen2
 Version:      0.1
 Text Domain:  oxygen2
*/

/* Theme customization starts here
-------------------------------------------------------------- */


@import url('../oxygen2/style.css');


/**
 * Classic checkout layout.
 */
@media (min-width:768px) {
	#customer_details { width: 50%; float: left; }
	#customer_details > div { float:none; width: unset; }
	#order_review_heading { float: right; width: calc(50% - 15px); margin-bottom: 41px; }
	#order_review { float: right; width: calc(50% - 15px); }
}


/**
 * Resize some things on desktop.
 */
@media (min-width:1600px) {
	/* override elementor page width on desktop */
	.e-con.e-flex>.e-con-inner { max-width: 1600px!important; padding:0; }
	.woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; }
	.woocommerce-account .woocommerce-MyAccount-content { width: calc(80% - 30px); }
}


/**
 * Resize some things on mobile.
 */
@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 30px; }
}


/*
 * Make the footer extend beyond min height.
 */
div[data-elementor-type="footer"] {	position: relative; }
div[data-elementor-type="footer"]:after { content: ''; display: block; height: 10000px; width: 100%; background-color: #0B2865; position: fixed; z-index: 999; margin-top: -1px; }


/**
 * Give the my account page the same style as the rest of the website.
 */
.woocommerce-account .woocommerce-MyAccount-navigation { border-radius: 10px 0 0 10px; }
.woocommerce-account .woocommerce-MyAccount-content { font-size: 14px; }
.woocommerce-MyAccount-navigation {	background: #082156; border-radius: 3px; position: relative; padding-left: 10px; }
.woocommerce-MyAccount-navigation:before { position: absolute; display: block; left: 0; width: 10px; top: 0; bottom: 0; content: ''; background: #f46760; border-radius: 5px 0 0 5px; }
.woocommerce-MyAccount-navigation ul { margin: 0!important; padding: 0!important; }
.woocommerce-MyAccount-navigation li { list-style: none; }
.woocommerce-MyAccount-navigation li.is-active { background: #6fd7e2; }
.woocommerce-MyAccount-navigation a { padding: 10px!important; height: auto; color: #fff; display: block; font-size: 14px; }