/* General */

#main {
  background: #ffffff;
  padding-top: 0px !important;
  padding-bottom: 40px !important;
}

#primary {
  margin-bottom: 0px;
}

#secondary {
  margin-bottom: 0px;
  margin-top: 40px;
}

#colophon #theme-attribution, #colophon #site-info { margin-top: 100px; }
.layout-full #colophon {
  background-color: #22677e;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 70px;
  padding-bottom: 70px;
}

body, button, input, select, textarea {
  background-color: #ffffff;
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
	font-size: 1.3rem;
  font-weight: 400;
	letter-spacing: 0.05rem;
  line-height: 2rem;
}



/* Masthead */

#masthead {
    background: #22677e;
    padding: 0 35px 0 35px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1;
}
#masthead .hgroup {
    zoom: 1;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}



/* Menu */

.main-navigation {
  background: #ffffff;
  border-bottom: 1px solid #dfdfdf;
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.main-navigation a:link {
  color: #232323;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.main-navigation a:visited {
  color: #232323;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.main-navigation a:hover {
  color: #232323;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.main-navigation a:active {
  color: #232323;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.main-navigation ul ul {
  background: #ffffff;
  border-bottom: 1px solid #dfdfdf;
  color: #232323;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2rem !important;
  text-transform: uppercase;
}

.main-navigation ul li a {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
  background: #ffffff;
  color: #232323;
}

.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
  background: #ffffff;
  color: #232323;  
}



/* Mobile menu */

.mobile-nav-frame {
  background: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-weight: 400;  
}

.mobile-nav-frame .next {
  float: right;
  text-decoration: none;
  color: #3f3f3f;
  font-size: 17px;
  font-weight: 300;
}

.mobile-nav-frame ul {
  background: #ffffff;
  border: none;
  margin: 0px 12px;
  padding: 4px 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.mobile-nav-frame ul li a.link {
  color: #22677e;
  font-size: 17px;
  font-weight: 700;
  text-shadow: none;
}

.mobile-nav-frame .title h3 {
  color: #ffffff;
  height: 1.25em;
  font: 200 20px Lato, Roboto, Arial, sans-serif;
  margin: 0px 50px;
  overflow: hidden;
  text-align: center;
  text-shadow: none;
}

.mobile-nav-frame form.search input[type="search"] {
    display: block;
    width: 100%;
    font-size: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: none;
}

.mobile-nav-frame .title {
    padding: 14px 12px;
    margin-bottom: 25px;
    border-bottom: 1px solid #1c1c1c;
    background: #22677e;
}



/* Footer */

#footer-widgets .widget .widget-title { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: 2.4rem;
}

#footer-widgets .widget a {
  color: #ffffff;
}

#footer-widgets .widget a:link {
  color: #ffffff;
}

#footer-widgets .widget a:visited {
  color: #ffffff;
}

#footer-widgets .widget a:hover {
  color: #ffffff;
}

#footer-widgets .widget a:active {
  color: #ffffff;
}

.text_style_footer { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2.2rem;
}

