/*
Theme Name: Santorini Resort
Theme URI: http://www.cssigniter.com/ignite/themes/santorini
Author: CSSIgniter.com
Author URI: http://www.cssigniter.com
Description: A Hotel Theme for WordPress
Tags:
Version: 1.5.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* -----------------------------------------
	Table of Contents
--------------------------------------------

.. General
.. Header
.. Homepage Specific Styles
.. Footer
.. Widgets Styling
.. Helpers, WordPress defaults, Generic Items
.. Mobile Menu
.. External Plugins
.. Page Not Found
.. Snapchat Feature
.. Rooms Carousel
*/
/* -----------------------------------------
	General
----------------------------------------- */
/* line 51, style.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  margin: 0 0 15px 0;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #6c6c6c;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

/* line 62, style.scss */
h1 {
  font-size: 24px;
}

/* line 63, style.scss */
h2 {
  font-size: 20px;
}

/* line 64, style.scss */
h3 {
  font-size: 18px;
}

/* line 65, style.scss */
h4 {
  font-size: 16px;
}

/* line 66, style.scss */
h5 {
  font-size: 14px;
}

/* line 67, style.scss */
h6 {
  font-size: 12px;
}

/* line 69, style.scss */
p {
  margin: 0 0 15px 0;
}

/* line 73, style.scss */
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/* line 80, style.scss */
a, a:visited {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
}

/* line 91, style.scss */
a:active, a:focus {
  outline: none;
  text-decoration: none;
}

/* line 96, style.scss */
body {
  font-family: Lato, sans-serif;
  line-height: 1.625;
  font-size: 15px;
  color: #1E1E1E;
}

/* -----------------------------------------
	Header
----------------------------------------- */
/* line 1, css/inc/_navigation.scss */
.alt-nav {
  display: none;
}

/* line 2, css/inc/_navigation.scss */
.nav {
  margin-top: 20px;
  white-space: nowrap;
}

/* line 3, css/inc/_navigation.scss */
.nav ul {
  padding: 0;
  list-style: none;
}

/* line 4, css/inc/_navigation.scss */
.navigation {
  display: block;
  margin: 55px 0 0 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  /* Navigation functional styles  ---------------------- */
   /* WordPress First Level Current/Ancestor Hover Page Styles
  > li > a:hover,
  > li.sfHover > a,
  > li.sfHover > a:active,
  > li.current_page_item > a,
  > li.current_page_item > a:visited,
  > li.current-menu-item > a,
  > li.current-menu-item > a:visited,
  > li.current-menu-ancestor > a,
  > li.current-menu-ancestor > a:visited,
  > li.current-menu-parent > a,
  > li.current-menu-parent > a:visited,
  > li.current > a,
  > li.current > a:visited {

    //color: $nav-color-hover;


  }
  */
}
/* line 16, css/inc/_navigation.scss */
.navigation li {
  position: relative;
}
/* line 17, css/inc/_navigation.scss */
.navigation > li {
  display: inline-block;
}
/* line 18, css/inc/_navigation.scss */
.navigation ul {
  position: absolute;
  z-index: 300;
  top: -999em;
}
/* line 19, css/inc/_navigation.scss */
.navigation li:hover > ul,
.navigation .sfHover > ul {
  top: auto;
  left: 12px;
}
/* line 21, css/inc/_navigation.scss */
.navigation li li:hover > ul,
.navigation li .sfHover > ul {
  top: 0;
  left: 100%;
}
/* line 23, css/inc/_navigation.scss */
.navigation li li li:hover > ul,
.navigation li li .sfHover > ul {
  top: 0;
  left: 100%;
}
/* line 25, css/inc/_navigation.scss */
.navigation a, .navigation #navigation a:visited {
  display: block;
  white-space: nowrap;
}
/* line 27, css/inc/_navigation.scss */
.navigation.left-nav {
  margin-left: -12px;
}
/* line 31, css/inc/_navigation.scss */
.navigation.right-nav {
  margin-right: -12px;
}
/* line 35, css/inc/_navigation.scss */
.navigation a, .navigation a:visited {
  padding: 0 0;
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  /* Global Menu Link Styles */
}
/* line 46, css/inc/_navigation.scss */
.navigation a:hover,
.navigation .sfHover > a,
.navigation .sfHover > a:visited {
  text-decoration: none;
  /* First Level & Global Menu Link Hover Styles */
}
/* line 53, css/inc/_navigation.scss */
.navigation > li > a,
.navigation > li > a:visited {
  margin: 0 12px;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
  /* First Level Menu Link Styles */
}
/* line 61, css/inc/_navigation.scss */
.navigation > li li {
  border: 1px solid transparent;
  border-bottom: none;
}
/* line 66, css/inc/_navigation.scss */
.navigation > li ul > li:last-child {
  border-bottom: 1px solid transparent;
}
/* line 70, css/inc/_navigation.scss */
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:visited {
  border-bottom: 1px solid #FFF;
  /* First Level Menu Link Hover Styles */
}
/* line 77, css/inc/_navigation.scss */
.navigation > li ul a,
.navigation > li ul a:visited {
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 12px;
  font-size: 11px;
  /* All Other Menu Level Link Styles */
}
/* line 85, css/inc/_navigation.scss */
.navigation > li ul a:hover,
.navigation > li ul .sfHover > a,
.navigation > li ul .sfHover > a:visited {
  background: #FFF;
  /* All Other Level Menu Link Hover Styles */
}
/* line 113, css/inc/_navigation.scss */
.navigation ul {
  background: transparent;
  border: 1px solid #FFF;
  min-width: 180px;
  /* All Lower Level Menu Container Styles */
}
/* line 120, css/inc/_navigation.scss */
.navigation a.sf-with-ul {
  padding-right: 5px;
  position: relative;
  /* Styling for navigation arrows  ---------- */
}
/* line 127, css/inc/_navigation.scss */
.navigation > li ul a,
.navigation > li ul a:visited {
  color: #6c6c6c;
  background: rgba(250, 250, 250, 0.9);
  padding: 8px 12px;
  font-size: 11px;
  /* All Other Menu Level Link Styles */
}
/* line 136, css/inc/_navigation.scss */
.navigation > li ul a:hover,
.navigation > li ul .sfHover > a,
.navigation > li ul .sfHover > a:visited {
  color: #6c6c6c;
  background: #FFF;
  /* All Other Level Menu Link Hover Styles */
}
/* line 144, css/inc/_navigation.scss */
.navigation ul {
  border: 1px solid #C2C2C2;
}
/* line 148, css/inc/_navigation.scss */
.navigation.sf-arrows .sf-with-ul:after {
  font-family: FontAwesome;
  content: '\f107';
  position: absolute;
  top: 5px;
  font-size: 12px;
  font-weight: normal;
  opacity: 0.8;
  right: -6px;
  margin-top: -6px;
}
/* line 161, css/inc/_navigation.scss */
.navigation.sf-arrows ul .sf-with-ul:after {
  content: '\f105';
  font-size: 13px;
  margin-top: 1px;
  right: 8px;
  /* Styling for right facing arrows  ---------- */
}

