@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');

body {
    overflow-x: hidden !important;
}

/*****SCHOOL BRANDING*****/
#schoolInfo .schoolName {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    padding-bottom: 5px;
    margin-bottom: 4px;
    border-bottom: 3px solid #7e4b32;
}
#schoolInfo .storeName {
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    line-height: 1em;
    padding-bottom: 0px !important;
    padding-top: 1px;
}
/*****SCHOOL BRANDING END*****/
#customMenuCart {
    float: left;
    margin: -2px 0 0 22px;
    font-size: 16px;
}
#customMenuCart ul.cart_list, #customMenuCart ul.product_list_widget {
	max-height: calc(90vh - 249px);
	overflow-y: auto;
	overflow-x: hidden;
    list-style: none outside;
    padding: 10px 0px 0px 0px;
    margin: 0;
}
#customMenuCart ul.woocommerce-mini-cart::-webkit-scrollbar-track {
	-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    background-color: #F5F5F5;
}

#customMenuCart ul.woocommerce-mini-cart::-webkit-scrollbar {
	width: 8px;
    background-color: #F5F5F5;
}

#customMenuCart ul.woocommerce-mini-cart::-webkit-scrollbar-thumb {
	border-radius: 20px;
    background-color: #d12421;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 100%, transparent, rgba(0, 0, 0, 0.5) 0%);
}
#customMenuCart ul.cart_list li img, #customMenuCart ul.product_list_widget li img {
    float: unset !important;
    margin-left: 0px !important;
    width: 100% !important;
    height: auto;
    box-shadow: none;
}
#customMenuCart ul.cart_list li a, #customMenuCart ul.product_list_widget li a {
    font-weight: 700;
}
#customMenuCart #content .quantity, #customMenuCart .quantity, .woocommerce-page .quantity, #customMenuCart .quantity {
    width: 100px;
    margin: 0;
}
#customMenuCart ul.cart_list li::after, #customMenuCart ul.cart_list li::before, #customMenuCart ul.product_list_widget li::after, #customMenuCart ul.product_list_widget li::before {
    content: ' ';
    display: table;
}
#customMenuCart ul.cart_list li::after, #customMenuCart ul.product_list_widget li::after {
    clear: both;
}
#customMenuCart a.remove {
    display: block;
    font-size: 14px;
    height: 22px;
    width: 22px;
    margin: auto;
    text-align: center;
    line-height: 24px;
    border-radius: 100%;
    color: #b91f1f !important;
    text-decoration: none;
    border: 0;
}
#customMenuCart a.remove:hover {
	background-color: #b91f1f;
	color: #fff !important;
}
#customMenuCart .widget_shopping_cart .cart_list li, #customMenuCart .cart_list li {
    padding-left: 2em;
    position: relative;
    padding-top: 0;
}
#customMenuCart ul.cart_list li, #customMenuCart ul.product_list_widget li, #customMenuCart ul.cart_list li, #customMenuCart ul.product_list_widget li {
	display: -ms-grid;
    display: grid;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	-ms-grid-columns: 93% 7%;
    grid-template-columns: 93% 7%;
	padding: 6px 10px 6px 0px;
}
#customMenuCart .remove.remove_from_cart_button {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
	grid-row: 1;
	-ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2;
}
#customMenuCart .miniCartWrap {
	-ms-grid-row: 1;
    -ms-grid-row-span: 1;
	grid-row: 1;
	-ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1;
}
#customMenuCart .dropdown-menu.dropdown-menu-right.show {
    width: 350px;
	padding: 0px 0px 10px 10px;
	max-height: calc(90vh - 122px);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}
#main-header, #main-header.et-fixed-header {
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
}
#customMenuCart .miniCartWrap {
	display: -ms-grid;
    display: grid;
	-ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
	-ms-grid-columns: 20% 80%;
    grid-template-columns: 20% 80%;
}
#customMenuCart .miniCart-Thumb {
	-ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1;
	-ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}
.miniCart-Name {
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2;
	margin-top: auto;
    padding-left: 10px;
}

