#banner.lightbox-adjust
{
	margin-top: 0 !important;
}

#nav-main.lightbox-adjust
{
	position: relative !important;
}

#nav-main.menu-float-adjust
{
	position: fixed;
	top: 0;
}

.emp-text {
	font-weight: bold;
    font-style: italic;
}

.bold-text {
	font-weight: bold;
}

.green-text {
	text-transform: uppercase;
	color: #BDCF32;
}

.em-text {
    color:#0C1E36;
	font-style: italic;
}

.limited {
	font-size: 1.5vw;
    line-height: 1.5vw;
    margin-bottom: 0.5vw;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.limited-promo {
	font-size: 1vw;
    line-height: 1vw;
    font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.lunette img,
.bottom-lightbox img
{
	-ms-interpolation-mode: bicubic;
}

.lunette.fixed-to-top
{
	z-index: 4000;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

div.box-shadow
{
	position: absolute;
    bottom: 0;
    box-shadow: inset 0 -12px 15px -10px #333;
    left: 0;
    right: 0;
    height: 25px;
}

.lunette,
.bottom-lightbox
{
	background: white;
	color: white;
	z-index: 4000;
}

.bottom-lightbox
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 2vw 0;
	background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-2023/images/dav-mem-tshirt-2023-lb-desk-scroll.jpg);
	background-size: 100% 100%;
	background-color: #becf33;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: unset !important;
}

.friends-bottom {
	width: 18vw;
    margin-right: 3vw;
}

.bottom-lightbox a.close-btn
{
	position: absolute;
    right: 0.5vw;
    top: 0.5vw;
}

.bottom-lightbox a.close-btn img
{
	width: 1.5vw;
}

.lunette_close.close_icon {
	position: absolute;
	right: 0.5vw;
    top: 0.5vw;
}

.lunette_close.close_icon img
{
	width: 1.5vw !important;
}

.lunette-container
{
	margin: 0 auto;
}

.arrow-img
{
	height: 4vw;
}

.bottom-lightbox .arrow-img
{
	height: 3vw;
}

.left-arrow-img
{
	margin-right: 1.5vw;
}

.right-arrow-img
{
	margin-left: 1.5vw;
}

.mobile-arrow
{
	display: none;
}

img.logo-d1
{
	width: 42%;
    margin-top: 6.5vw;
}

img.logo-mobile {
	display: none;
}

img.vvc-img
{
	width: 80%;
}

.callout-container
{
    background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-2023/images/dav-mem-tshirt-2023-lb-desk-fixed.jpg);
    background-size: cover;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0;
    background-repeat: no-repeat;
    justify-content: flex-end;
    background-position: right;
    padding-bottom: 1.5vw;
	padding-top: 1.5vw;
    background-position: left;
    background-color: #becf33;
    font-size: 1.8vw;
    line-height: 1.8vw;
    font-weight: 600;
	color: #212F64;
} 
.sub-text {
	font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica;
    font-size: 1.8vw;	
	display: block;
}

.desktop-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.desktop-header img {
	width: 30vw;
    margin: 0.4vw 0 0 0;
}

.mobile-header {
	display: none;
}

.right-text {
	width: 78%;
}