/* line 172, css/inc/_navigation.scss */
.navigation.right-nav {
  text-align: right;
}
/* line 176, css/inc/_navigation.scss */
.navigation ul {
  text-align: left;
}

/* Alternative Styles */
/* line 185, css/inc/_navigation.scss */
.alt .navigation a, .alt .navigation a:visited {
  color: #6c6c6c !important;
  border-color: #6c6c6c;
}
/* line 190, css/inc/_navigation.scss */
.alt .navigation > li > a:hover,
.alt .navigation > li.sfHover > a,
.alt .navigation > li.sfHover > a:visited {
  border-bottom: 1px solid #6c6c6c;
  /* First Level Menu Link Hover Styles */
}
/* line 197, css/inc/_navigation.scss */
.alt .navigation > li > a,
.alt .navigation > li > a:visited {
  border-bottom: 1px solid transparent;
  /* First Level Menu Link Styles */
}

/* line 207, css/inc/_navigation.scss */
.fwslider .navigation ul, .page-template-template-homepage-1-php .navigation ul {
  background: transparent;
  border: 1px solid #FFF;
  min-width: 180px;
  /* All Lower Level Menu Container Styles */
}
/* line 214, css/inc/_navigation.scss */
.fwslider .navigation > li ul a,
.fwslider .navigation > li ul a:visited, .page-template-template-homepage-1-php .navigation > li ul a,
.page-template-template-homepage-1-php .navigation > li ul a:visited {
  color: #FFF;
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 12px;
  font-size: 11px;
  /* All Other Menu Level Link Styles */
}
/* line 223, css/inc/_navigation.scss */
.fwslider .navigation > li ul a:hover,
.fwslider .navigation > li ul .sfHover > a,
.fwslider .navigation > li ul .sfHover > a:visited, .page-template-template-homepage-1-php .navigation > li ul a:hover,
.page-template-template-homepage-1-php .navigation > li ul .sfHover > a,
.page-template-template-homepage-1-php .navigation > li ul .sfHover > a:visited {
  color: #6c6c6c;
  background: #FFF;
  /* All Other Level Menu Link Hover Styles */
}

