/*
Theme Name: Ace
Theme URI: http://example.com/twenty-twenty-three-child/
Description: Twenty Twenty-Three Child Theme
Author: Your Name
Author URI: http://example.com
Template: storefront
Version: 1.0.15
*/
/* Add your custom styles here */
/* COLOURS
Dark Blue (PANTONE): #07-1D49
Light Blue: #BC-D6FF
White: #F4-F7FF
Black: #0A-090C
Grey: #4D-5057
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@media (min-width: 768px) {
	.woocommerce-active .site-header .site-branding {
		width: 20%;
	}

	.woocommerce-active .site-header .site-search {
		width: 50%;
		float: left;
	}

	.woocommerce-active .site-header .site-header-cart {
		width: 20%;
		float: right;
	}


	.site-header-cart .cart-contents::after {
		display: none
	}

	.storefront-primary-navigation {
		background: #000
	}

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		background: #000
	}

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		text-transform: uppercase
	}

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
		padding: 5px;
		margin: 0;
		color: #fff;
	}

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
		background: #0b2e72;
		color: #fff
	}

	.woocommerce-active .site-header #mega-menu-wrap-primary {
		width: 100% !important
	}

	.col-full {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.col-full {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.col-full {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.col-full {
		max-width: 1320px;
	}
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
	padding: 5px;
	border-radius: 5px;
	margin: 0;
	color: #fff
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover {
	background: #0054ff;
	color: #fff
}

#post-14 header {
	display: none
}

.home.page:not(.page-template-template-homepage) .site-header {
	margin-bottom: 0
}
.text-center {text-align:center}
.text-end {text-align:right}
.pcbuilder_header {background: #0054ff; color: #ffffff;}
.pcbuilder_button {background: #0054ff; color: #ffffff;}
footer .col-3 {width: 100%}