.right-text .bottom-text {
	font-weight: 500;
    color: #005D7D;
	font-size: 2.4vw;
    line-height: 2.4vw;
	flex-direction: column;
	font-family: "klavika-web-condensed","klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.right-text h2 {
	font-family: "klavika-web-condensed", "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #05236B;
    line-height: 4.9vw;
    font-size: 4.9vw;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.right-text h3{
	font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #EBEEF3;
	line-height: 2.1vw;
    font-size: 2.1vw;
    margin: 0;
    text-transform: uppercase;
}

.right-text h4{
	font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
    color: #fff;
    line-height: 2.7vw;
    font-size: 2.8vw;
    margin: 0;
    margin-bottom: 1vw;
    text-transform: uppercase;
}

.right-text h5 {
	font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 2.3vw;
    font-size: 2.5vw;
    margin: 0.5vw 0vw 0.5vw 0;
    text-transform: uppercase;
    margin-top: 4.5vw;
}

.left-text {
	width: 28%;
}

.left-text p{
    color: #393939;
    margin: 0;
    padding: 0;
    margin-bottom: 1vw;
    font-size: 1.8vw;
    font-weight: 500;
}

.left-text .lnk-not-member{
	font-size: 1.5vw;
    color: #393939;
    margin-top: 1vw;
    display: inline-block;
    text-decoration: underline;
}

.promo-image {
	width: 10vw;
}

.callout-wrapper {
	width: 100%;
    padding: 0vw 4vw;
    box-sizing: border-box;
    margin: 3vw 0 3vw;
    display: flex;
    justify-content: flex-end;
	align-items: center;
}

.bottom-lightbox .callout-container
{
	background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    justify-content: center;
    color: #005D7D;
    width: 100%;
    margin-left: 6vw;
	font-family: "klavika-web-condensed","klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.desktop-promo h3 {
	font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #EBEEF3;
	line-height: 1vw;
    font-size: 1.6vw;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    padding-right: 0.5vw;
}

.btn-container {
	padding: 0;
}

p.callout-txt
{
	display: inline-block;
	color: #EBEEF3;
	font-size: 2.8vw;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding-top: 4.5vw;
    padding-bottom: 2.2vw;
	font-weight: bold;
}

.lunette-container p.callout-txt
{
	display: block;
}

.bottom-lightbox p.callout-txt
{
	font-size: 1.8vw;
    line-height: 1.7vw;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 100;
	color: #0C1E36;
}

.btn-container
{
	text-align: center;
}

.dtn-btn
{
	color: white;
	display: inline-block;
	padding: 1vw 1.5vw;
	text-decoration: none;
	font-size: 2.5vw;
    line-height: 2.5vw;
    font-weight: bold;
}

.dtn-btn:hover,
.bottom-lightbox .dtn-btn:hover
{
	text-decoration: none;
	color: #B31E3B;
}

.dtn-btn:visited,
.dtn-btn:active,
.dtn-btn:focus,
.bottom-lightbox .dtn-btn:visited,
.bottom-lightbox .dtn-btn:focus,
.bottom-lightbox .dtn-btn:focus,
.learn-btn:visited,
.learn-btn:focus,
.learn-btn:active
{
	text-decoration: none;
	color: white;
}

.dtn-btn
{
    background-color: #B31E3B;
    border: solid 1px #B31E3B;
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    border-radius: 0.3vw;
    font-size: 1.8vw;
    font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5vw;
    line-height: 1.5vw;
    color: #fff !important;
    margin-top: 1vw;
}

.dtn-btn-lb {
	margin: 0 1vw;
    padding: 0.5vw 2.5vw 0.5vw 2.5vw;
    border-radius: 0.1vw;
}

.header-image img {
	height: 11vw;
}

.sub-image img {
    height: 5vw;
    margin-top: 1vw;
}

.bottom-lightbox .dtn-btn
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2vw;
    padding: 0.5vw 2vw 0.5vw 2vw;
    font-size: 1.4vw;
}

.large-text-desktop {
    font-family: "klavika-web","klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    align-items: center;
    color: #212F64;
    display: inline-block;
	font-weight: 600;
}

.learn-btn
{
	border: solid white 1px;
}

.desktop-break
{
	display: flex;
	justify-content: center;
    /* align-items: center; */
	flex-direction: column;
	/* width: 40%; */
	/* text-align: left; */
}

.mobile-break {
	display: none;
}

.desktop-break p {
	font-size: 1.5vw;
    line-height: 2.5vw;
}

.desktop-break img {
	width: 32vw;
}

.mobile-only
{
	display: none;
}

