/***********************************************************************************************************************************************
  /$$$$$$  /$$$$$$$  /$$    /$$  /$$$$$$  /$$   /$$  /$$$$$$  /$$$$$$$$ /$$$$$$$        /$$$$$$$$ /$$$$$$$  /$$$$$$ /$$$$$$$$ /$$$$$$  /$$$$$$$ 
 /$$__  $$| $$__  $$| $$   | $$ /$$__  $$| $$$ | $$ /$$__  $$| $$_____/| $$__  $$      | $$_____/| $$__  $$|_  $$_/|__  $$__//$$__  $$| $$__  $$
| $$  \ $$| $$  \ $$| $$   | $$| $$  \ $$| $$$$| $$| $$  \__/| $$      | $$  \ $$      | $$      | $$  \ $$  | $$     | $$  | $$  \ $$| $$  \ $$
| $$$$$$$$| $$  | $$|  $$ / $$/| $$$$$$$$| $$ $$ $$| $$      | $$$$$   | $$  | $$      | $$$$$   | $$  | $$  | $$     | $$  | $$  | $$| $$$$$$$/
| $$__  $$| $$  | $$ \  $$ $$/ | $$__  $$| $$  $$$$| $$      | $$__/   | $$  | $$      | $$__/   | $$  | $$  | $$     | $$  | $$  | $$| $$__  $$
| $$  | $$| $$  | $$  \  $$$/  | $$  | $$| $$\  $$$| $$    $$| $$      | $$  | $$      | $$      | $$  | $$  | $$     | $$  | $$  | $$| $$  \ $$
| $$  | $$| $$$$$$$/   \  $/   | $$  | $$| $$ \  $$|  $$$$$$/| $$$$$$$$| $$$$$$$/      | $$$$$$$$| $$$$$$$/ /$$$$$$   | $$  |  $$$$$$/| $$  | $$
|__/  |__/|_______/     \_/    |__/  |__/|__/  \__/ \______/ |________/|_______/       |________/|_______/ |______/   |__/   \______/ |__/  |__/                                     
***********************************************************************************************************************************************/

.banner-advanced-editor-html-container
{
	position: absolute;
	z-index: 15;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
}

.media-inner-wrapper
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: column nowrap;
	width: 90%;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
}

.media-inner-wrapper.full-banner-anchor-wrapper
{
	position: static;		
}

.full-banner-anchor-wrapper a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

/* .media-inner-wrapper.full-banner-anchor-wrapper span
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	color: red !important;
	font-size: 40px !important;
	text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
	z-index: 3;
} */

body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a
{
	border: 5px solid #fbfbfb;
	transition: border 200ms;
	
}
body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a .banner-text,
.banner-text
{
	display: none;
	opacity: 0;
}

body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a:hover
{
	cursor: pointer;
	border: 5px solid #3EA6D3;
}

body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a::before
{
	content: 'Full Size Banner Link';
	display: inline-block;	
	position: absolute;
	z-index: 2;		
	bottom: 0;
	left: 0;
	background-color: #fbfbfb;
	padding: 15px 15px 15px 40px;
	border-radius: 0 5px 0 0;
	color: #5B5B5B;
	font-size: 14pt;
	transition: all 200ms;
}

body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a:hover::before
{
	background-color: #3EA6D3;
	color: #ffffff
}

body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a::after
{
	content: '\f0c1';
	display: block;
	position: absolute;
	font-family: font_awesome;
	color: #5B5B5B;
	bottom: 15px; 
	left: 15px;
	font-size: 14pt;
	z-index: 3;
	transition: all 200ms;
}

body.ww_editor_body .media-inner-wrapper.full-banner-anchor-wrapper a:hover::after
{
	color: #ffffff;
}

/* .swiper-slide .media-inner-wrapper.full-banner-anchor-wrapper a span
{
	display: none;
} */


.swiper-slide .media-inner-wrapper.full-banner-anchor-wrapper a::before
{
	display: none;
}

.media-inner-wrapper .media-background-video
{
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
}

.media-inner-wrapper .banner-caption,
.media-inner-wrapper h1
{
	font-family: montserrat_bold;
	/* font-size: calc(32px + (52 - 32) * ((100vw - 300px) / (1600 - 300))); */
	font-size: calc(16px + 3.6vw);
	color: #353535 !important;	
    z-index: 10;
    font-weight: normal;
    line-height: 1;
    color: #353535;
    opacity: 0;
    animation: fadein ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-delay: 0.6s;
}

.media-inner-wrapper .banner-caption.white-caption
{
	color: #ffffff !important;
    text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);    
}


.media-inner-wrapper .banner-description
{
	font-family: pacifico_regular;
	/* font-size: calc(32px + (52 - 32) * ((100vw - 300px) / (1600 - 300))); */
	font-size: calc(16px + 3.6vw);	
	margin-bottom: 50px;
	z-index: 10;
	font-weight: normal;
	line-height: 1;
	color: #00703c;
	text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);

	opacity: 0;
	animation: fadein ease-in 1;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-delay: 0.6s;
	display: block;		
}

.media-inner-wrapper .banner-description.white-description
{
    font-family: home_made_apple !important;
    color: #ffffff !important;
    margin-top: 30px;    
    text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}

.white-banner-button
{
	display: inline-block;
	font-family: roboto_medium;
	font-size: calc(12px + 0.5vw);
	font-weight: normal;
	letter-spacing: 3px;
	font-style: normal !important;
	color: #ffffff;
	text-decoration: none !important;
	background: transparent;
    border: 2px solid #ffffff;
    padding: calc(3px + 0.4vw) calc(10px + 0.6vw);
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s;
	-webkit-tap-highlight-color: transparent;
}

.white-banner-button:hover
{
	background: rgba(255,255,255,0.3);
}


@media screen and (max-width: 1200px)
{
	.banner-ad-logo
	{
		display: none;
	}

	.media-inner-wrapper .banner-caption
	{
		font-family: montserrat_bold;
		font-size: calc(32px + (26 - 32) * ((100vw - 300px) / (1600 - 300)));
		color: #353535 !important;	
		z-index: 10;
		font-weight: normal;
		line-height: 1;
		color: #353535;
		opacity: 0;
		animation: fadein ease-in 1;
		animation-fill-mode: forwards;
		animation-duration: 1s;
		animation-delay: 0.6s;
	}

	.media-inner-wrapper .banner-description
	{
		font-family: pacifico_regular;
		font-size: calc(32px + (52 - 32) * ((100vw - 300px) / (1600 - 300))) !important;		
		margin-bottom: 20px;				
	}



}