:root {
    --nr_light_green: #89A583;
    --nr_dark_green: #406346;
    --nr_light_blue: #00529C;
    --nr_dark_blue: #1A4D6D;
}

html {
    scroll-behavior: smooth;
}
a {
    scroll-margin-top: 20em;
    scroll-padding-top: 20em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "josefin-sans",sans-serif;
    font-weight: bold;
}

a.anchor{scroll-margin-top:120px; scroll-padding-top:0;}

.cc_hero_wrap {
    position:relative;
    width:100%;
    height:0;
    padding-bottom:46.77%;
}
.cc_hero_wrap_img {
    width:100%;
    max-width:100%;
    position:absolute;
    top:0;
    left:0;
}
.cc_hero_wrap_logo {
    width: 40%;
    z-index: 1;
    position: absolute;
    margin-left: 30%;
    top: 10%;
}
.ccfont {
    font-family: "josefin-sans",sans-serif;
}

h1 {
    color:#00529C;
    font-size:2.5rem;
}
#newsletter_signup_wrap h1{color: #008285; font-size:5em;}

.center  {
    text-align:center;
}
section.cc_gap {
    margin-top:5rem;
    margin-bottom:5rem;
}
section.cc_gap h2 {
    color: var(--nr_dark_blue);
    font-size: 3rem;
    text-transform: uppercase;
}
#prizes {
    margin-top:3rem;
}
.prizes_wrap {
    justify-content: center;
}
.prize {
    width:20em;
    margin:2rem;
}
.prize_image img {
    max-width:100%;
}
.prize_level {
    font-family: "josefin-sans",sans-serif;
    font-size:2rem;
    color:#00529C;
    font-weight: 700;
    text-transform: none;
}
.prize_description {
    font-size:1.1rem;
}

.readable.narrow {
    text-align:center;
    max-width:75ch;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
}
.readable.narrow p {
    font-size:1.2rem;
}

#bed {
    max-width:80%;
    display:block;
    margin-left:0;
}

.cc_nav h4 {
    text-transform: uppercase;
    font-weight:200;
    margin:0;
    color:white;
    font-size:1.2rem;
    z-index:1;
    overflow:hidden;
}
.cc_nav h2 {
    text-transform: uppercase;
    font-weight:900;
    margin:0;
    color:white;
    z-index:1;
    overflow:hidden;
    font-size: 2.5rem;
}
.cc_nav_bg {
    position:absolute;
    width:100%;
    height:100%;
    object-fit: cover;
}
.flex {
    display:flex;
}
.inCart {
    display:none !important;
}
a.cc_nav {
    display:block;
    width:20rem;
    height:8rem;
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    overflow:hidden;
    text-align:center;
    margin:2rem;
    background-color: var(--nr_light_green);
    transition: 0.3s all;
}

a.cc_nav:hover {
    background-color: var(--nr_dark_green);
}

.cc_nav_content_wrap {
    padding:1rem;
    width:100%;
    z-index: 1;
    text-transform: uppercase;
}
#sticky_cc_nav_wrap {
    max-width:1920px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    justify-content: center;
}
.sticky_cc_nav {
    background:white;
    position:sticky;
    top:4.7rem;
    z-index:90;
}
.sticky_cc_nav a {
    text-decoration:none;
}

.plx_header {
    display:flex;
    padding:2rem;
    background-attachment: fixed;
    background-image:url("/src/Widgets/Nrlanding/assets/css/images/nr-leaf-background.png");
    background-size:cover;
    background-repeat:repeat-y;
    margin-top:4rem;
    margin-bottom:4rem;
    justify-content: center;
    align-items: center;
}
.plx_header h4 {
    font-weight:200;
    color:var(--nr_light_green);
    font-weight: bold;
    font-size:1.8rem;
    margin:0;
}
.plx_header h2 {
    font-weight:900;
    color:white;
    font-size:4rem;
    margin:0;
    text-transform: uppercase;
    line-height: 1em;
}
.plx_header.nogapbottom {
    margin-bottom:0;
}

.contain {
    max-width:1920px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    position:relative;
}
.readable {
    max-width:120ch;
}
.sensible {
    max-width:1400px;
}

