/*
Theme Name:   Backpacker Tours
Theme URI:    http://www.backpackertours.co.uk/
Description:  Backpacker Tours WordPress Theme.
Author:       Sussex Business Solutions
Author URI:   http://www.sussexbusiness.solutions/
Template:     tourwebsite
Version:      1.0.0
*/

/*
STYLESHEET DETECTION
*/

/*
BASE
*/
@import url(style-base.css) screen;

/*
MOBILE
*/
@import url(style-mobile.css) screen and (max-width:767px);

/*
TABLET
*/
@import url(style-tablet.css) screen and (min-width:768px) and (max-width:1365px);

/*
DESKTOP
*/
@import url(style-desktop.css) screen and (min-width:1366px) and (max-width:1920px);

/*
DESKTOP XL
*/
@import url(style-desktop-xl.css) screen and (min-width:1921px);

/* //// */

#body .api-widget {
  float: left;
  /*width: calc(100% - 30vw);*/
  padding-top: 0;
  margin: 30px auto;
  border-right: 1px solid #DDD;
}
#body .api-widget .tabs nav a {
  /*width: 21vw;*/
  /*width: 32%;*/
  /*padding: 1.4vw 1vw !important;*/
  /*font-size: 1.5vw !important;*/
  /*line-height: 2.2vw !important;*/
  letter-spacing: -0.1rem;
}
#body .api-widget .tabs nav .icon {
  /*padding-left: 5vw !important;*/
}

#body .vnt-widget {
  float: right;
  /*width: 30vw;*/
  height: auto;
  padding-bottom: 30px;
  /*border-left: 1px solid #CCC;*/
  /*background:#EEE;*/
}
#body .vnt-widget h2 {
  color: #790559;
}
#body .vnt-btn {
  display: block;
  padding: 25px !important;
  margin: auto;
  background: #D90000;
  border: 0;
  color: #FFF;
  font: normal 4rem 'Quicksand' !important;
  line-height: 50px !important;
  text-align: left;
  text-transform: none;
  cursor: pointer;

  /*width: 27.5vw;*/
  height: auto;
  /*padding: 1.3vw 2.0vw !important;*/
  /*font-size: 1.8vw !important;*/
  /*line-height: 2.6vw !important;*/
  border-radius: 0;
}
#body .vnt-btn::before {
  content: "\f217";

  font-family: Font Awesome\ 5 Free;
  font-weight: 900;

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;

  /*padding-right: 2.0vw;*/
  font-size: 1.5em;
  vertical-align: top;
}
#body .book-now .vnt-btn {
  background: #790559;
}

#body .awesome-weather-wrap {
  float: none;
  width: 100%;
  margin-top: 30px;
}

@media screen and (max-width:767px) {
  #body .api-widget {
    width: 100%;
  }
  #body .api-widget .tabs nav a {
  }
  #body .api-widget .tabs nav .icon {
  }
  #body .vnt-widget {
    width: 100%;
  }
  #body .vnt-btn {
    width: 100%;
    padding: 3vw !important;
    font-size: 5vw !important;
    line-height: 7vw !important;
  }
  #body .vnt-btn::before {
    padding-right: 6vw !important; 
  }
  #body .awesome-weather-wrap {
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  #body .api-widget {
    width: 50%;
  }
  #body .api-widget .tabs nav a {
    /*width: 32%;*/
    /*padding: 1.4vw 1vw !important;*/
    /*font-size: 1.5vw !important;*/
    /*line-height: 2.2vw !important;*/
  }
  #body .api-widget .tabs nav .icon {
    /*padding-left: 5vw !important;*/
  }
  #body .vnt-widget {
    width: 50%;
  }
  #body .vnt-btn {
    width: 27.5vw;
    padding: 1.3vw 2.0vw !important;
    font-size: 1.8vw !important;
    line-height: 2.6vw !important;
  }
  #body .vnt-btn::before {
    padding-right: 3.0vw; 
  }
  #body .awesome-weather-wrap {
  }
}

@media screen and (min-width:1024px) and (max-width:1365px) {
  #body .api-widget {
    width: 62%;
  }
  #body .api-widget .tabs nav a {
    /*width: 32%;*/
    /*padding: 1.4vw 1vw !important;*/
    /*font-size: 1.5vw !important;*/
    /*line-height: 2.2vw !important;*/
  }
  #body .api-widget .tabs nav .icon {
    /*padding-left: 5vw !important;*/
  }
  #body .vnt-widget {
    width: 38%;
  }
  #body .vnt-btn {
    width: 27.5vw;
    padding: 1.3vw 2.0vw !important;
    font-size: 1.8vw !important;
    line-height: 2.6vw !important;
  }
  #body .vnt-btn::before {
    padding-right: 2.0vw; 
  }
  #body .awesome-weather-wrap {
  }
}

@media screen and (min-width:1366px) and (max-width:1920px) {
  #body .api-widget {
    width: calc(100% - 29vw);
  }
  #body .api-widget .tabs nav a {
    width: 32%;
    padding: 1.4vw 1vw !important;
    font-size: 1.5vw !important;
    line-height: 2.2vw !important;
  }
  #body .api-widget .tabs nav .icon {
    padding-left: 5vw !important;
  }
  #body .vnt-widget {
    width: 29vw;
  }
  #body .vnt-btn {
    width: 27.5vw;
    padding: 1.3vw 2.0vw !important;
    font-size: 1.8vw !important;
    line-height: 2.6vw !important;
  }
  #body .vnt-btn::before {
    padding-right: 2.0vw;
  }
  #body .awesome-weather-wrap {
  }
}

@media screen and (min-width:1921px) {
  #body .api-widget {
    width: calc(100% - 560px);
  }
  #body .api-widget .tabs nav a {
    width: 32%;
    padding: 30px 20px !important;
    font-size: 30px !important;
    line-height: 40px !important;
  }
  #body .api-widget .tabs nav .icon {
    padding-left: 90px !important;
  }
  #body .vnt-widget {
    width: 560px;
  }
  #body .vnt-btn {
    width: 50%;
    padding: 30px 60px !important;
    font-size: 40px !important;
    line-height: 60px !important;
  }
  #body .vnt-btn::before {
    padding-right: 60px;
  }
  #body .awesome-weather-wrap {
  }
}