@import url('app.css');

/* text color css */
:root {
  --primary: #80093f;
  --secondary: #83B43C;
  --white: #fff;
  --black: #000000;
  --light: #ECDCDC;
  --grey: #3D3D3D;
   --grey-light: #707070;
  --spacing: .25rem;
  --primary-light: #ECDCDC;
  --secondary-light: #e2f1cd;
}
 .two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
a:hover{
  text-decoration: none;
}
b,strong,strong span{
    font-family: "Merriweather Sans", serif !important;
}
.uk-primary{
  color: var(--primary) !important;
}
.uk-secondary{
  color: var(--secondary) !important;
}
.uk-white{
  color: var(--white);
}
.uk-black{
  color: var(--black);
}
.uk-light-green{
    background-color:#d4dbc9;
}
.uk-light-pink{
    background-color: #ebe0e087;
}
.cover{
  object-fit: cover;
}

/* heading and font style */
body ,p{
  color: #363535;
  font-family: "Merriweather Sans", serif;
}
h1,h2,h3,.uk-font span{
  font-family: "Bebas Neue", serif;
  text-transform: uppercase;
}
.uk-banner-font h1{
  color: var(--white);
  font-size: 4.5rem;
  letter-spacing: 4px;
}
.uk-sub-banner-font h1{
  color: var(--secondary);
  font-size: 3.5rem;
  letter-spacing: 0px;
}
.uk-sub-banner-font p{
    color: var(--white);
    margin: 0;
}
.uk-title-font span{
  font-family: "Bebas Neue", serif;
  font-size: 27px;
}
.uk-accordion-font {
  font-family: "Bebas Neue", serif !important;
  font-size: 22px !important;
}
.uk-title-font h1,.uk-title-font h2{
  margin: 0;
}
/* Card titles over trip/region images (Destination, Activities, Travelling Style
   megadropdowns): long titles at the default h2 size (1.7rem) plus .uk-padding's 30px
   were overflowing past the top of the fixed-height .uk-media-205 card and getting cut
   off by uk-cover-container's overflow:hidden — clamped to 2 lines with a smaller size
   so any title fits cleanly inside the card instead of being chopped. */
.uk-position-bottom-center.uk-title-font h2,
.uk-position-center.uk-title-font h3{
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: 0.5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.uk-position-bottom-center.uk-title-font.uk-padding{
  padding: 12px;
}
.uk-title-font p{
  text-align: justify;
}
.uk-title-fonts p{
  color: var(--white);
  font-weight: 300;
  margin: 0;
  text-align: justify;
}
.uk-sherpa-font h2{
    font-size:18px;
    margin:0px;
}
.uk-sherpa-font span{
    font-size:13px;
}
.uk-text-title h2{
  font-size: 25px;
  margin: 0;
}
.f-20{
  font-size: 20px;
}
.f-27{
  font-size: 27px;
}
.f-30{
  font-size: 30px;
}

/* breadcrumb */
.uk-breadcrumb li a , .uk-breadcrumb li span {
  font-family: "Bebas Neue", serif;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  margin: 5px !important;
  font-size: 21px !important;
  color: #ffffff !important;
}
.uk-video{
  color: var(--white);
  border-bottom: 1px solid var(--light);
}

/* button */
.uk-btn{
  padding: 13px 30px;
  color: var(--white);
  border-radius: 25px;
  font-family: "Merriweather Sans", serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}
.uk-btn:hover{
  text-decoration: none;
}
.uk-btn-secondary{
  background-color: var(--secondary);
  transition: 0.3s ease-in;
}
.uk-btn-secondary:hover{
  background-color: var(--primary);
  color: var(--white);
}
.uk-btn-primary{
  background-color: transparent;
  border: 2px solid var(--secondary);
  color: var(--white);
  transition: 0.3s ease-in;
}
.uk-btn-primary:hover{
  background-color: var(--secondary);
  color: var(--white) !important;
}
.uk-about-btn{
  color: white;
  border-bottom: 2px dotted;
  padding-bottom: 5px;
  text-transform: uppercase;
  transition: 0.3s ease-in;
}
.uk-about-btn:hover{
  color: var(--secondary);
}
.uk-book-btn{
  padding: 10px;
  text-align: center;
  transition: 0.5s ease;
  color: var(--white) !important;
}
.uk-book-btn a{
  color: var(--white) !important;
  text-transform: uppercase;
}
.uk-book-btn:hover{
  background-color: var(--grey);
}
.uk-extra{
    width: 100%;
    text-transform: uppercase;
}
.uk-buttons{
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
  transition: 0.5s ease;
  font-family: "Merriweather Sans", serif;
  text-transform: uppercase;
}
.uk-buttons span:hover{
  color: var(--white) !important;
}
#closeBtn1,#closeBtn2{
  background: var(--secondary) !important;
  border-radius: 100% !important;
  color: var(--white);
  border: none;
  box-shadow: none;
  padding: 5px 8px;
  margin: 6px;
}
.uk-icon-button:hover{
  background-color: var(--secondary);
}
.uk-offcanvas-close,.uk-modal-close-default {
  background: var(--secondary) !important;
  border-radius: 100% !important;
  color: var(--white);
}
.border{
  border-radius: 5px;
}


