@charset "utf-8";
/*
Theme Name: J Resort Landing Page
Theme URI: moderncraftmedia.com
Author: Modern Craft Media
Author URI: moderncraftmedia.com
Version: 0.9 (Beta)

NOTE: This stylesheet should only include styles pertaining to visual elements of the website, not the overall layout and positioning of the containing elements on the site. 
Examples of appropriate styles to be put here include:
	* Backgrounds
	* Font styles
	* Content Styles for ul, ol, a, etc.
	
Also references to the HTML5 layout tags should be made whenever possible to support future browser features.
HTML5 layout tags used:
	* header
	* nav
	* article (this tag wraps the main content of the website)
	* footer
*/
::-moz-selection, ::selection {
 	background: #1BC7DE;
}
html{
	scroll-behavior: smooth;
}
body{}
#wrapper {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
}
/*----Wordpress Over Rides----*/
h1{
	color:var(--main-heading, #000);
}
#content{
	color:var(--main-text-color, #000);
	background:var(--main-bg-color, #fff);
	font-family: 'Figtree', sans-serif;
}
a{
	color:var(--main-link, #33F);
	text-decoration: underline;
}
a:hover{
	color:var(--main-link-hover, #000);
	text-decoration:none;
}


/*-----Header Styles-----*/
.header-wrap{
	/*--- un comment if header is on top of conteny
	position:absolute;
	top:0;
	z-index:11;
	width:100%;----*/
}
.announcement-bar {
	display: block;
    font: 16px/20px 'Figtree', sans-serif;
    letter-spacing: 0.5px;
	background: var(--main-announcement-background, #af1e1e);
	background: -moz-linear-gradient(-45deg,  var(--main-announcement-grad, #000) 0%, var(--main-announcement-background, #af1e1e) 100%);
	background: -webkit-linear-gradient(-45deg,  var(--main-announcement-grad, #000) 0%,var(--main-announcement-background, #af1e1e) 100%);
	background: linear-gradient(135deg,  var(--main-announcement-grad, #000) 0%,var(--main-announcement-background, #af1e1e) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de321b', endColorstr='#af1e1e',GradientType=1 );
	color: var(--main-announcement-text, #0000);
	text-decoration: none;
    padding: 5px;
	transition: all 250ms ease-in-out;
}
a.announcement-bar:hover{
	background: #966;
	background: -moz-linear-gradient(-45deg,  #cc7266 0%, #966 100%);
	background: -webkit-linear-gradient(-45deg,  #cc7266 0%,#966 100%);
	background: linear-gradient(135deg,  #cc7266 0%,#966 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc7266', endColorstr='#966',GradientType=1 );
}
header {
	padding:16px 0;
	background: var(--main-header-background, #fff);
	background: -moz-linear-gradient(180deg, rgba(15,15,15,1) 0%, var(--main-header-background, #fff) 100%);
	background: -webkit-linear-gradient(180deg, rgba(15,15,15,1) 0%, var(--main-header-background, #fff) 100%);
	background: linear-gradient(180deg, rgba(15,15,15,1) 0%, var(--main-header-background, #fff) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f0f",endColorstr="#000000",GradientType=1);
}
header a{
	color:var(--main-header-text, #000);
	text-decoration: none;
}
.iheader{
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#logo{
	display: block;
}
#logo img {
	width:22vw;
	height:auto;
}

/*-----Navigation Styles-----*/
#nav-primary {}
.menu ul{
	display:flex;
	justify-content: center;
}
.menu a{
	margin:0 10px;
}

/*-----Slider Styles-----*/
.bighead {
	position:relative;
	background: #000;
	line-height: 0;
	min-height: 420px;
	overflow: hidden;
	width: 100%;
	/*filter: drop-shadow(0 0 .1vw #0ff) drop-shadow(0 0 1.5vw #0ff) drop-shadow(0 0 3vw #00f) drop-shadow(0 0 4.5vw #00f);*/
	/*filter: drop-shadow(0 0 .1vw #58ffff) drop-shadow(0 0 1.5vw #39c0ff) drop-shadow(0 0 3vw #39c0ff) drop-shadow(0 0 4.5vw #39c0ff);*/
	z-index: 10;
}
.archive .bighead{
	height: 450px;
}
/*.bighead img{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	opacity: .45;
}*/
.leftbig{
 	box-shadow: 0 30px 40px 40px rgba(15,18,26,.5);
}
.leftbig img{
	min-width: 100%;
	height: auto;
	object-fit: cover;
}
.rightbig {
	position: absolute;
	top: 0;
	right: 0;
	width: 30vw;
}
.rightbig img{
	width: 100%;
	height: auto;
}
.slidetitle{
	padding: 10px 0 0 10px;
	text-align: center;
}
#big-head {
	padding-bottom: 20vh;
	background: #000;
	box-shadow: 0 0 4vw .25vw #000,0 0 5vw .5vw #000;
}
#big-head .add-cont-section{
	padding: 0;
	overflow: hidden;
	height: 100vh;
	min-height: 45vw;
	color: #fff;
	position: relative;
	z-index: 1;
}
#big-head .add-cont-img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#big-head .add-cont-img img{
	object-fit: cover;
	object-position: bottom 0% right 40%;
	opacity: 1;
}
#big-head .add-cont-txt{
	position: absolute;
	top: 0;
	left: 0;
	height: 52.5vh;
	width: 55%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#big-head h1{
	font-size: 2vw;
	line-height: 2.75vw;
	letter-spacing: .25vw;
	text-transform: uppercase;
}
#big-head .trfm {
	font-size: 0;
	height: 0;
	display: inline-block;
	line-height: 0;
}
#big-head .trfm::before {
	content: url('https://dev.moderncraftmedia.com/jresortreno/wp-content/themes/J_Resort_LP/images/Transformation.svg');
	display: block;
	filter: drop-shadow(0 0px 2px #70cbd0) drop-shadow(0px 0px 8px #00aeef) drop-shadow(0px 0px 20px #00f) drop-shadow(0px 0px 10px #00aeef);
	width: 42.5vw;
	height: 10vw;
}
#big-head .txt2{
	left: auto;
	right:0;
	height: 65vh;
	width: 45vw;
	padding: 0;
}
/*
#big-head .inner-txt2 {
	 padding: 0 0 16% 21%; 
	 width: auto; 
	width: 100%;
	height: 100%;
	 height: auto; 
	position: relative;
}
#big-head .corner-wrap {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 0;
}*/
#big-head .corner-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
/*#big-head .txt2 img.cornerTear{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: top right;
}

#big-head .txt2 img.cornerTear {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: top right;
}
#big-head #logo{
width: 22vw;
height: auto;
position: absolute;
top: 7vw;
right: 1.5vw;
}
#big-head #logo {
	max-width: 80%;
	max-height: 80%;
	position: absolute;
	top: 40%;
	right: 42%;
	transform: translate(50%,-50%);
}
*/
#big-head #logo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: top right;
}
#big-head a.btn{
color: #fff;
text-transform: uppercase;
position: absolute;
bottom: -4vw;
right: 3vw;
padding: 0.75vw 2vw;
font-size: 1.5vw;
line-height: 2.75vw;
}

/*-----Content Styles-----*/
#content-wrap {	}
#content {
	font:18px/28px 'Figtree', sans-serif;
	letter-spacing: 1px;
}
#content sup{
	vertical-align:super;
	font-size:12px;
}
#content p, #content ul, #content ol{
	padding-bottom:28px;
}
#content ul ul, #content ul ol, #content ol ol, #content ol ul{
	padding:0;
}
#content ul li{
	list-style: outside disc;
	margin-left: 36px;
}
#content .slick-dots li{
	margin: 0 5px;
}
#content ol li{
	list-style:outside decimal;
	margin-left: 36px;
}
.post-content img, .add-cont-txt img{
	max-width: 100%;
	height: auto;
}
.post-content img.alignnone, .post-content img.aligncenter, .add-cont-txt img.alignnone, .add-cont-txt img.aligncenter{
	display:block;
	margin-bottom:28px;
}
.post-content img.alignleft, .add-cont-txt img.alignleft{
	margin:0 28px 34px 0;
}
.post-content img.alignright, .add-cont-txt img.alignright{
	margin: 0 0 34px 28px;
}
.post-content img.aligncenter, .add-cont-txt img.aligncenter{
	margin-left:auto;
	margin-right:auto;
}
.home .post-single{
	padding-bottom: 0;
}
.post-single{
	padding-bottom: 200px;
}
.post-single h1{
	padding-top: 25px;
	text-align: center;
}
.featured-thumbnail {
	position:relative;
	overflow:hidden;
	min-height:420px;
	background:#000;
	}
.featured-thumbnail img{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	opacity: .50;
}
.bighead-txt{
	position:absolute;
	top: 6vw;
	right: 1.5vw;
}
.btn, .cform input[type="submit"]{
	display: inline-block;
    font: 600 18px/26px 'Figtree', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
	background:var(--main-bgbutton, none);
    color: var(--main-button-font, #000);
    border: 2px solid var(--main-button-font, #000); /*---- Border color is the same as text color------*/
    padding: 6px 18px;
	text-decoration: none;
	transition: all 250ms ease-in-out;
}
.btn:hover, .cform input[type="submit"]:hover{
	background: var(--main-button-hover);
	text-decoration: none;
	color: #fff;
}
.rightbig a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	position: absolute;
	bottom: -5vw;
	right: 4vw;
	padding: 0.75vw 2vw;
	font-size: 1.5vw;
	line-height: 2.75vw;
}
.rightbig a:hover{
	text-decoration: none;
}
.rightbig a.btn, .dark a.btn, #big-head a.btn{
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid #fff;
	box-shadow: inset 0 0 4px 1px #0ff, 0 0 4px 1px #0ff, inset 0 0 8px 2px #00f, 0 0px 16px 2px #00f;
}
.rightbig a.btn:hover, #big-head a.btn:hover{
	background: none;
	box-shadow: 0 0 1px 1px #fff, inset 0 0 6px 2px #0ff, 0 0 8px 3px #0ff, inset 0 0 10px 4px #00f, 0 0px 20px 6px #00f;
	text-shadow: 0 0 6px #0ff, 0 0 8px #0ff, 0 0 12px #00f, 0 0 16px #00f;
}

.page-description{
	font:18px/28px 'Figtree', sans-serif;
	color:#fff;
	text-transform:uppercase;
}
/*------- cont. page style -----------*/
.page-id-106{
	background-color: rgb(0, 42, 78);
	
}
.page-id-106 h1{
	display: none;
}
.page-id-106 .add-content{
	color:#fff;
}
.page-id-106 .post-single{
	padding-bottom: 0;
}
.topbottom{
	margin: 6px auto !important;
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.613865614605217) 100%);
	text-align: center;
	color: #fff;
	width: 100%;
	height: auto;
	padding-bottom: 60px;
	
}
.topbottom .add-cont-section{
	flex-direction:column-reverse;
}
.topbottom::before{
	content: "";
	background-image:url("images/break-line.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: 6px;
	display: block;
	transform: translateY(-100%);
	position: absolute;
}

.topbottom.half-cont .add-cont-txt{
	width: 100%;
	text-align: center;
	font:400 5vw/6vw 'Figtree', sans-serif;
}
.topbottom.half-cont .add-cont-img {
	text-align: center;
	margin: 0 auto;
	padding: 40px 0 77px 0;
}
.topbottom.half-cont .add-cont-img img{
	position: relative;
	width: 430px;
	height: auto;
	min-width: auto;
	min-height: auto;
}
.textright{
	text-align: right;
}
.bggrad{
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.613865614605217) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.613865614605217) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0.613865614605217) 0%, rgba(0,0,0,0) 100%);
	color: #fff;
	font: 400 2rem/2.5rem 'Figtree', sans-serif;
	
}
.bggrad h2{
	padding: 25PX;
}
.bggrad::after{
	content: "";
	background-image:url("images/break-line.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: 100%;
	height: 6px;
	display: block;
	transform: translateY(-100%);
	position: absolute;
}
.bggrad h2{
	color: #fff;
}
.bggrad.half-cont .add-cont-section {
	padding: 100px 0;
}
.bggrad.half-cont .add-cont-txt {
	width: 40%;
}
.bggrad.half-cont .add-cont-img-banr, .bggrad.half-cont .slick-slider{
	width: 100%;

}
.bggrad.half-cont .slick-slider img{
	height: 34vw;
}
.bggrad .slick-prev, .bggrad .slick-next{
	height: auto;
	bottom: -5px;
	top: auto;
	transform: translateY(100%);
}
#content .bggrad .slick-dots{
	padding-bottom: 0;
	transform: translateY(100%);
}
#content .bggrad .slick-dots li{
	vertical-align: middle;
}
.add-cont-slyd{
	width: 60%
}
.slider .slick-prev:hover,.slider .slick-next:hover{
	background: none;
}
.half-cont .add-cont-img-banr img{
	width: 100%;
	height: 100%;
}
.footflex{
	display: flex;
}
.page-id-106 .copyright{
	color: #fff;
	display: flex;
align-items: center;
}
.page-id-106 footer{
	background: #000B14 !important;
	color:#fff;
	font: 400 12px/25px 'Figtree', sans-serif;
	padding: 20px 0 30px 4%;
}
.page-id-106 footer a{
	display: inline-block;
	width: 4vw;
}
.page-id-106 footer img {
  max-width: 100%;
  height: auto;
}
.page-id-106 footer::before{
	display: none;
}
/*---- Glow Plaza style------*/
.page-template-glow #wrapper{
background: linear-gradient(0deg, rgba(11,20,59,1) 0%, rgba(10,11,20,1) 100%);
min-height: 100%;
}
.page-template-glow .backlogo {
  	width: 100%;
	height: 100%;
	position: fixed;
	background-image: url("images/GlowBackground.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 96% 96%;
	font: 18px/28px 'Figtree', sans-serif;
	letter-spacing: 1px;
}
.page-template-glow .topsec{
  background: none;
  position: relative;
  z-index: 101;
}
.page-template-glow .topsec .container {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 116%;
  margin-top: 2%;
  transform: translateX(-50%);
  z-index: 1;
  overflow: hidden;
}
.page-template-glow .container{
  max-width: 2000px;
  padding: 0 2%;
}
.page-template-glow .toplogo{
  width: 24%;
}
.page-template-glow .toplogo img{
	max-width: 288px;
}
.page-template-glow .topcontwrap {
width: 77%;
position: absolute;
right: -12%;
bottom: 0%;
}
.page-template-glow .topcont {
position: relative;
background-image: url("images/TitleBox.svg");
padding-top: 39.21525%;
}
.page-template-glow .toptext {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 4% 18.125% 7% 3%;
text-align: right;
display: flex;
flex-direction: column;
justify-content: center;
}

.page-template-glow h1{
font: 800 4vw/4.5vw 'Figtree', sans-serif;
color: #0a0b14;
text-transform: uppercase;
letter-spacing: -0.5px;
margin: 0;
}
.page-template-glow .topvideo {
clip-path: url(#svgPath);
max-width: 2000px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.page-template-glow .videoSVG {
position: absolute;
width: 0;
height: 0;
}

.page-template-glow .videoOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*------ content page style ------*/
.add-content{   
	/*max-width: 1600px;*/
    margin: 0 auto;
	box-sizing: border-box;
}
.add-content.dark{
	color:var(--main-text-color-dark,#000);
	/*text-shadow: 3px 2px 4px #000;*/
}
.dark h1, .dark h3, .dark h5{
	color:var(--main-heading-dark,#000);
	/*text-shadow: 2px 2px 2px #000;*/
}
.dark h2, .dark h4, .dark h6{
	color:var(--sec-heading-dark,#000);
	/*text-shadow: 2px 2px 2px #000;*/
}
.dark a{
	color:var(--main-link-dark,#000);
	text-decoration:underline;
}
.dark a:hover{
	color:var(--main-link-dark,#000);
	text-decoration: none;
}
.dark a.btn:hover{
	border-color: #de321b;
	color:#fff;
}
.ctrbtn{
	text-align:center;
	margin-top:25px;
}
/*----two cont----*/
.two-cont h2{
	text-align:center;
	padding-top:20px;
	position: relative;
}
.two-cont{
	position:relative;
}
.two-cont .add-cont-txt{
	position:relative;
	display:inline-block;
	width:50%;
	z-index:10;
	padding:0 2% 20px 2%;
	box-sizing:border-box;
	float:left;
}
.two-cont .add-cont-section{
	position:relative;
	overflow:hidden;
	min-height:450px;
}
.two-cont .add-cont-img img{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	opacity: 0.55;
}

/*-----full cont----*/
.full-cont .add-cont-section{
	position:relative;
	overflow:hidden;
	min-height:450px;
	width:100%;
	display: flex;
}
.full-cont .add-cont-img img{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.full-cont .add-cont-txt{
	position:relative;
	padding:20px 0;
	width: 100%;
	max-width: 1200px;
	z-index:10;
	margin: auto;
}

/*----half cont----*/
.half-cont .add-cont-section{
	display:flex;
	min-height: 450px;
}
.half-cont.right .add-cont-section{
	flex-direction: row-reverse;
}
.half-cont .add-cont-img{
	position: relative;
	width:50%;
	overflow: hidden;
}
.half-cont .add-cont-img img{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height:100%;
	min-width: 100%;
	min-height: 100%;
}
.half-cont .add-cont-txt{
	display: flex;
	width:50%;
	padding:20px 2%;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
}
.wp-caption{
	display:inline-block;
}

/*----Image List -----*/
.img-boxs .add-cont-section{
	position: relative;
	overflow: hidden;
	min-height: 450px;
	width: 100%;
}
.img-boxs .add-cont-img img{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.img-boxs h2{
	text-align:center;
	padding-top:20px;
	position: relative;
}
.img-boxs .add-cont-txt{
	position: relative;
	text-align:center;
}
.image-list{
	position: relative;
	display:flex;
	flex-wrap:wrap;
	padding: 12px;
	justify-content: center;
}
.add-cont-img-list{
	margin:2%;
	box-sizing:border-box;
}
.add-cont-img-list img{
	width:100%;
	height:auto;
}
.fourbox{
	flex:0 0 21%;
}
.threebox{
	flex:0 0 29.3%;
}
.twobox{
	flex:0 0 46%;
}
.borderone{
	border:1px solid #000;
}
.bordertwo{
	border:2px solid #000;
}
.borderfive{
	border:5px solid #000;
}

.noimg .add-cont-img-list{
	position:relative;
}
.noimg .img-list-txt{
	position: absolute;
    top: 10%;
    z-index: 1000;
	text-align: center;
    width: 90%;
    padding: 0 2%;
}

/*----Image Slider/Link -----*/
.img-slyd .add-cont-section{
	display: block;
	position: relative;
	height: 0;
	padding-top: 37.5%;
	overflow: hidden;
}
.img-slyd .add-cont-img-banr, .img-slyd .slick-slider, .slidetext{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img-slyd .slick-list, .img-slyd .slick-track{
	width: 100%;
	height: 100%;
}
.img-slyd img{
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.img-slyd a.add-cont-img-banr img{
	transition: all 200ms ease-in-out;
}
.img-slyd a.add-cont-img-banr:hover img{
	min-width: 110%;
	min-height: 110%;
}

/*-----Page Specific Styles-----*/
.page {}
#page-content {}
#page-meta {
	padding-top:35px;
}
.abutton{}

/*-----Post Specific Styles-----*/
#post-meta h1{
	color:#000;
	text-transform: none;
}
#post-meta span{
	display: block;
	line-height: 28px;
	color: #777;
}
.iframeback{
	background-color:#ddd;
	padding:5px 6px;
	line-height:0;
	border-radius:20px;
}
.vidclip{
	position: absolute;
	top: 0;
	width: 100%;
}
.image-wrap{
	position: relative;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}
.image-wrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	transition: all 200ms ease-in-out;
}

/*-----Post Listing Styles-----*/
.oldernewer{
	font-size: 0;
}
.oldernewer span.current, .oldernewer span.dots, .oldernewer a{
	padding: 15px;
	margin: 0;
	display: inline-block;
	background: #EEEEEE;
	color: #888;
	font-weight: bold;
	font-size: 16px;
	line-height: 10px;
	border-right: 1px solid #ccc;
	text-decoration: none;
}
.oldernewer a.next{
	border-right: none;
}
.oldernewer a:hover{
	background: #af1e1e;
	background: -moz-linear-gradient(-45deg,  #de321b 0%, #af1e1e 100%);
	background: -webkit-linear-gradient(-45deg,  #de321b 0%,#af1e1e 100%);
	background: linear-gradient(135deg,  #de321b 0%,#af1e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de321b', endColorstr='#af1e1e',GradientType=1 );
	color: #fff;
}
.oldernewer span.current{
	background: #666;
	color: #fff;
}
.older {
	padding-left:10px;
}
.newer {
	padding-right:10px;
}
.older a, .newer a{
	color:#000;
	text-decoration:none;
}
.older a:hover, .newer a:hover{
	color:#af1e1e;
}

/*-----Search Form Styles-----*/
.search {}

/*-----Author Profile Styles-----*/
.author {}
#recent-author-posts {}
#recent-author-comments {}

/*-----404 Page Styles-----*/
#error404 .featured-thumbnail {
    height: 0;
    padding: 56.25% 0 0 0;
    min-height: auto;
}
#error404 .featured-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*-----Sidebar Styles-----*/
#sidebar {}
#widget-sidebar {}
#sidebar-search {}
#sidebar-nav {}
#sidebar-archives {}
#sidebar-meta {}
.widget {}
.widget-area {}

/*-----Footer Styles-----*/
footer{
	background-color: var(--main-footer-background,#fff);
	font:600 24px/26px 'Figtree', sans-serif;
	text-align:center;
	position: relative;
}
footer::before{
	content: "";
	background-image:url('images/Footer-Tear.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: 100%;
	height: 6.5vw;
	display: block;
	transform: translateY(-100%);
	position: absolute;
}
footer li a{
	text-decoration:none;
	color:var(--main-footer-text, #000);
	border-right: 1px solid #39393a;
	padding: 0 10px;
	margin: 0 !important;
}
footer a:hover{
	text-decoration: underline;
}
#menu-top-footer{
	margin-bottom: 28px;
}
#menu-top-footer a {
	font:600 24px/26px 'Figtree', sans-serif;
	color:#262e42;
}
#foot-nav-bottom a{
	font: 400 18px/20px 'Figtree', sans-serif;
}
.maxwd{
	max-width: 1600px;
	width:100%;
    display: flex;
    justify-content: space-between;
}

.foot-bottom .foot-social{
	
	display: flex;
    justify-content: space-around;
	align-items: center;
	
}
.foot-bottom .foot-social h4{
	padding-bottom:0;
}
.foot-bottom .foot-social a{
	
	text-decoration:none;
}
.foot-social{
	background: var(--main-footer-social-background, #ccc);
	color: var(--main-footer-social-text,#000)
}
.foot-social a{
	color:var(--main-footer-social-link,#333);
}
.fs-left a{
	margin-right: 18px;
}
.fs-right a{
	display: inline-block;
	background-position:left center;
	background-repeat:no-repeat;
	background-color:transparent;
	margin-left: 18px;
}
.fs-right img{
	max-height: 20px;
	max-width: 20px;
	margin-right: 6px;
}
.fs-right a > *{
	vertical-align: middle;
}
.foot-mid{
	font-weight: 400;
	color:#333;
	text-align: left;
	padding: 24px 0;
}
.foot-mid a{
	color:#333;
}
.foot-mid #footer-logo img{
	width: 80px;
	padding: 6px 0;
}
.menu-item-last a{
	border:none;
}
#menu-top-footer, #foot-nav-bottom, .copyright{
	padding: 7px;
}
.foot-bottom{
	background: var(--main-footer-bottom-background,#333);
	color: var(--main-footer-bottom-text,#fff);
	padding-bottom: 30px !important;
}
.foot-bottom a{
	color: var(--main-footer-bottom-link,inherit);
}
.copyright{
	display: block;
	font-weight: 400;
	color:#262e42;
}
#widget-footer {}
#footer-nav {}

/*----cform----*/
.contact p{
}
.contact{
	max-width: 1200px;
}
.cform {
	width: 100%;
	margin: 0 auto;
}
.cform .cf-box-group label{
	margin-right: 12px;
}
.cf_hidden{
	display: none;
}
.cform .reqtxt, .cform .emailreqtxt{
	display: none;
}
#content .cform ol.cf-ol{
	padding: 0;
	margin: 0
}
#content .cform ol.cf-ol li{
	list-style:none;
	margin:0 0 28px 0;
}
#content .cform ol.cf-ol li:before,
#content .cform ol.cf-ol li:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
#content .cform ol.cf-ol li:after {
  clear: both;
}
.cform input[type="text"], .cform textarea {
	border: 1px solid #dddcdb;
	padding: 12px 2% 12px 2%;
	font:16px/20px 'Figtree', sans-serif;
	color: #333;
	width:100%;
	box-sizing: border-box;
	float: left;
}
.cform textarea {
	height:84px;
}
.cform label{
	color: var(--main-button-font, #000);
	font: 400 16px/20px 'Figtree', sans-serif;
}
.cform .cf-sb{
	clear:both;
}
/*.cform input[type="submit"], .ppgive input[type="submit"]{
	background:var(--main-form-button, var(--main-bgbutton, #fff));
	font: 16px/24px 'Figtree', sans-serif;
	letter-spacing:0.5px;
	text-transform:uppercase;
	color:var(--main-form-text, var(--main-button-font,#000));
	border:2px solid var(--main-form-button-hover, var(--main-button-hover, #000));
	padding: 12px 24px;
    margin: 0 0 16px;
	transition: all 250ms ease-in-out;
}
.cform input[type="submit"]:hover, .ppgive input[type="submit"]:hover{
	background: var(--main-form-button-hover, var(--main-button-hover,#000));
	color:var(--main-form-text, var(--main-button-font,#fff));
	text-decoration: none;
	border-color: var(--main-form-button, var(--main-bgbutton, none));
}*/
.dark input[type="submit"]{
	color: #fff;
	border-color: #fff;
}
.cf_info{
	width: 936px;
	font: 600 15px/38px 'Figtree', sans-serif;
	margin:0 auto 12px auto;
	}
.cf_info.failure{
	display:block;
	color:#c33;
	border-top:1px solid #c33;
	border-bottom:1px solid #c33;
}
.cform .cf_li_err input[type="text"], .cform .cf_li_err textarea{
	border-color:#c33;
	color:#c33;
}
.cf_info.success{
	display:block;
	color:#7db833;
	border-top:1px solid #7db833;
	border-bottom:1px solid #7db833;
}
.cformselect{
    width: 100%;
    padding: 12px 2% 12px 4%;
    font:13px/20px 'Figtree', sans-serif;
	border:1px solid #dddcdb;
	color:#99703a;
    cursor: pointer;
	text-transform:uppercase;
}
#usermessage10a, #cforms10form{
	width: 400px;
}
#cforms10form{
	display: table;
}
#cforms10form .cf-ol{
	display: table-cell;
}
#cforms10form .cf-ol label, #cforms10form .reqtxt, #cforms10form .emailreqtxt{
	display: none;
}
#cforms10form .cf-sb{
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
}
#cforms10form input[type="submit"]{
	padding: 9px 20px;
	margin-bottom: 0;
}

/*-----Archive/Category/Search Listing Styles-----*/
.no-results {}
.tac {
	text-align: center;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/*--- Custom Style ---*/
.bookBar .add-cont-txt{
	display: flex; 
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.bookBar .add-cont-section{
	min-height: 200px;
}
.bookBar btn{
	
}
.joinImg{
	box-shadow: inset 0 2vw 12vw 4vw #000;
}
.joinImg .add-cont-img{
	min-height: 76vw;
	z-index: -1;
}
/*parallax effect
.joinImg .add-cont-section{
	min-height: 76vw;
}
.joinImg{
	background-image: url("images/Bartender.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 150%;
	background-attachment: fixed;
}*/
/*
.joinImg .add-cont-txt::before{
	content: "";
	background-image: url('images/J-Logo.svg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: 16%;
	height: 12vw;
	display: block;
	transform: translate(100%, -50%);
	position: absolute;
	filter: drop-shadow(2px 0 0 #00f) drop-shadow(-2px 0 0 #00f) drop-shadow(0 2px 0 #00f) drop-shadow(0 -2px 0 #00f) drop-shadow(1px 0 0 #0ff) drop-shadow(-1px 0 0 #0ff) drop-shadow(0 -1px 0 #0ff) drop-shadow(0 1px 0 #0ff);
}
*/
.joinImg .add-cont-txt{
	max-width: 94%;
	font-size: 3.75vw;
	line-height: 4.25vw;
}
.joinImg .add-cont-txt p{
	padding: 0 14% 28px;
}
.joinImg h2{
	letter-spacing: .5vw;
	font-size: 4vw;
	padding: 6vw 0 8vw;
}
.joinImg .glowJ {
	background-image: url('https://dev.moderncraftmedia.com/jresortreno/wp-content/themes/J_Resort_LP/images/J-Logo.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 15vw;
	height: 18vw;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	z-index: -1;
	position: relative;
	left: 1vw;

				filter: drop-shadow(0 0 .1vw #58ffff) drop-shadow(0 0 1.5vw #39c0ff) drop-shadow(0 0 3vw #39c0ff) drop-shadow(0 0 4.5vw #39c0ff);
				}
			/*
				filter: drop-shadow(0 0 0.3vw #58ffff) drop-shadow(0 0 2.2vw #39c0ff) drop-shadow(0 0 3vw #39c0ff) drop-shadow(0 0 4.5vw #39c0ff)*/
			
.hireTxt::before{
	content:"";
	background-image: url('images/Content-Tear.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: 100%;
	height: 17.8vw;
	display: block;
	transform: translateY(-100%);
	position: absolute;
	
}
.hireTxt{
	background-color: #f4f6f7;
	padding-bottom: 6.5vw;
	position: relative;
}
.hireTxt ul{
	padding-left: 15vw;
}


/* JONS STUFF */
.blackbar {
	height: 25vh;
	background: #000;
	position: relative;
	z-index: 100;
	box-shadow: 0 0 75px 50px #000, 0 0 50px 50px;
}
#chaos-current-modal {
	max-width: 92% !important;
	box-shadow: 0 0 120px 40px #000;
}
#chaos-current-modal .close-link{cursor: pointer;}
.close-link img.emoji {
	filter: invert(1) saturate(1) brightness(2);
}
#job-modal {
	position: relative;
	font-size: 0;
	line-height: 0;
}
.attend-btn, .apply-btn {
	position: absolute;
	display: block;
	text-indent: -9000px;
	bottom: 20.5%;
	width: 38.5%;
	height: 12%;
	border-radius: 7px;
}
.attend-btn:hover, .apply-btn:hover {
	box-shadow: inset 0 0 2px 1px #fff, inset 0 0 16px 12px #bd1b92, 0 0 4px 2px #fff, 0 0 18px 12px #bd1b92;
	outline: 2px solid #fff;
}
.attend-btn{
	left: 5%;
}
.apply-btn{
	right: 4.5%;
}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */