/* Desktop version - iframe overlay for specials */

body.iframebody-container{
	min-width: 890px !important;
	width: 890px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   body.iframebody-container{
        min-width: 880px !important;
        width: 890px !important;
    } 
}


.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 2.8%;
	top: 12px;
	right: 20px;
	z-index: 9;  
}

.logo{
	display: none;
}

.iframeoverlay-content .overlay-wide {
	margin: 0;
	box-shadow: 0px 0px 0px #fff;
}           

.overlay-wide .overlay-container {
	width: 90%;
	margin: 2% 5%;
}

.overlay-wide .overlay-container h6 {
	color: #d71a21;
	text-transform: uppercase;
	font-size: 0.9em;
}

.overlay-wide .overlay-container p {
	width: 53%;
	color: #666;
}

.overlay-wide .overlay-container .toplabel {
	margin: 0 0 20px 0;
}


/* Android */

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

    body.iframebody-container{
		min-width: 305px !important;
		width: 305px !important;
	}

    .overlay-wide .overlay-container {
		width: 92%;
		margin: 0;
	}

	.overlay-terms-conditions a
    {
        margin-left:0 !important;
    }

}


/* iPhone % & 5S */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-device-pixel-ratio: 2) {

    body.iframebody-container{
		min-width: 270px !important;
		width: 270px !important;
	}

	.overlay-wide .overlay-container {
		width: 92%;
		margin: 0;
	}

	.overlay-terms-conditions a
    {
        margin-left:0 !important;
    }
}


/* iPhone 6 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

    body.iframebody-container{
		min-width: 292px !important;
		width: 292px !important;
	}

    .overlay-wide .overlay-container {
		width: 100%;
		margin: 0;
	}

	.overlay-terms-conditions a
    {
        margin-left:0 !important;
    }

}

/* iPhone 6+ */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

    body.iframebody-container{
		min-width: 325px !important;
		width: 325px !important;
	}

    .overlay-wide .overlay-container {
		width: 100%;
		margin: 0;
	}

	.overlay-terms-conditions a
    {
        margin-left:0 !important;
    }
}



@media screen and (max-width : 768px){

	.overlay-wide .overlay-container p {
		width: 100%;
		color: #666;
		font-size: 1em;
    	line-height: 1.25em;
		margin-left: 5%;
	}

	.overlay-wide .overlay-container a {
		margin-left: 5%;
	}

	.overlay-terms-conditions {
		margin-left: 5%;
	}

	.overlay-wide .overlay-container h3 {
    	color:#1f1f1f;
		font-size: 1em;
        font-weight: bold;
		margin:12% 0 4% 5%;
	}
	
	.overlay-wide .overlay-container h6 {
		font-size: 0.8em;
		margin-left: 5%;
	}

	.overlay-wide .overlay-container img {
		width:100%;
		height:auto;
		position: relative;
		margin-left: 5%;
	}

	.event-dates{
		width:100%;
		text-align: center;
		position: absolute;
		margin-top: -12px;
	 }

	.event-dates .toplabel {
	  font-size: 1em;
	  margin-top: -12px !important;
	}

	.float-right{
		float: none;
	}

	.overlay-terms-conditions h5 {
		font-size: 1em;
		font-weight: bold;
		margin: 0;
	}

	.overlay-terms-conditions ul {
		 padding: 0 0 0 15px;
		 margin: 5px 0 0 0;
	}

	.overlay-terms-conditions li {
		width: 100%;
		padding: 3px 0;
		margin: 0;
		font-size: 0.8em;
		list-style-type: none;
	}

	.overlay-terms-conditions li:before {
		 content: "-";
		position: relative;
		margin-left: -4px;
		/* optional, for multiline li element */
		left: -12px;
	}

	.overlay-terms-conditions a
    {
        margin-left:0 !important;
    }

}