/*
 * Copyright (c) Active Informatics Ltd 2020.
 * CSS related to divi.
 */

 
/*
 * Replace the divi shopping cart with a basket.
 */
.et-cart-info span:before {
  margin-right: 10px;
  content: ""
}
#et-top-navigation .et-cart-info {
	margin-top: -10px;
	margin-left: 50px;
}
.et-cart-info span {
	background-image: url("https://www.mastersofwine.org/wp-content/uploads/2019/11/MoW_Social-Media-Icons-06.svg");
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #3f3f3f;
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 5px;
}

#et-top-navigation .credit-card  {
	margin-top: -10px;
	margin-left: 4px;
	float: right;
}

#et-top-navigation .credit-card span {
	background-image: url("/wp-content/uploads/2020/07/Credit_card_icon.png?v=20200730");
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #3f3f3f;
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 5px;
	position: relative;
}

/*
 * Spacing between shopping basket and login button.
 */
#et-top-navigation .student-area,
#et-top-navigation .mw-area,
#et-top-navigation .login-link {
	margin-left: 4px;
	float: right;
	list-style-type: none !important;
	line-height: 1em;
	background-color: #6c2c69;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
	max-width: 110px;
	height: 35px;
	margin-top: -10px;
	z-index: 999;
	position: relative;
	font-weight: 300;
	font-size: 18px;
	white-space: nowrap;
	padding: 0 0.5em;
}

#et-top-navigation .mw-area {background-color: #6c2c69;}
#et-top-navigation .mw-area a {color: #fff;}

#et-top-navigation .student-area {background-color: #296648;}
#et-top-navigation .student-area a {color: #fff;}

#et-top-navigation .login-link {
	background-color: #6c2c69;
}

#et-top-navigation .login-link a {
	color: #fff;
}

.logged-in #et-top-navigation .login-link,
.logged-in #active-secondary-menu .login-link-collapsed {
	display: none;
}

#et-top-navigation .login-link-collapsed {
	display: none;
	border-top: 0px !important;
}

#et-top-navigation .login-link-collapsed a {
	color: #6c2c69 !important;
	background-color: rgba(255,255,255,1) !important;
}


@media only screen and ( max-width: 980px ) {
	#et-top-navigation .login-link {
		display: none;
	}
	#et-top-navigation .login-link-collapsed {
		display: list-item;
		margin-top: 50px !important;
		margin-bottom: 20px !important;
		padding: 0 !important;
		/*pointer-events: all !important;*/
	}
	.logged-in #et-top-navigation .login-link-collapsed {
		display: none;
	}
	#et-top-navigation .student-area,
	#et-top-navigation .mw-area,
	#et-top-navigation .login-link,
	#et-top-navigation .et-cart-info,
	#et-top-navigation .credit-card {
		margin-top: 0px;
	}
}

/* SEARCH */

#et-top-navigation {
	position: relative;
}
#et-top-navigation #ajaxsearchpro3_1 {
	height: 35px;
	min-width: 35px;
	width: 35px;
	max-width: 300px !important;
	top: 23px;
	/*right: 153px;*/
	right: 192px;
	opacity: 0;
}
#et-top-navigation #top-menu li.searchbar,
#et-top-navigation #ajaxsearchpro3_2,
#et-top-navigation #ajaxsearchpro8_1,
#et-top-navigation #ajaxsearchpro8_2 {
	display: none;
}
@media (max-width: 980px) {
	#et-top-navigation #ajaxsearchpro3_1 {
		display: none;
	}
	#et-top-navigation #ajaxsearchpro8_2 {
		display: inline-block;
	}
	#et-top-navigation .et-cart-info {
		margin-left: 5px;
	}
}
#et-top-navigation #ajaxsearchpro8_2 {
	border-bottom: 2px solid #fff;
	margin-bottom: 20px;
}
#et-top-navigation #ajaxsearchpro8_2 .proinput {
	cursor: text;
}

.logo_container {
	max-width: 150px;
	max-height: 127px;
	z-index: 99;
}
@media all and (max-width: 480px) {
	.logo_container {
		max-width: 60px;
	}
}
/*
 * Divi Slider, with image always visible and no text.
 */
div.et_pb_slider div.et_pb_slide
{
	background-color: transparent;
}
div.et_pb_slider.keep-image-no-text div.et_pb_slide
{
	height: auto;
}
div.et_pb_slider.keep-image-no-text div.et_pb_slide_image
{
	display: block !important;
	width: 100% !important;
	
	position: relative;
	margin: 25px auto 25px auto !important;
}
div.et_pb_slider.keep-image-no-text div.et_pb_container
{
	height: auto !important;
}
div.et_pb_slider.keep-image-no-text div.et_pb_slide_image
{
	height: auto !important;
}
div.et_pb_slider.keep-image-no-text div.et_pb_slide_image img
{
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
}
div.et_pb_slider.keep-image-no-text div.et_pb_slide_description
{
	display: none;
}