.text_style_footer a { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.text_style_footer a:link { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.text_style_footer a:visited { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.text_style_footer a:hover { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.text_style_footer a:active { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 2.2rem;
  text-decoration: none;
}



/* Links */

.entry-content a {
  color: #22677e;
}

.entry-content a:link {
  color: #22677e;
}

.entry-content a:visited {
  color: #22677e;
}

.entry-content a:hover {
  color: #22677e;
}

.entry-content a:active {
  color: #22677e;
}



/* Heading styles */

.entry-content h1 {
  font-family: Roboto, Lato, Domine, "Playfair Display", Arial, sans-serif;
  font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.entry-content h2 {
  font-family: Roboto, Lato, Domine, "Playfair Display", Arial, sans-serif;
  font-weight: 400;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: Roboto, Lato, Arial, sans-serif;
  font-weight: 400;
}



/* Styles h1 */

.entry-content h1 { 
  color: #2d4c56;
  font-size: 4.5rem;
  letter-spacing: 0.1rem;
  line-height: 5.5rem;
  margin-bottom: 35px;
  margin-top: 20px;
}

/* If the screen size is 1400px wide or less, set the font-size of h1 to this */
@media screen and (max-width: 1400px) {
.entry-content h1 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

/* If the screen size is 1000px wide or less, set the font-size of h1 to this */
@media screen and (max-width: 1000px) {
.entry-content h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
}

/* If the screen size is 600px wide or less, set the font-size of h1 to this */
@media screen and (max-width: 600px) {
.entry-content h1 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

h1.text_style_main_hero_image { 
  color: #ffffff;
  font-family: Lato, Lora, Roboto, Arial, sans-serif;
  font-size: 7rem;
  font-kerning: normal;
  font-weight: 700;  
  letter-spacing: 0.05rem;
  line-height: 9rem;
  text-align: center;
  text-shadow: 5px 5px 10px #373737;
  text-transform: uppercase;
}

/* If the screen size is 1400px wide or less, set the font-size of main_hero_image to this */
@media screen and (max-width: 1400px) {
h1.text_style_main_hero_image {
  font-size: 4rem;
  letter-spacing: 0.2rem;
  line-height: 6rem;
  }
}

/* If the screen size is 1000px wide or less, set the font-size of main_hero_image to this */
@media screen and (max-width: 1000px) {
h1.text_style_main_hero_image {
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  line-height: 3.5rem;
  }
}

/* If the screen size is 2000px wide or more, set the font-size of text_style_hero_main_headline to this */
@media screen and (min-width: 2000px) {
.text_style_main_hero_image {
    font-size: 9rem;
    line-height: 12rem;
  }
}



/* Styles h2 */

.entry-content h2 { 
  color: #2d4c56;
  font-size: 4rem;
  letter-spacing: 0rem;
  line-height: 5.5rem;
  margin-bottom: 20px;
  margin-top: 35px;
}

/* If the screen size is 1000px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 800px) {
.entry-content h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

/* If the h2 is in the homepage, use this with h2 */
h2.homepage { 
  color: #2d4c56;
  font-size: 4rem;
  letter-spacing: 0rem;
  line-height: 5.5rem;
  margin-bottom: 10px;
  margin-top: 15px;
}

/* If the screen size is 600px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 800px) {
h2.homepage {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

/* If the h2 is in the homepage, use this with h2 */
h2.homepage_ads { 
  color: #2d4c56;
  font-size: 4rem;
  letter-spacing: 0rem;
  line-height: 5.5rem;
  margin-bottom: 10px;
  margin-top: 15px;
}

/* If the screen size is 1000px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 1000px) {
h2.homepage_ads {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

/* If the h2 is in the homepage ad, use this with h2 */
h2.homepage_ad { 
  color: #2d4c56;
  font-size: 3rem;
  letter-spacing: 0rem;
  line-height: 4.5rem;
  margin-bottom: 10px;
  margin-top: 15px;
}

/* If the screen size is 1000px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 1000px) {
h2.homepage_ad {
    font-size: 2rem;
    line-height: 3.5rem;
  }
}

/* If the h2 is in accommodation search, use this extra style with h2 */
h2.h2_accommodation_search { 
  color: #2d4c56;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 4rem;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* If the screen size is 1000px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 1000px) {
h2.h2_accommodation_search {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}



/* Styles h3 */

.entry-content h3 { 
  color: #2d4c56;
  font-size: 2.2rem;
  letter-spacing: 0rem;
  line-height: 3.2rem;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* If the h3 is in top of the column, use this extra style with h3 */
h3.h3_column_top { 
  color: #2d4c56;
  font-size: 2.2rem;
  letter-spacing: 0rem;
  line-height: 3.2rem;
  margin-bottom: 20px;
  margin-top: 0px;
}

/* If the h3 is in top of the column and it should be white, use this extra style with h3 */
h3.h3_column_top_white { 
  color: #ffffff;
  font-size: 2.2rem;
  letter-spacing: 0rem;
  line-height: 3.2rem;
  margin-bottom: 20px;
  margin-top: 0px;
}

h3.widget-title { 
  color: #2d4c56;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  line-height: 2.4rem;
}



/* Styles h4, h5, h6 */

.entry-content h4 { 
  color: #2d4c56;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  line-height: 2.4rem;
  margin-bottom: 18px;
  margin-top: 26px;
}

/* If the h4 is in top of the column, use this extra style with h4 */
h4.h4_column_top { 
  color: #2d4c56;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  line-height: 2.4rem;
  margin-bottom: 18px;
  margin-top: 0px;
}

.entry-content h5 { 
  color: #2d4c56;
  font-size: 1.7rem;
  letter-spacing: 0.05rem;
  line-height: 2.2rem;  
  margin-bottom: 17px;
  margin-top: 26px;
}

.entry-content h6 { 
  color: #2d4c56;
  font-size: 1.7rem;
  letter-spacing: 0.05rem;
  line-height: 2.2rem;  
  margin-bottom: 17px;
  margin-top: 0px;
}



/* Text styles */

#page-title {
  color: #2d4c56;
  margin-bottom: 25px;
  margin-top: 40px;
  font-size: 1.8em;
  font-weight: 500;

}

p { 
  color: #424949;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 3.2rem;
  margin-bottom: 15px;
  margin-top: 15px;
}

/* If the screen size is 600px wide or less, set the font-size of p to this */
@media screen and (max-width: 600px) {
p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}



/* Homepage text styles */

.text_style_homepage_mini_info_above_h2 {
  color: #22677e;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;  
  letter-spacing: 0.3rem;
  line-height: 3rem;
  text-indent: 0.2rem;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 15px;
}

.text_style_main_hero_image_2 {
  font-family: Roboto, Lato, Domine, "Playfair Display", Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 5rem;
  letter-spacing: 0rem;
  line-height: 6.5rem;
  margin-bottom: 10px;
  margin-top: 15px;
  text-shadow: 5px 5px 10px #373737;
}

/* If the screen size is 1000px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 1000px) {
.text_style_main_hero_image_2 {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
}

.text_style_hero_sub_headline { 
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 2rem;
  font-kerning: normal;
  font-weight: 700;  
  letter-spacing: 0.2rem;
  line-height: 3rem;
  text-align: center;
  text-shadow: 5px 5px 10px #373737;
}

/* If the screen size is 1000px wide or less, set the font-size of hero_sub_headline to this */
@media screen and (max-width: 1000px) {
.text_style_hero_sub_headline {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

.text_style_homepage_introduction { 
  color: #333333;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 3.5rem;
  margin-bottom: 15px;
  margin-top: 15px;
}



/* Pages text styles */

h3.product_title { 
  font-family: Roboto, Lato, Domine, "Playfair Display", Arial, sans-serif;
  font-weight: 400;
  color: #2d4c56;
  font-size: 3rem;
  letter-spacing: 0rem;
  line-height: 4.5rem;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* If the screen size is 1200px wide or less, set the font-size of h2 to this */
@media screen and (max-width: 800px) {
h3.product_title {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}



/* Buttons */

button.search_accommodation_button {
  background: #ffffff;
  background-color: #22677e;
  border: 0px;
  border-radius: 5px;
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.5em;
  padding: 12px 20px;
}



/* Search */

#search-icon #search-icon-icon {
    background-color: #ffffff;
}

#search-icon .searchform input[name="s"] {
    color: #22677e;
}

#search-icon .searchform {
    background: #ffffff;
}

#search-icon #search-icon-icon:hover,
#search-icon #search-icon-icon:focus {
  background-color: #ffffff;
}

#search-icon #search-icon-icon:hover .vantage-icon-search,
#search-icon #search-icon-icon:focus .vantage-icon-search {
  color: #22677e;
}



/* Scrollbar */

#scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #9ba6aa;
}
 /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
} 



/* Tables */

table {
  color: #333333;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 2.8rem;
  margin-bottom: 15px;
  margin-top: 15px;
}

thead {
  color: #ffffff;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.05rem;
  line-height: 2.8rem;
  margin-bottom: 15px;
  margin-top: 15px;
}

td {
  color: #333333;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 2.8rem;
  margin-bottom: 15px;
  margin-top: 15px;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #22677e;
    border-bottom: 0px;
} 



/* Other styles */

.entry-content ul {
    list-style-type: disc;
}

ul, ol {
  color: #333333;
  font-family: Lato, Roboto, Arial, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 3.2rem;
  margin-bottom: 15px;
  margin-top: 15px;
  margin: 0rem 0rem 0rem 1rem;
}

/* If the screen size is 600px wide or less, set the font-size of p to this */
@media screen and (max-width: 600px) {
ul, ol {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

#cookie-law-info-again {
  border: solid 1px;
  border-color: #10b0c3;
    font-size: 10pt;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
    box-shadow: none;
}

#colophon #site-info {
  color: #ffffff;
}

#site-info {
    color: #ffffff;
		font-family: Lato, Roboto, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
    text-align: center;
		letter-spacing:.05rem;
		line-height: 2rem;
}

#site-info a:link, #site-info a:visited, #site-info a:hover, #site-info a:focus, #site-info a:active {
    color: #ffffff;
		font-family: Lato, Roboto, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
    text-align: center;
		letter-spacing:.05rem;
		line-height: 2rem;
}