/* line 109, style.scss */
#header {
  position: relative;
  z-index: 10;
  height: 230px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  color: #FFF;
}

/* line 118, style.scss */
.pre-head {
  padding-top: 15px;
  font-size: 11px;
  text-transform: uppercase;
}

/* line 125, style.scss */
.pre-head a, .pre-head a:visited {
  color: #FFF;
  font-weight: bold;
}
/* line 130, style.scss */
.pre-head a:hover {
  color: #f7f7f7;
  text-decoration: none;
}

/* line 136, style.scss */
#weather .ywicon {
  margin-right: 5px;
  font-size: 12px;
  position: relative;
}

/* line 142, style.scss */
.lang {
  text-align: right;
}

/* line 146, style.scss */
#header hr {
  background: none;
  border: none;
  margin: 10px 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 153, style.scss */
.logo {
  text-align: center;
  white-space: normal;
  position: absolute;
}
@media (max-width: 991px) {
  /* line 153, style.scss */
  .logo {
    position: static;
  }
}
/* line 162, style.scss */
.logo.textual {
  margin-top: 30px;
  width: 100%;
}
/* line 167, style.scss */
.logo a, .logo a:visited {
  color: #FFF;
}
/* line 171, style.scss */
.logo a:hover {
  color: #FFF;
  text-decoration: none;
}

/* line 177, style.scss */
.logo img {
  max-width: none;
  width: 160px;
  height: auto;
}
@media (max-width: 991px) {
  /* line 177, style.scss */
  .logo img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  /* line 177, style.scss */
  .logo img {
    width: 120px;
    max-width: 100%;
  }
}

/* Chinese Template */
/* line 194, style.scss */
.page-template-template-chinese .pre-head .col-sm-6:last-of-type {
  text-align: right;
}
/* line 196, style.scss */
.page-template-template-chinese .pre-head .col-sm-6:last-of-type button {
  border-radius: 6px;
  background-color: #ca9138;
}
/* line 199, style.scss */
.page-template-template-chinese .pre-head .col-sm-6:last-of-type button a {
  color: white;
  transition: 0.2s;
}
/* line 202, style.scss */
.page-template-template-chinese .pre-head .col-sm-6:last-of-type button a:hover {
  opacity: 0.5;
}

/* Chinese flag on translator list, added by JavaScript. */
@media screen and (max-width: 767px) {
  /* line 212, style.scss */
  #flags.size24 a[title="Chinese(Traditional)"],
  .tool-container .tool-items a[title="Chinese(Traditional)"], a.single-language[title="Chinese(Traditional)"] span.size24 {
    top: -4px;
    position: relative;
  }
}
/* -----------------------------------------
	Homepage
----------------------------------------- */
/* line 222, style.scss */
.flexslider .slides > li:first-child {
  display: block;
}

/* line 225, style.scss */
.flexslider.loading .slides > li:first-child {
  opacity: 1 !important;
}

/* line 228, style.scss */
.flexslider {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
  background: none;
}

/* line 229, style.scss */
.flex-direction-nav a {
  color: #FFF !important;
  width: 40px;
  height: 40px;
  top: 50%;
  margin: -20px 0 0 0;
}

/* line 230, style.scss */
.flex-direction-nav a:before {
  font-family: FontAwesome;
  content: '\f053';
  font-size: 34px;
}

/* line 231, style.scss */
.flex-direction-nav a.flex-next:before {
  content: '\f054';
}

/* line 232, style.scss */
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px;
}

/* line 240, style.scss */
.flex-control-nav li {
  display: block;
  margin: 0 0 5px 0;
}

/* line 245, style.scss */
.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: none;
}

/* line 252, style.scss */
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF;
}

/* line 258, style.scss */
#slider.flexslider.loading {
  position: relative;
}
/* line 260, style.scss */
#slider.flexslider.loading:after {
  content: ' ';
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 40%;
  margin: 0 0 0 -15px;
  border: 8px solid #FFF;
  border-right-color: transparent;
  border-radius: 50%;
  box-shadow: 0 0 25px 2px #eee;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/* line 280, style.scss */
#slider {
  margin: 0;
  color: #FFF;
  position: relative;
}
/* line 284, style.scss */
#slider .slides li {
  height: auto;
}

/* line 289, style.scss */
.slide-info {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35%;
}

/* line 296, style.scss */
.slide-title {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: -0.04em;
  margin-bottom: 5px;
  color: #FFF;
}

/* line 304, style.scss */
.slide-subtitle {
  font-family: Montserrat, sans-serif;
}