/*
	Theme Name: LuxStay Tobago
	Theme URI: https://luxstaytobago.com
	Description: LuxStay Tobago
	Author: Sohan Chotia
	Version: 1.5.0
	Requires at least: 4.7
	Text Domain: luxstay-tobago
*/
@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Book.woff2') format('woff2'),
      url('assets/fonts/Gotham-Book.woff') format('woff'),
      url('assets/fonts/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Medium.woff2') format('woff2'),
      url('assets/fonts/Gotham-Medium.woff') format('woff'),
      url('assets/fonts/Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Bold.woff2') format('woff2'),
      url('assets/fonts/Gotham-Bold.woff') format('woff'),
      url('assets/fonts/Gotham-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arista';
  src: url('assets/fonts/AristaLight.woff2') format('woff2'),
      url('assets/fonts/AristaLight.woff') format('woff'),
      url('assets/fonts/AristaLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arista';
  src: url('assets/fonts/Arista20.woff2') format('woff2'),
      url('assets/fonts/Arista20.woff') format('woff'),
      url('assets/fonts/Arista20.ttf') format('truetype');
  font-weight: bold; 
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MarchFrost';
  src: url('assets/fonts/MarchFrost.woff2') format('woff2'),
      url('assets/fonts/MarchFrost.woff') format('woff'),
      url('assets/fonts/MarchFrost.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
a,a:hover{text-decoration: none;}
.form-control{ height: 45px; width: 100%;
  line-height: 1;
  border-radius: 0;
  font-size: 18px;
  color: #555555;
  box-shadow: 0px 1px 0 1px rgb(0 0 0 / 10%);
  border: 0;
  font-weight: 500;
  text-align: left;
  
}
textarea{ line-height: 1.4;}

select option {
  color: #6b7280;
}

.video-responsive{
  overflow:hidden;
  padding-bottom:60%;
  position:relative;
  height:0;
  border-radius: 15px;
}
.video-responsive .overlay{
  display: flex;
  left:0;  top:0;
  height:100%;  width:100%;
  position:absolute;
  background-color: #f08066cc;
  z-index: 5; cursor: pointer;
}
.video-responsive img{ 
  object-fit: cover; 
  position: absolute; width: 100%; height: 100%;  
  transition: transform 0.2s ease-in;
  cursor: pointer;
} 
.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.video-responsive:hover img{ transform: scale(1.05);} 
.video-responsive.active .overlay, .video-responsive.active img{display: none;}
@media(max-width: 768px){ 
  .video-responsive{padding-bottom: 56.25%; margin-bottom: 25px;} 
}