#banner.lightbox-adjust {
	margin-top: 0 !important;
}

#nav-main.lightbox-adjust {
	position: relative !important;
}

#nav-main.menu-float-adjust {
	position: fixed;
	top: 0;
}

.eu-cookie-compliance-banner {
    background: #5F6469;
}

.eu-cookie-compliance-banner button,
.eu-cookie-compliance-banner button:hover,
.eu-cookie-compliance-banner button:active,
.eu-cookie-compliance-banner button:focus {
	background: none;
	text-decoration: underline;
}

.eu-cookie-compliance-banner a {
    color: white;
    text-decoration: underline;
}

.eu-cookie-compliance-banner .popup-content {
	padding: 5px 5px 5px 25px;
}

.lightbox-link {
    padding: 0;
    margin: 0;
    display: flex;
    text-decoration: none;
    color: #222c67;
    overflow: hidden;
    width: 100%;
    flex-direction: column;
}

.bottom-lightbox img
{
	-ms-interpolation-mode: bicubic;
}

div.box-shadow {
	position: absolute;
    bottom: 0;
    box-shadow: inset 0 -15px 15px -10px #999999;
    left: 0;
    right: 0;
    height: 25px;
}

.bottom-lightbox {
	background: white;
	color: #222c67;
	z-index: 4000;
}

.bottom-lightbox {
	position: fixed;
	display: flex; /* TEST */
	flex-wrap: wrap; /* TEST */
	bottom: 10px;	
	right: -100%; /* TEST */
	padding: 10px 0 0 0;
	width: 100%; /* TEST */
	max-width: 290px; /* TEST */
	height: 312px; /* TEST */
	background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/lwr/gifts-of-love-2022/images/lwr-gifts-of-love-desktop-bg.jpg);
	background-size: contain;
	justify-content: center;
	overflow: hidden;
	font-size: 16px;
}

.top-row {
	height: 15%;
	justify-content: center;
}

.bottom-row {
	height: 70%;
}

.top-img {
    position: relative;
    top: 5px;
    height: 100%;
    max-height: 26px;
    width: auto;
}

.sub-img {
	position: relative;
	height: 100%;
	max-height: 45px;
	width: auto;
}

.image-1, .image-2 {
	/* width: 100%; */
	text-align: center;
}

.desktop-btn, .desktop-only {display: block;}
.mobile-btn, .mobile-only {display: none;}

.bottom-lightbox a.close-btn {
	position: absolute;
	right: 5px;
	top: 5px;
}

.bottom-lightbox a.close-btn img {
	height: 20px;
}

.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: 60%;
}

.callout-container {
	position: relative;
	text-align: center;
	display: flex;
    align-items: baseline;
    justify-content: flex-start;
	padding: 0;
	/* background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/lwr/gifts-of-love-2021/images/boy.png); */
	/* background-size: 81%;
    background-position-x: 100px;
	background-position-y: -10px;
    background-repeat: no-repeat; */
	/* padding-bottom: 16px;
    padding-top: 16px; */
    /* padding-bottom: 10px; */
}

.inner-container {
    display: flex;
    /* width: 45%; */
    justify-content: center;
    flex-flow: column;
    align-items: center;
    /* padding-right: 25px; */
    padding: 10px 48px;
}

