/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*********** Fonts ***********/

@font-face 
{
	font-family: Baskervville-Regular;
	src: url(../Fonts/Baskervville-Regular.ttf);
}

/*Headlines*/

@font-face 
{
	font-family: Archivo-SemiBold;
	src: url(../Fonts/Archivo-SemiBold.ttf);
}

/*Subheads*/

@font-face 
{
	font-family: Archivo-Regular;
	src: url(../Fonts/Archivo-Regular.ttf);
}

/*Body copy*/
._Skins_HTML5___Marigold__no_nav_ .body-container
{
	padding: 0;
}

body
{	
	font-family: Lato;
	background-color: #ffffff;
}

.height-container-sidenav {
    padding-bottom: 0;
}

p.MyStyle
{
	font-family: Arial;
	font-size: 12pt;
	margin: 0px;
}

img
{
	border: none;
}

a
{
	color: #ffffff;
	text-decoration: none;
}

a:link
{
	color: #ffffff;
	text-decoration: none;
}

a:hover
{
	color: #64CDBE;
}

/* Header row */
div.HeaderRow
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	background-color: #3c3c3c;
	display: flex;	
	flex-wrap: wrap;
}

div.HeaderRow > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.HeaderRow > div:nth-child(1)
{
	width: 66.66667%;
	margin-left: 0%;
	padding-left: 80px;
}

div.HeaderRow > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
	padding-right: 80px;
}

/* Top section row */
div.TopSectionSlideshowRow
{
	mc-grid-row: true;
	margin-left: 0%;
	margin-right: auto;
	background-color: #3c3c3c;
	display: flex;
}

div.TopSectionSlideshowRow > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TopSectionSlideshowRow > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
	padding-left: 80px;
}

div.TopSectionSlideshowRow > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
	padding-right: 80px;
}

div.TopSectionSlideshowRow > div > p:nth-child(1)
{	
	color: #ffffff;
	font-size:70px;
	font-weight:400;
	line-height:44px;
	padding-left: 40px;
	padding-top: 50px;
	white-space: nowrap;
	
}

div.TopSectionSlideshowRow > div > p:nth-child(2)
{
	color: #ffffff;
	font-size:30px;
	font-weight:400;
	line-height:40px;
	padding-left: 42px;
	white-space: nowrap;
	
}

/*Body section row with tiles */
.ExploreByProductTitle {
	background-color: #ffffff;
	padding-left: 80px;
	margin: 0;
	padding-top: 120px;
	font-size: 36px;
	font-weight: 400;
	line-height:32px;
}

.flex-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
}

.flex-container > * {
    margin: 20px 0;
}

.flex-container>div {
  	flex-basis:28%;
  	text-align:center;
	height: 106px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 10px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-container>div>p {
  		text-align: center;
		padding: 5px;
	}

.flex-container>div:hover
{
	background: #64CDBE2A;
    text-decoration: none;
    color: #424242;
    box-shadow: 0 6px 2px -2px #1A4C49;
}

/**** Liveclicker tile specific ****/
.flexcol
{
	flex-direction: column;
}

.flexcolsub40
{
	height:40px;
}

.flexcolsub-content
{
	flex-grow: 1;
	align-content: center;
}

/** Tablet view : 2 tiles per row **/
@media (max-width:1024px) {
  	.flex-container>div {
  		flex-basis:40%;
	}
}

/** Mobile view : 1 line per row, instead of tiles **/
@media (max-width:768px) {
	.flex-container {
		padding-left: 0;
	}
	
  	.flex-container>div {
  		flex-basis:80%;
		border: none;		
		height: 25px;
		justify-content: start;
		pointer-events: none;
	}
	
	.flex-container>div>p {
  		text-align: left !important;
	}
	
	.flexcol
	{
		flex-direction: row !important;
	}
	
	.flexcolsub40
	{
		display: none !important;
	}
	
	.flexcolsub-content
	{
		flex-grow: unset;
		padding: 5px;
	}
	
	.flex-container>div:hover
	{
		background: none !important;
	    color: #64CDBE;
	    box-shadow: none !important;
	}
	
	.flex-container>div>p>span,
	.flexcolsub-content>span
	{
		pointer-events: auto;	
	}
	
	.flex-container>div>p>span:hover,
	.flexcolsub-content>span:hover
	{
		color: #64CDBE !important;
	}
	
	/** 'Explore by product' title **/
	.ExploreByProductTitle
	{
		font-size: 24px;
		font-weight: 400;
		line-height: 28px;
		text-align: center;
		padding-left: 0px !important;
    	padding-top: 25px !important;
		padding-bottom: 15px !important;
    	text-align: center !important;
	}
	
}

/* Footer row */
div.FooterRow
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	background-color: #3C3C3C;
	display: flex;
	width: 100%;
	margin-top: 30px;
}

div.FooterRow > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 40px;
}

div.FooterRow > div:nth-child(1)
{
	width: 66.66667%;
	margin-left: 0%;
	padding-left: 80px;
}

div.FooterRow > div:nth-child(2)
{
	width: 33.33333%;
    text-align: right;
	color: #ffffff;
	text-align:left;
	line-height: 24px;
}

div.FooterSpacer {
	clear: both;
}

/* Slideshow controls */
.mc-wrapper .mc-viewport {
	box-shadow: none !important;
}

.MCSlide {    
    text-align: left;
    padding: 15px;
}

.MCSlider * {
	color: #ffffff !important;
}

.mc-wrapper .mc-pager.mc-default-pager a {
	background-color: #ffffff;
}

.mc-wrapper .mc-pager.mc-default-pager a.active {
	background-color: #FB715B !important;
}

.mc-wrapper .mc-pager.mc-default-pager a:hover {
    background-color: #EBB81B !important;
}

.mc-wrapper .mc-controls-direction {
	position: relative;
}

.mc-wrapper .mc-controls-direction a {
	filter: opacity(0.8) drop-shadow(0 0 0 yellow);
}

.mc-wrapper .mc-prev
{
    background-image: url("../Images/MG-gold-arrow-previous2.png") !important;
    background-position: 0 0 !important;
	background-size: contain;
	left: 25%;
}

.mc-wrapper .mc-next
{
    background-image: url("../Images/MG-gold-arrow-next2.png") !important;
    background-position: 0 0 !important;
	background-size: contain;
	right: 25%;
}

.mc-wrapper .mc-prev:hover,
.mc-wrapper .mc-next:hover

{
	transform: scale(1.2);
}


/* Dynamically resize images when they don't fit the tiles */
@media only screen and (max-width: 1200px) {
	img {
		max-width: 100%;
        max-height: 100%;
	}
}

/* Header row, top section + footer row : Tablet view specifics */
@media only screen and (min-width: 769px) and (max-width: 1024px)
{
	div.HeaderRow > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.HeaderRow > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.TopSectionSlideshowRow > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
		padding-left: 1px;
	}

	div.TopSectionSlideshowRow > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
		padding-right: 1px;
	}
	
	div.FooterRow > div:nth-child(1)
	{
		width: 45%;
		margin-left: 0%;
	}

	div.FooterRow > div:nth-child(2)
	{
		width: 55%;
		margin-left: 0%;
	}
}

/* Header row, top section + footer row : Mobile view specifics */
@media only screen and (max-width: 768px)
{
	/*div.HeaderRow {
		flex-direction: column;
    	align-items: center;
		width: auto;
	}	
	
	div.HeaderRow > div
	{
		float: none;
		margin: 0;
		padding-top: 1px;	
	}
	
	div.HeaderRow > div:nth-child(1)
	{
		width: auto;
		margin-left: 0%;
		padding-left: 1px;
	}

	div.HeaderRow > div:nth-child(2)
	{
		width: auto;
		margin-left: 0%;
		padding-right: 1px;
	}*/
	
	div.HeaderRow > div:nth-child(1)
	{
		width: 50%;
		padding-left: 25px;
	}
	
	div.HeaderRow > div:nth-child(1) > p > img
	{
		height: 25px;
	}
	
	div.HeaderRow > div:nth-child(2)
	{
		width: 50%;
		padding-right: 25px;
	}
	
	div.HeaderRow > div:nth-child(2) > p
	{
		padding-top: 3px;
	}

	div.TopSectionSlideshowRow {
		flex-direction: column;
    	align-items: center;
		width: auto;
	}	
	
	div.TopSectionSlideshowRow > div
	{
		float: none;
		margin: 0;		
	}
	
	div.TopSectionSlideshowRow > div:nth-child(1)
	{
		width: auto;
		margin-left: 0%;
		padding-left: 0;
	}
	
	div.TopSectionSlideshowRow > div:nth-child(2)
	{
		width: auto;
		margin-left: 0%;
		padding-right: 0;
	}
	
	div.TopSectionSlideshowRow > div > p:nth-child(1)
	{
		font-size: 28px;
		font-weight: 400;
		line-height: 32px;
		padding-left: 0;
		padding-top: 5px;
		text-align: center;
	}
	
	div.TopSectionSlideshowRow > div > p:nth-child(2)
	{
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		padding-left: 0;
		padding-top: 5px;
		text-align: center;
	}
	
	.MCSlider, div.MCSlide {
		width: auto !important;
		left: 0 !important;
		float: none !important;
	}
	
	.mc-wrapper .mc-pager,
	.mc-prev,
	.mc-next {
		display: none;
	}
		
	div.FooterRow {
		flex-direction: column;
    	align-items: center;
		width: auto;
	}
	
	div.FooterRow > div
	{
		float: none;
		margin: 0;		
	}

	div.FooterRow > div:nth-child(1)
	{
		width: auto;
		padding-left: 1px;
		padding-bottom: 0;
	}
	
	div.FooterRow > div:nth-child(1) > div > img
	{
		height: 25px;
	}

	div.FooterRow > div:nth-child(2)
	{
		width: 70%;
		padding-right: 1px;
		text-align: center;
		margin-right: 0;
		padding-top: 10px;
		line-height: 35px;
	}
}