.quantity {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2;
	margin-bottom: auto;
    padding-left: 10px;
	color: #000 !important;
}
#sliderSection::after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
	background: rgb(97,201,255);
	background: -moz-linear-gradient(left,  rgba(97,201,255,1) 50%, rgba(0,128,168,1) 50%);
	background: -webkit-linear-gradient(left,  rgba(97,201,255,1) 50%,rgba(0,128,168,1) 50%);
	background: linear-gradient(to right,  rgba(97,201,255,1) 50%,rgba(0,128,168,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c9ff', endColorstr='#0080a8',GradientType=1 );
}
#schoolInfo {
    display: inline-block;
    margin: auto 0px auto 25px;
    vertical-align: middle;
}
#customMenuCart .woocommerce-mini-cart__total.total .woocommerce-Price-amount.amount {
	float: right;
    color: #d12421;
    font-size: 20px;
}
#customMenuCart .woocommerce-mini-cart__total.total {
	border-top: 1px solid #707070;
	margin-top: 15px;
	padding-top: 15px;
}
#customMenuCart .woocommerce-mini-cart__buttons.buttons .button {
	display: inline-block;
    width: calc(50% - 5px);
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #171796;
    border-radius: 5px;
    border: 2px solid #171796;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em!important;
    position: relative;
	margin: 0;
	cursor: pointer;
	text-decoration: none;
    overflow: visible;
	left: auto;
	box-shadow: none;
    text-shadow: none;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#customMenuCart .woocommerce-mini-cart__buttons.buttons .button:hover {
	padding: .3em 1em !important;
	background-color: #d12421;
    border: 2px solid #d12421;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#customMenuCart .woocommerce-mini-cart__buttons.buttons a:nth-child(1) {
	margin-right: 5px;
}
#customMenuCart .woocommerce-mini-cart__buttons.buttons a:nth-child(2) {
	margin-left: 5px;
}
#customMenuCart .woocommerce-mini-cart__buttons.buttons .button::after {
	display: none;
	content: unset !important;
}
#customMenuCart .woocommerce-mini-cart__total.total,
#customMenuCart .woocommerce-mini-cart__buttons.buttons {
	margin-right: 10px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    padding: 0px !important;
    -ms-flex: unset !important;
    flex: unset !important;
    max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: right;
    width: 48%;
    padding: 0px !important;
    -ms-flex: unset !important;
    flex: unset !important;
    max-width: 100%;
}
.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
    display: block;
    flex-wrap: unset !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    padding: 15px;
    font-size: 100%;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	font-weight: 500;
    border-radius: 3px;
}
.woocommerce form .form-row textarea {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: 140px;
    height: 140px;
}

.woocommerce #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty {
    font-weight: 500!important;
    font-size: 20px!important;
    color: #000!important;
    border-radius: 3px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 2px solid #000!important;
    background-color: rgba(0,0,0,0)!important;
    height: 41px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 49px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 49px;
    vertical-align: middle;
    margin: 0 0 -4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    top: 1px;
}
.footerCol-1 h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 28px;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
.footerCol-1 p {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
	line-height: 1.7em;
}
.footerCol-1 h3 {
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    font-style: italic;
}
.footer-widget .title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	margin-bottom: 22px;
    padding-bottom: 0px;
}
#menu-footer-menu {
    list-style: none !important;
}
#menu-footer-menu li::before {
	content: unset !important;
	display: none !important;
}
#menu-footer-menu li:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#nav_menu-2 {
    width: 100%;
}
#menu-footer-menu li {
	padding-left: 0px !important;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#menu-footer-menu li a {
	font-size: 14px;
}
.footer-widget #text-3 {
    width: 100%;
}
#text-3 .footerCol-3 > p {
	font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
    margin-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#text-3 .ppPolicy {
	font-size: 14px;
    font-weight: 300;
    padding-bottom: 5px;
    margin-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#text-3 .ppPolicy p {
	padding-bottom: 0px !important;
}
.pfPayment img {
    max-height: 45px;
}
.paysPayment svg {
	height: 35px;
}
.pfPayment {
    padding: 10px 0px;
}
.paysPayment .paysText {
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    width: 80px;
    text-align: center;
}
#footer-widgets {
    padding: 3% 0 0;
}
#footer-widgets .footer-widget {
	margin-bottom: 3%;
}
/*
#sidebar .widgettitle {
	position: relative;
    font-size: 22px;
    padding: 10px;
    background-color: #d12421;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}
#sidebar .widgettitle::before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border: 2px dashed #fff;
    border-radius: 5px;
}
*/
#top-menu li a {
	font-weight: 600 !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0px !important;
}
.woocommerce .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 10px 15px;
    background-color: #d12421;
    color: #fff;
    font-size: 18px;
    border-radius: 7px;
    margin-bottom: 5px;
    box-shadow: 1px 1px 4px #171796;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.woocommerce .woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
    background-color: rgba(0, 128, 168, 0.7);
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.woocommerce .woocommerce-MyAccount-navigation li.is-active a {
	background-color: #171796;
}
.woocommerce .woocommerce-MyAccount-content {
	padding: 10px 15px;
	border-radius: 7px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
#cfContact input[type="text"],
#cfContact input[type="email"],
#cfContact input[type="tel"],
#cfContact textarea {
	width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #171796;
    box-shadow: 0px 0px 2px #171796;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}
#cfContact textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 200px;
	height: 200px;
}
#cfContact input[type="submit"] {
	padding: 10px 15px;
    background-color: #171796;
	border: 2px solid #171796;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
	box-shadow: 0px 0px 2px #171796;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#cfContact input[type="submit"]:hover {
	background-color: #d12421;
	border: 2px solid #d12421;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wooHeader .et_pb_button_module_wrapper {
    float: right;
}
.wooHeader .et_pb_module.et_pb_text {
    float: left;
}
#registerFormWrap input[type="submit"],
#loginFormWrap input[type="submit"] {
	padding: 10px 15px;
    background-color: #171796;
	border: 2px solid #171796;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
	box-shadow: 0px 0px 2px #171796;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#registerFormWrap input[type="submit"]:hover,