#rules {
    background-image:url("/src/Widgets/Cclanding/assets/css/images/rules_bg.jpg");
    background-size:cover;
    padding:3rem;
}
.rule_number {
    color:#7DA7D9;
    font-size:7rem;
    font-weight:900;
    margin-right:2rem;
    width:10rem;
    text-align:right;
}
.rule_title {
    color:#00529C;
    font-size:3rem;
    line-height:1;
    font-weight:900;
    margin-right:2rem;
    width:40rem;
    text-align:left;
    text-transform: none;
}
.rule_wrap {
    display:flex;
    background:white;
    padding:3rem;
    align-items:center;
    justify-content: space-between;
    margin-bottom:3rem;
}
.rule_wrap:last-child {
    margin-bottom:0;
}
.rule_description {
    font-size:1.1rem;
    line-height:1.5;
    width:100%;
}

#locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#locations .destination_header {
    background: none;
}

#locations h3 {
    color: var(--nr_dark_blue);
    text-transform: uppercase;
}

#locations p {
    color: var(--nr_dark_green);
}

#locations a {
    /* background-color: var(--nr_dark_green); */
}

#locations .close {
    background-color: var(--nr_dark_green);
}

.coupon {
    position:absolute;
    display:block;
    width:40%;
    top:0%;
    right:-10%;
    transition:transform 1s ease;
    filter:drop-shadow(-10px -10px 5px rgba(0,0,0,0.2));
}
#coupon2 {
    top:25%;
}
span.allcaps {
    font-weight:bold;
    text-transform: uppercase;
}
.readable p {
    font-size:1.1rem;
    margin:0 auto;
}
.blue {
    color:#00529C;
}
hr {
    margin-top:4rem;
    margin-bottom:4rem;
}
.destinations {
    justify-content: center;
    flex-wrap:wrap;
}
.destination_wrap {
    margin:1%;
    width:22%;
	/* height:455px; */
    box-shadow:0 0 1rem rgba(0,0,0,0.4);
}
.destination_image {
    width:100%;
    /* max-width: 150px; */
    height: 100%;
    max-height: 170px;
    display: block;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.destination_content_wrap {
    padding:1.5rem;
    margin-top: auto;
}
.destination_header {
    background-color:#00529C;
}
.destination_content_wrap p {
    font-size:1rem;
    color:#00529C;
}
.destination_content_wrap ul li{
    font-size:1rem;
    color:#00529C;
	text-align:left;
}


.destination_content h3 {
    margin-bottom:2rem;
    margin-top:0;
    font-size:1.5rem;
    color: #00529C;
    text-transform: none;
}
.destination_content h1 span{display:block; font-size:1rem; font-style:italic; margin-top:5px;}

.cta_link, .block_button {
    width:100%;
    display:block;
    text-align:center;
    text-decoration:none;
    background:#00529C;
    color:white;
    padding:1rem;
    text-transform:uppercase;
    margin-top:2rem;
}

/*
.destination_content .block_button{position:absolute; bottom:10px;}
*/

.swiper-container {
    display:none;
}
.flex.destinations {
    display:flex;
}
.swiper-slide {
    position:relative;
}
@media only screen and (max-width: 1200px) {
    /*
	.swiper-container {
        display:block;
    }
    .flex.destinations {
        display:none;
    }
    .destination_wrap {
        width:100%;
    }
    .swiper-slide {
        width:25rem !important;
    }
	*/
}
.swiper-container {
    width: 100%;
    height: 45rem;
}
/* .swiper-slide {
    width:25rem;
    max-width:25rem;
} */
.swiper-slide img {
    max-width:100%;
}

#faq_section {
    background-image: url("/src/Widgets/Nrlanding/assets/css/images/white_leaves.svg");
}

#faq_section .contain {
    padding: 5rem 0;
}

.faq {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:2rem;
}
.faq h3 {
    text-transform: uppercase;
    color:var(--nr_dark_blue);
    font-size:1.5rem;
    margin-right:2rem;
    font-weight:900;
    text-align:right;
    font-family: "josefin-sans",sans-serif;
	width:40%;
    min-width: 40%;
}
.faq p {
    margin: 0;
    margin-right: auto;
}