/* height */

.uk-media-140{
  height: 140px;
  width: 100%;
  object-fit: cover;
}
.uk-media-205{
  height: 205px;
  width: 100%;
}
.uk-media-220{
  height: 224px;
  width: 100%;
}
.uk-media-260{
  height: 260px;
  width: 100%;
}
.uk-media-270{
  height: 280px;
}
.uk-media-280{
  height: 280px;
}
.uk-media-360{
  height: 360px;
}
.uk-media-400{
  height: 400px;
}
.uk-media-500{
  height: 500px;
}
.uk-media-570{
  height: 570px;
}
.uk-media-205 img,
.uk-media-220 img,
.uk-media-260 img,
.uk-media-270 img,
.uk-media-280 img,
.uk-media-360 img,
.uk-media-400 img,
.uk-media-500 img,
.uk-media-570 img{
  height: 100%;
  width: 100% !important;
  object-fit: cover;
}

.ur-media-270r {
    height:380px !important;
    width:100%;
}
.ur-media-270r img{
    width:100%;
    object-fit: cover;
}
@media (max-width: 639px) {
  .ur-media-270r {
   height: 270px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px)  {
  .uk-responsive-size {
   height: 400px !important;
  }
}
.ml-20{
    margin-left:20px;
}
/* background */
.uk-primary-bg{
  background-color: var(--primary) !important;
}
.uk-secondary-bg{
  background-color: var(--secondary);
}
.uk-light-bg{
  background-color: var(--light);
}
.uk-overlay-pink {
  background: #8c194496;
}
.uk-white-bg{
  background-color: var(--white);
}
.uk-grey-bg{
  background-color: var(--grey);
}
.uk-pattern-bg{
  background-image: url('../img/bg/pattern.png');
  background-size: contain;
}
.uk-green-light-bg{
    background: #83b43c61;
}
.uk-white-light-bg{
    background: #e9e9e9;
}

/* pagination */
.uk-pagination{
  font-size: 16px;
}
.uk-pagination > * > *{
 color: var(--black);
}
.uk-pagination > .uk-active > * {
 color: var(--primary) !important;
}
.prev, .next{
 text-align: center;
 background: var(--primary);
 border-radius: 100%;
 color: var(--white);
 height: 15px;
 width: 15px;
 padding: 8px;
}
.pt-150{
  padding-top: 150px;
}
.pt-detail-150{
   padding-top: 150px; 
}
@media (min-width: 960px) {
    .uk-h1, h1 {
        font-size: 2.8rem;
    }
    p{
        font-size:16px;
    }
}
@media (max-width: 960px) {
  .pt-detail-150 {
   padding-top: 0px;
   bottom:-160px;
  }
  
  .uk-res-wishlist{
    position: fixed !important;
    z-index: 999;
    right: 64px;
    bottom: 27px;
    background: var(--primary) !important;
    padding: 15px;
  }
  .uk-res-height{
      height:250px !important;
  }
}
.pb-23{
  padding-bottom: 23px;
}

button{
  border:0!important;
}
.uk-phone{
    color: #414141;
    font-size: 21px;
    margin-right: 10px;
    margin-top:5px;
}
.uk-viber{
    color: #7360f2;
    font-size: 21px;
    margin-right: 10px;
}

.uk-whatsapp{
    color: #77C964;
    font-size: 21px;
    margin-right: 10px;
}