@media(max-width: 768px)
{

	.lunette_close.close_icon {
		top: 2vw;
		right: 2vw;
	}

	.p-grid {
		justify-content: flex-end;
	}

	.limited {
		font-size: 2.5vw;
		line-height: 4.5vw;
		margin-bottom: 1.5vw;
	}
	
	.limited-promo {
		font-size: 2.5vw;
		line-height: 2.5vw;
	}

	.lunette_close.close_icon img {
		/* width: 20px !important; */
		width: 4vw !important;
		max-width: 20px;
	}

	.desktop-only
	{
		display: none;
	}
	
	.mobile-only
	{
		display: inline-block;
	}
	
	.mobile-break
	{
		display: block;
	}
	
	.desktop-break
	{
		display: none;
	}
	
	.right-text, .left-text {
		width: 50%;
	}

	.desktop-break p {
		font-size: 3vw;
		padding: 0.3vw;
		margin: 3vw 0;
		line-height: 3vw;
	}


	.bottom-lightbox a.close-btn img {
		width: 4vw !important;
		max-width: 20px;
	}

	.bottom-lightbox .desktop-break {
		width: 100%;
    	margin: 0 auto;
	}

	.mobile-promo h3 {
		font-family: "klavika-web", "klavika", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 600;
		color: #EBEEF3;
		line-height: 4.5vw;
		font-size: 4.5vw;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		padding-right: 0.5vw;
	}

	.promo-image {
		width: 60vw;
		margin-top: 0vw;
	}
	
	p.callout-txt
	{
		font-size: 5vw;
		padding-top: 0vw;
		padding-bottom: 0vw;
		line-height: 1.2;
	}
	
	img.logo-d1
	{
		display: none;
	}

	img.logo-mobile {
		width: 60%;
		display: inline-block;
	}
	
	.desktop-arrow
	{
		display: none;
	}
	
	.mobile-arrow
	{
		display: inline;
	}
	
	.arrow-img,
	.bottom-lightbox .arrow-img
	{
		height: 7vw;
	}
	
	.dtn-btn, .learn-btn
	{
		padding: 2vw 2.5vw;
		font-size: 6.5vw;
	}
	
	.small-text {
		font-size: 4.5vw;
	}

	.dtn-btn
	{
		padding: 0.5vw 0.5vw 0.5vw 0.5vw;
		margin-top: 1vw;
		font-size: 3.2vw;
		line-height: 5vw;
		font-weight: bold;
		width: 24vw;
		text-align: center;
		background-size: 3.2vw;
		background-position-y: 2vw;
	}

	.flags-img,
	.box-shadow,
	.vvc-img
	{
		display: none;
	}
	
	.lunette-container .callout-container
	{
		padding: 7vw 0vw 7vw 0vw;
		background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-2023/images/dav-mem-tshirt-2023-lb-mb-fixed.jpg);
		background-size: 100%;
		background-color: #005D7D;
		background-position: top;
		background-repeat: no-repeat;
		justify-content: center;
		text-align: center;
		background-size: cover;
	}

	.header-image {
		margin-bottom: 2vw;
	}

	.header-image img {
		height: 21vw;
		margin-bottom: 0vw;
	}
	
	.sub-image img {
		height: 11vw;
	}
	
	.callout-wrapper
	{
		width: 100%;
		text-align: center;
		padding: 0;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.bottom-lightbox
	{
		background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/dav/dav-mem-tshirt-2023/images/dav-mem-tshirt-2023-lb-mb-mobile.jpg);
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #005D7D;
		padding: 7vw 0 7vw 0;
	}
	
	.bottom-lightbox a.close-btn
	{
		top: 2vw;
		right: 2vw;
	}
	
	.bottom-lightbox .callout-container
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		margin-left: 0;
		width: 60%;
		font-size: 4.5vw;
		line-height: 5vw;
	}

	.bottom-lightbox .callout-container .bottom-text-mobile {
		padding-bottom: 1vw;
		display: inline-block;
		font-weight: 500;
		color: #005D7D;
		font-size: 4.5vw;
		line-height: 4.5vw;
	}

	.right-text h2 {
		font-size: 11.9vw;
		line-height: 11.2vw;
	}

	.right-text .bottom-text {
		font-weight: 500;
		color: #005D7D;
		font-size: 6vw;
		line-height: 6vw;
	}

	.right-text  h3{
		line-height: 4.8vw;
		font-size: 4vw;
	}

	.right-text  h4{
		line-height: 6vw;
		font-size: 6vw;
		padding: 0;
		font-weight: bold;
	}

	.sub-text {
		line-height: 3.8vw;
		font-size: 3.4vw;
		margin-top: 1.5vw;
	}

	.right-text h5{
		line-height: 7vw;
		font-size: 6vw;
		margin: 2vw 0 0vw 0;
		font-weight: bold;
	}

	.left-text p {
		margin-top: 4vw;
		font-size: 4.2vw;
		margin-bottom: 3vw;
	}

	.left-text .lnk-not-member {
		font-size: 3vw;
		margin-top: 3.5vw;
		font-weight: 600;
	}

	.desktop-header {
		display: none;
	} 
	
	.mobile-header {
		display: block;
		text-align: center;
	}

	.mobile-header img {
		width: 64vw;
		padding: 1vw 0 1vw 0;
	}
	
	.bottom-lightbox .dtn-btn
	{
		padding: 0.2vw 0vw 0.2vw 0vw;
		font-size: 3vw;
		line-height: 5vw;
		font-weight: bold;
		width: 21vw;
		text-align: center;
		margin-top: 0vw;
		margin-bottom: 0vw;
		margin-right: 0;
		margin-left: 0;
	}

	.callout-container {
		width: 100%;
	}
	
	.bottom-lightbox p.callout-txt
	{
		font-size: 5.5vw;
		margin-bottom: 1vw;
		/* width: 61%; */
		/* padding: 2vw 13vw 0vw 13vw */
	}
	
	.mobile-widget-logo
	{
		width: 61%;
		margin-top: 15vw;
	}
}