.blog_wrapper {
    margin: 3rem 0;
}

.faq a, .faq a:hover {
    color: var(--nr_dark_green);
    text-decoration: underline;
}

.blog_item {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
    margin-bottom: 2rem;
}

.blog_item:last-child {
    margin-bottom: 0;
}

.blog_item img {
    height: 10rem;
    width: 15rem;
    object-fit: cover;
}

.blog_item div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

.blog_item h3 {
    color: var(--nr_dark_blue);
    margin: 0;
}

.blog_item p {
    margin: 0;
}

.blog_item a {
    align-self: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--nr_dark_green);
    color: white;
    padding: 1rem 3rem;
}

p a {
    color:#00529C;
    text-decoration:none;
    font-weight:bold;
}

#moreq {
    margin-top:4rem;
    margin-bottom:4rem;
}
#moreq h2 {
    font-size:2rem;
    font-family: "josefin-sans",sans-serif;
    color:var(--nr_light_green);
    text-transform: uppercase;
}
#moreq a, #moreq a:hover {
    color: var(--nr_dark_green);
    text-decoration: underline;
}

.teaser {
    width:100%;
    height:20rem;
    background-size:cover;
    display:block;
    position:relative;
    margin-bottom:3rem;
    text-decoration:none;
    display: flex;
    align-items: center;
    background-position: center;
}
#itin_teaser {
    background-image:url("/widgets/cclanding/assets/css/images/itin_bg.jpg");
    justify-content: flex-end;
}
#itin_teaser .msg {
    margin-right:20%;
    transition:transform 0.3s ease;
}
#itin_teaser:hover .msg {
    transform:scale(1.1);
}
#itin_teaser h1 {
    font-family:Lato,sans-serif;
}
#itin_teaser h1 .top {
    font-weight:200;
    text-transform:uppercase;
    color:#464646;
    font-size:1.5rem;
}
#itin_teaser h1 .bottom {
    font-weight:900;
    text-transform:uppercase;
    color:#028285;
    font-size:3rem;
}

#mt_teaser {
    overflow:hidden;
    background-image:url("/widgets/cclanding/assets/css/images/mt_bg.jpg");
    justify-content: flex-start;
}
#mt_teaser .grad_overlay {
    width:100%;
    height:100%;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 85%);
    opacity:0.5;
    transition:opacity 0.3s ease;
    position:absolute;
}
#mt_teaser:hover .grad_overlay {
    opacity:1;
}
#mt_teaser .msg {
    margin-left:20%;
    transition:transform 0.3s ease;
    z-index:2;
    position:relative;
}
.msg img {
    display:block;
    transition:all 0.3s ease;
}
#mt {
    width:25rem;
}
#check_out {
    width:14rem;
    position:relative;
    top:2.5rem;
}
#mt_teaser:hover #mt {
    transform:scale(1.1);
}
#mt_teaser:hover #check_out {
    transform:scale(1.1) translateY(-1rem);
}



.clear{display:block; clear:both; overflow:hidden; width:100%;}



.destination_wrap {
	background: #FFF;
}				
.destination_wrap .containExcitement{
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all 0.5s linear;
}

.destination_wrap.flipped .containExcitement{
	transform: rotateY(180deg);
}

.destination_wrap .front, .destination_wrap .back{
	/* position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background:#FFF; */
}
.destination_wrap .back{
	display:block;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	box-sizing: border-box;
	
}
.destination_wrap .front {
    padding:1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}


.destination_wrap .close{cursor:pointer; position:absolute; top:-10px; right:-10px; z-index:5; box-shadow:0 0 5px #CCC; border-radius:50%; padding:5px 10px; font-size:16px; font-weight:700; color:#FFF; border:2px solid #FFF; background:#00529C; line-height:22px;}


#itin_teaser .msg > * {
	text-shadow: 0 0 1px #fcfcfc, 0 0 2px #fcfcfc, 0 0 3px #fcfcfc, 0 0 4px #fcfcfc, 0 0 5px #fcfcfc, 0 0 1px #fcfcfc, 0 0 2px #fcfcfc, 0 0 3px #fcfcfc, 0 0 4px #fcfcfc, 0 0 5px #fcfcfc;
}