.inner-container p{
	font-family: "GothamHTF", sans-serif;
	margin: 0;
	padding: 0;
	font-weight: 500;
	font-size: 8px;
    padding: 18px 16px 4px 15px;
    line-height: 1.1;
	color: black;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.inner-container .sub-container {
	justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.inner-container h3 {
	padding: 0;
    margin: 0;
    font-family: "GothamHTF", sans-serif;
    color: #B32730;
	font-size: 17px;
    font-weight: 300;
}

.btn-container {
	padding: 0;
}

.txt-link {
    color: white;
	text-decoration: underline;
}

.txt-link:hover, .txt-link:visited {
	color: white;
}

/*.bottom-lightbox .callout-container
{
	display: flex;
    align-items: center;
    justify-content: center;
}*/

p.callout-txt {
	font-family: "GothamHTF",sans-serif;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	margin: 0;
	/* padding-top: 2vw;
    padding-bottom: .5vw; */
	margin-left: 3vw;
}

.bottom-lightbox p.callout-txt {
	font-size: 18px;
    /* padding-top: 18px;
    padding-bottom: 18px; */
	color: white;
    font-weight: bold;
	width: 40%;
	max-height: 56px;
}

.btn-container {
	text-align: center;
}

.dtn-btn,
.learn-btn {
	font-family: "GothamHTF",sans-serif;
	color: white;
	display: inline-block;
	padding: 0;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
    z-index:2;
}

.dtn-btn:hover,
.learn-btn:hover,
.bottom-lightbox .dtn-btn:hover {
	text-decoration: none;
	color: white;
}

.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 {
	padding: 0;
}

.bottom-lightbox .dtn-btn {
	background-color: #B32730;
	margin-top: 5px;
    padding: 6px 14px;
    font-size: 14px;
    line-height: 14px;
}

.bottom-lightbox .dtn-btn img{
	width: 100%;
}


.learn-btn {
	border: solid white 1px;
}

.desktop-break {
	display: block;
}

.desktop-break img {
	width: 100%;
	max-width: 410px;
}

.mobile-only {
	display: none;
}

.count-wrapper {
	font-family: "GothamHTF",sans-serif;
	color: white;
}

.days-count,
.hours-count,
.minutes-count,
.seconds-count {
	font-size: 32px;
	font-weight: bold;
}

.time-label
{
	font-size: 10px;
	margin-top: -6px;
}

.limited-txt
{
	/*color: #FF6B00;*/
	color: white;
    font-weight: bold;
}

.count-grid .p-col-4 
{
    padding-top: 0;
}


@media(max-width: 768px) {	

	
	.mobile-break {
		display: block;
		width: 55%;
	}

	.mobile-break img{
		width: 100%;
	}
	
	.desktop-break
	{
		display: none;
	}
	
	p.callout-txt
	{
		font-size: 18px;
		/* padding-top: 3vw; */
		padding-bottom: 3vw;
		line-height: 1.4;
	}
	
	img.logo-d1 {
		width: 100%;
	}
	
	.desktop-arrow {
		display: none;
	}
	
	.mobile-arrow
	{
		display: inline;
	}
	
	.arrow-img,
	.bottom-lightbox .arrow-img
	{
		height: 7vw;
	}
	
	.callout-wrapper
	{
		padding-bottom: 3vw;
	}
	
	.bottom-lightbox
	{
		background-color: #459CCC;
        background-size: cover;
	}
	
	a.dtn-btn img
	{
		width: 100%;
		/* height: auto; */
		/*float: none;*/
	}
	
	.bottom-lightbox p.callout-txt
	{
		font-size: 18px;
		/* padding: 10px 15px 25px 15px; */
		display: block;
        width: 90%;
        margin: 0 auto;
		max-height: fit-content;
		padding: 0 0 10px;
	}
	
	.mobile-widget-logo
	{
		width: 70%;
		margin-top: 15vw;
	}
	
	.count-wrapper
	{
		width: 60%;
		margin: 0 auto;
	}
}

@media(max-width: 500px) {
	.bottom-lightbox {
		top: auto;
		bottom: 10px;	
		right: -100%; /* TEST */
		padding: 3vw 0 0 0;
		width: 100%; /* TEST */
		height: unset;
		max-width: 100%;
		background: url(https://s3.amazonaws.com/content.cdrfg.com/lightbox/lwr/gifts-of-love-2022/images/lwr-gifts-of-love-mobile-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		bottom: 10px;
	}

	.top-row {
		height: 10%;
	}

	.bottom-row {
		height: 90%;
	}

	.inner-container {
		padding: 12vw 0vw 0vw 0vw;
		width: 100%;
		align-items: flex-start;
	}

	.inner-container p {
		font-size: 3vw;
		color: black;
		padding: 3.5vw 0 0 0;
		width: 100%;
    	text-align: left;
	}

	.inner-container .sub-container {
		width: 60%;
		text-align: left;
		align-items: flex-start;
	}

	.inner-container h3 {
		font-size: 6.3vw;
		font-weight: 300;
		margin-top: 2vw;
	}

	.bottom-lightbox .dtn-btn
	{
		background-color: #B32730;
		margin-top: 3.5vw;
		padding: 6px 14px;
		font-size: 4vw;
		line-height: 4vw;
		padding: 2vw 8vw;
	}

	.callout-container {
		padding: 0 10vw;
	}

	.desktop-btn, .desktop-only {display: none;}
	.mobile-btn, .mobile-only {display: block;}

	.top-img {
		width: 60vw;
		height: unset;
		max-height: unset;
	}

	.sub-img {
		max-height: 45px;
	}

	.image-2 {
		text-align: left;
		padding: 2% 0% 0 11%;
	}
}

@media(min-width: 769px) and (max-width: 1349px) {
	.mobile-break {
		display: none;
	}
    
    .bottom-lightbox p.callout-txt
	{
		font-size: 1.5vw;
		/* margin-left: 12vw; */
		margin-left: 22%;
	}
	
	.bottom-lightbox a.dtn-btn
	{
		font-size: 1.5vw;
	}
	
	.widget-float-img
	{
		/* height: 4vw; */
		/* top: 17%; */
		/* width: 18%; */
		/* top: 26%;
    	height: auto; */
		height: 50px;
    	width: auto;
		/* top: 20px; */
	}
}