#loginFormWrap input[type="submit"]:hover {
	background-color: #d12421;
	border: 2px solid #d12421;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#registerFormWrap,
#loginFormWrap {
    max-width: 650px;
    margin: auto;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	margin-bottom: 58px;
}
.page-id-31 .entry-title.main_title,
.page-id-27 .entry-title.main_title {
    text-align: center;
}
#homeBtns #blueBtn {
    background-image: url(../../../wp-content/uploads/2020/03/male_Transparent.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 40px;
}
#homeBtns #pinkBtn {
    background-image: url(../../../wp-content/uploads/2020/03/female_Transparent_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 40px;
}
.contactDetails i {
    color: #171796;
    font-size: 24px;
}
.contactDetails td {
    border: none !important;
    padding: 5px !important;
}
.contactDetails td:nth-child(1) {
	text-align: center;
}
.contactDetails {
    border: none !important;
}
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
    visibility: hidden !important;
}
#mwb_wrma_exhange_shop,
.mwb_wrma_exchange_request_submit {
    color: #fff !important;
}
input#coupon_code {
    font-size: 16px !important;
    height: 41px;
    width: 250px;
}

.woocommerce-shipping-fields, .woocommerce-additional-fields, #order_comments_field {
	display: none;
}

.orderSticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/*======================================================================*/

.inputGroup {
	background-color: #fff;
	display: block !important;
	margin: 0px !important;
	position: relative;
}
.inputGroup label {
	/*padding: 2px 30px;*/
	width: 100%;
	display: block !important;
	text-align: left;
	color: #555 !important;
	cursor: pointer;
	position: relative;
	z-index: 2;
	transition: color 200ms ease-in;
	overflow: hidden;
}
/*
.inputGroup label:before {
	width: 22px;
	height: 22px;
	content: '';
	border: 2px solid #d12421;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: -1px 0px;
    background-size: 26px;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
	color: #555 !important;
}
.inputGroup input:checked ~ label:before {
	background-color: #171796;
	border-color: #171796;
}
.inputGroup input {
	width: 22px;
	height: 22px;
	order: 1;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	visibility: hidden;
}
*/
.hiw-col:not(:last-child) .et_pb_image .et_pb_image_wrap::after {
	content: '';
    position: absolute;
    top: 50%;
    left: 150%;
    width: 50%;
    height: 1px;
    background-color: #d6d6d6;
    transform: translate(-75%, -50%);
}

.woocommerce-billing-fields input[readonly="readonly"]{
    opacity: 0.5;
}

#main-header, #et-top-navigation {
    font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif !important;
}

@media (max-width: 768px)
{
	.hiw-col .et_pb_image img {
		max-width: 100px;
	}
	.hiw-col:nth-child(3) .et_pb_image .et_pb_image_wrap::after {
		height: 0px !important;
		background-color: transparent;
	}
	.hiw-col:not(:last-child) .et_pb_image .et_pb_image_wrap::after {
		left: 200%;
		transform: translate(-120%, -50%);
	}
	.et_mobile_menu li a, .nav li li a {
		font-size: 18px;
	}
}

@media (max-width: 550px)
{
	#schoolInfo .schoolName {
		font-size: 20px;
	}
	#schoolInfo .storeName {
		font-size: 16px;
	}
	#main-header > .container {
		width: 100%;
	}
	#schoolInfo {
		margin: auto 0px auto 15px;
	}
}

@media (max-width: 479px)
{
	#schoolInfo .schoolName {
		font-size: 18px;
		padding-bottom: 3px;
		margin-bottom: 2px;
	}
	#schoolInfo .storeName {
		font-size: 14px;
		padding-top: 1px;
	}
	.hiw-col .et_pb_image .et_pb_image_wrap::after {
		content: '';
		position: absolute;
		left: 50% !important;
		top: -25% !important;
		transform: translate(-50%, -50%) !important;
		width: 150% !important;
		height: 1px !important;
		background-color: #d6d6d6 !important;
	}
	.hiw-col:nth-child(3) .et_pb_image .et_pb_image_wrap::after {
		height: 1px !important;
	}
	#customMenuCart .dropdown-menu.dropdown-menu-right.show {
		width: 97vw;
	}
}