aside#grand_prize_wrap {
	position: relative;
	overflow: hidden;
}



.faq {
	margin-left: 15px;
	margin-right: 15px;
}
#faq .faq.button-cta {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction:row;
	flex-wrap:nowrap;
	align-content:flex-start;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#faq .faq.button-cta .readable.contain{}

#faq .faq.button-cta a.chevron_link{padding:0; margin:-20px 0 20px 0; font-size:100%;}
#faq .faq.button-cta a.chevron_link span{}

.cc_banner_text {
    color: #00529C;
    font-size: 2.5rem;
    font-weight: 900;
    margin: 0.67em 0;
    text-transform: none;
}



/****************************************
	MOBILE STYLING
****************************************/


@media screen and (max-width:800px){	
	.flex.destinations {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-evenly;
	}
	.destination_wrap{
		width: 30%;
		/* height: 320px; */
	}
	
	/**************************/
	
	.cc_nav h4 {
		font-size: 1rem;
	}
	.cc_nav h2 {
		font-size: 1.5rem;
	}
	
	/**************************/
	
	.teaser{margin-bottom:0;}

    .faq {
        align-items: center;
    }

    .faq h3 {
        margin-right: 0;
        width: 90%;
        text-align: center;
    }

    .faq p {
        text-align: center;
        width: 90%;
        margin-right: 0;
    }

    .blog_item div {
        width: 70%;
        text-align: center;
    }
}



@media screen and (max-width:600px){
	
	#sticky_cc_nav_wrap {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		max-width: none;
		width: 100%;
		left: auto;
		right: auto;
		box-shadow: 0 0 10px #000;
	}
	
	a.cc_nav {
		align-items: center;
		width: 50%;
		height: auto;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: auto;
		outline: 1px solid #FFF;
	}
	
	.grand_prize_image_and_tags #bed {
		max-width: 90%;
		display: block;
		margin-left: 0;
	}
	.grand_prize_image_and_tags .coupon {
		width: 30%;
		right: -10px;
	}	
	
	
	/**************************/
	
/* 	.destination_image {
		max-width: 60%;
	} */
	
	/**************************/
	
	.rule_wrap{display:block; align-items:center;}
	.rule_number, .rule_title{display:inline-block; width:auto;}
	
	p.rule_description{
		clear: both!important;
		display: block;
		width: 100%!important;
		float: none!important;
		max-width: 100%;
		min-width: 100%;
		font-size: initial;
		line-height: normal;
	}
	
	/**************************/
	.faq {
		display: flex;
		align-items: baseline;
		margin-bottom: 2rem;
		flex-direction: column;
		flex-wrap: nowrap;
        align-items: center;
	}
	.faq h2 {
		min-width: auto;
		text-align: center;
		margin: 0 4% 10px 4%;
	}
	
	
	/**************************/
	
	#mt_teaser .msg{margin-left:5%;}
	
	/**************************/
	
	#footer p.phone{padding:0 0 15px 0;}
	
	#footer ul.nav.menu{
		display: flex;
		padding: 15px 0;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		border-top:1px solid rgb(255 255 255 / 25%);
		border-bottom:1px solid rgb(255 255 255 / 25%);
	}
	#footer ul.nav li{
		padding:10px 15px;
	}
	#footer ul.nav li a{
		font-size:12px;
	}	
	
	#footer .customsoc {
		padding: 5px 0 0 0;
		display: block;
		clear: both;
		overflow: hidden;
	}
	
}



@media screen and (max-width:500px){
	.destination_wrap{width:100%;}
	.destination_content_wrap p{font-size:1.3rem;}
}


@media screen and (max-width:400px){
	#sticky_cc_nav_wrap{
		flex-direction:column;
		flex-wrap:nowrap;
	}
	
	a.cc_nav{
		width:100%;
		flex-wrap:nowrap;
		flex-direction:column;
	}
	
	/**************************/
	
	.prizes_wrap.flex {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	.prize {
		width: auto;
		margin: 10%;
	}
	h2.prize_level{
		font-size:3.2em;
	}
	.prize_description {
		font-size: initial;
	}
	
	/**************************/
	
	
	
	
}