@font-face {
font-family: icomoon;
src: url(//www.osbornehotel.com/wp-content/themes/osborne/fonts/icomoon.eot?rijx75);
src: url(//www.osbornehotel.com/wp-content/themes/osborne/fonts/icomoon.eot?rijx75#iefix) format("embedded-opentype"), url(//www.osbornehotel.com/wp-content/themes/osborne/fonts/icomoon.ttf?rijx75) format("truetype"), url(//www.osbornehotel.com/wp-content/themes/osborne/fonts/icomoon.woff?rijx75) format("woff"), url(//www.osbornehotel.com/wp-content/themes/osborne/fonts/icomoon.svg?rijx75#icomoon) format("svg");
font-weight: 400;
font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
font-family: icomoon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tripadvisor:before {
content: "\e900";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-linkedin:before {
content: "\eaca";
}
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
ul a {
text-decoration: none;
}
html {
font-size: 16px;
}
body {
font-family: Roboto, sans-serif;
font-weight: 300;
}
h1,
h2,
h3,
h4,
h5 {
font-family: "Playfair Display", serif;
font-weight: 500;
}
h1 {
font-size: 40px;
line-height: 1.25;
}
@media (max-width: 991.98px) {
h1 {
font-size: 40px;
}
}
@media (max-width: 767.98px) {
h1 {
font-size: 30px;
}
}
h2 {
font-size: 40px;
margin-bottom: 20px;
line-height: 1.25;
}
h3 {
font-size: 28px;
line-height: 1.25;
}
@media (max-width: 767.98px) {
h3 {
font-size: 22px;
}
}
h4 {
font-size: 22px;
line-height: 1.45;
font-weight: 400;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
ol li:not(:last-child),
ul li:not(:last-child) {
margin-bottom: 7.5px;
}
.title-w-line:not(:last-child) {
margin-bottom: 60px;
}
.title-w-line:after {
content: "";
width: 70px;
height: 1px;
background: #669ac5;
display: block;
margin-top: 50px;
}
@media (max-width: 991.98px) {
.title-w-line:not(:last-child) {
margin-bottom: 40px;
}
.title-w-line:after {
margin-top: 30px;
}
}
.w-line-center {
text-align: center;
position: relative;
}
.w-line-center:not(:last-child) {
margin-bottom: 50px;
}
.w-line-center:after {
content: "";
width: 70px;
height: 1px;
display: block;
background: #669ac5;
margin: 50px auto 0;
}
.col-white {
color: #fff;
}
.col-white:after {
background: #fff;
}
.cushead.h1 {
font-size: 50px;
color: green;
line-height: 1.25;
font-weight: 700;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.cushead.h1 {
font-size: 44px;
}
}
@media (max-width: 767.98px) {
.cushead.h1 {
font-size: 36px;
}
}
.cushead.h2 {
font-size: 40px;
line-height: 1.25;
}
.cushead.h3 {
font-size: 30px;
line-height: 1.25;
}
.cushead.h4 {
font-size: 22px;
line-height: 1.45;
font-weight: 400;
}
.cushead.h5 {
font-size: 20px;
}
.cushead.h6 {
font-size: 14px;
}
li,
p {
font-size: 16px;
letter-spacing: 0.4px;
line-height: 1.75;
}
.par-wrapper h5:not(:last-child),
.par-wrapper p:not(:last-child),
.par-wrapper ul:not(:last-child) {
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.par-wrapper h5:not(:last-child),
.par-wrapper p:not(:last-child),
.par-wrapper ul:not(:last-child) {
margin-bottom: 30px;
}
}
.par-wrapper.gap-small p:not(:last-child),
.par-wrapper.gap-small ul:not(:last-child) {
margin-bottom: 20px;
}
.par-wrapper.gap-tiny p:not(:last-child) {
margin-bottom: 5px;
}
.par-wrapper blockquote:not(:last-child) {
margin-bottom: 25px;
}
p a {
color: #669ac5;
text-decoration: underline;
}
p + .link {
margin-top: 20px;
}
p.size-big {
font-weight: 400;
}
@media (min-width: 576px) {
p.size-big {
font-size: 18px;
}
}
@media (min-width: 992px) {
p.size-big {
font-size: 20px;
}
}
p.size-small {
font-size: 14px;
}
blockquote {
font-size: 20px;
font-family: "DM Serif Display", sans-serif;
font-style: italic;
color: #669ac5;
line-height: 1.5;
}
ul.w-bullets li {
position: relative;
padding-left: 14px;
}
ul.w-bullets li:not(:last-child) {
margin-bottom: 10px;
}
ul.w-bullets li:before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
display: block;
}
ul.w-checkmarks li {
padding-left: 35px;
position: relative;
}
ul.w-checkmarks li:not(:last-child) {
margin-bottom: 20px;
}
ul.w-checkmarks li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
display: block;
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/checkmark.svg) no-repeat center center/50% orange2;
border-radius: 50%;
}
.container {
box-sizing: border-box;
width: 100%;
}
@media (max-width: 1199.98px) {
.container {
padding: 0 30px;
}
}
@media (max-width: 767.98px) {
.container {
padding: 0 25px;
}
}
@media (max-width: 767.98px) {
.no-ctr-mb {
margin-left: -25px;
margin-right: -25px;
}
}
footer,
section {
box-sizing: border-box;
}
footer .w-pd,
footer.w-pd,
section .w-pd,
section.w-pd {
padding-top: 150px;
padding-bottom: 150px;
}
@media (max-width: 991.98px) {
footer .w-pd,
footer.w-pd,
section .w-pd,
section.w-pd {
padding: 100px 0;
}
}
@media (max-width: 767.98px) {
footer .w-pd,
footer.w-pd,
section .w-pd,
section.w-pd {
padding: 75px 0;
}
}
footer .w-pd-sm,
footer.w-pd-sm,
section .w-pd-sm,
section.w-pd-sm {
padding: 100px 0;
}
@media (max-width: 991.98px) {
footer .w-pd-sm,
footer.w-pd-sm,
section .w-pd-sm,
section.w-pd-sm {
padding: 75px 0;
}
}
@media (max-width: 767.98px) {
footer .w-pd-sm,
footer.w-pd-sm,
section .w-pd-sm,
section.w-pd-sm {
padding: 50px 0;
}
}
footer .no-pdb,
footer.no-pdb,
section .no-pdb,
section.no-pdb {
padding-bottom: 0;
}
@media (max-width: 767.98px) {
footer .no-pdb-sm,
footer.no-pdb-sm,
section .no-pdb-sm,
section.no-pdb-sm {
padding-bottom: 0;
}
}
footer .text-align-center,
section .text-align-center {
text-align: center;
}
.bg-silver {
background: silver;
}
figure img {
display: block;
width: 100%;
}
.vis-hidden {
visibility: hidden;
}
.is-hidden.is-hidden,
[type="hidden"] {
display: none;
}
.input-group label {
padding-bottom: 10px;
display: block;
}
.input-group:not(:last-child),
.radio-group:not(:last-child) {
margin-bottom: 10px;
}
.radios .radio-group:not(:last-child) {
margin-bottom: 20px;
}
.radio-group {
position: relative;
}
.radio-group [type="radio"],
.radio-group label {
cursor: pointer;
}
.radio-group label:before {
content: "";
border-radius: 30px;
box-sizing: border-box;
display: block;
position: absolute;
top: 2px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #ddd;
transition: 0.3s all ease;
}
.radio-group label {
padding-left: 5px;
}
.radio-group input {
opacity: 0;
padding: 0 6px;
width: auto;
}
.radio-group input:checked + label:before {
background: orange !important;
}
.checkbox-group {
position: relative;
}
.checkbox-group input {
position: absolute;
left: 0;
opacity: 0;
}
.checkbox-group input:checked + label:before {
background: orange;
}
.checkbox-group label {
position: relative;
color: abu;
padding-left: 45px;
cursor: pointer;
line-height: 22px !important;
}
.checkbox-group label:before {
transition: 0.3s all ease;
content: "";
width: 22px;
height: 22px;
display: block;
box-sizing: border-box;
border: 2px solid orange;
position: absolute;
top: 0;
left: 0;
}
.checkbox-group .h5 {
font-size: 16px;
}
.checkbox-group a {
color: orange;
}
.textarea-group .characters-count {
text-align: right;
font-size: 14px;
margin-top: 5px;
color: abu;
}
input:not([type="submit"]),
select,
text,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
font-weight: 300;
font-size: 14px;
background: 0 0;
border: 1px solid transparent;
box-sizing: border-box;
border-radius: 0;
padding: 8px 15px 10px;
text-align: center;
line-height: 1.5;
font-family: Roboto, sans-serif;
}
input:not([type="submit"]):focus,
select:focus,
text:focus,
textarea:focus {
outline: 0;
}
select {
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/arrow-down.svg) no-repeat calc(100% - 15px) center/14px;
}
select.is-minimal {
padding: 0;
background-position: 100% center;
background-size: 10px;
width: auto;
padding-right: 15px;
border: none;
}
input.w-icon {
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/magnifying-glass-alt.svg) no-repeat 15px 12px/20px;
}
input.w-icon.left {
padding-left: 45px;
}
.sticky {
position: sticky;
position: -webkit-sticky;
top: 120px;
}
.green {
color: green !important;
}
form .input-block:not(:last-child) {
margin-bottom: 20px;
}
form .block-header {
margin-bottom: 10px;
}
form .block-header .side-header {
line-height: 20px;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
}
form .input-block label {
color: green;
display: block;
line-height: 20px;
}
form .input-block label.w-icon {
display: flex;
}
form .input-block label.w-icon .icon {
display: block;
margin-right: 10px;
}
form .form-submit.w-bt {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #eee;
}
form .form-content-list .form-content {
margin-bottom: 30px;
}
form .box {
box-shadow: shadow2;
padding: 50px;
background: #fff;
}
@media (max-width: 767.98px) {
form .box {
padding: 30px;
}
}
form .box .input-block {
margin: 0;
}
form .box.grid {
grid-gap: 20px;
}
form .optional-form-content {
background: silver;
padding: 40px 0;
margin: 60px 0 40px;
}
form .optional-form-content .form-content {
margin-top: 40px;
}
.select-file input {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
}
.select-file label {
display: inline-block;
cursor: pointer;
color: #669ac5;
font-size: 18px;
padding: 30px 0;
text-decoration: underline;
}
.line-divider,
hr {
display: block;
border: none;
height: 1px;
width: 100%;
background: #ddd;
margin: 20px 0;
}
.line-divider.margin-wide,
hr.margin-wide {
margin: 50px 0;
}
#article-header .article-title {
margin-bottom: 50px;
}
#article-header .article-title .title-w-line:not(:last-child) {
margin-bottom: 40px;
}
#article-header .article-date {
font-weight: 700;
}
article {
color: #669ac5;
}
@media (min-width: 992px) {
article {
padding-right: 50px;
}
}
article.content-col-2 {
column-gap: 80px;
}
article h2,
article h3,
article h4,
article h5 {
color: dark;
margin-bottom: 40px;
font-weight: 400;
}
article h2:not(:first-child),
article h3:not(:first-child),
article h4:not(:first-child),
article h5:not(:first-child) {
margin-top: 40px;
}
article figure {
margin: 40px 0;
}
article figure img {
max-width: 100%;
display: block;
}
article figure figcaption {
margin-top: 10px;
color: abu;
font-weight: 300;
}
article .features {
padding: 30px 0;
margin: 30px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
grid-gap: 30px;
}
article .features .box {
box-shadow: shadow;
background: silver2;
padding: 30px;
}
article .features .box-title {
font-weight: 700;
color: green;
margin-bottom: 15px;
}
article .features .h6 {
font-weight: 100;
}
article > p {
line-height: 1.75;
font-weight: 300;
margin: 30px 0;
}
article > p:first-child {
margin-top: 0;
}
article > p a {
color: orange;
text-decoration: none;
}
article ol,
article ul {
margin: 30px 0;
font-weight: 100;
}
@media (min-width: 768px) {
article ol,
article ul {
padding-left: 30px;
}
}
article ol li:not(:last-child),
article ul li:not(:last-child) {
margin-bottom: 15px;
}
article ol {
list-style: none;
counter-reset: number;
}
article ol li {
counter-increment: number;
padding-left: 25px;
position: relative;
}
article ol li:before {
content: counter(number) ". ";
position: absolute;
top: 0;
left: 0;
}
article ul li {
position: relative;
padding-left: 25px;
}
article ul li:before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 5px;
height: 5px;
border-radius: 50%;
background: abu;
display: block;
}
article blockquote {
margin: 30px 0;
}
@media (min-width: 576px) {
article blockquote {
padding-left: 30px;
float: right;
width: 50%;
margin-top: 0;
}
}
article blockquote:before {
content: "";
width: 30px;
height: 4px;
background: dark;
margin-bottom: 20px;
display: block;
}
article blockquote p {
color: dark;
letter-spacing: 0;
font-size: 22px;
font-weight: 600;
}
article blockquote p:before {
content: "“";
}
article blockquote p:after {
content: "”";
}
.flex > div {
box-sizing: border-box;
}
strong {
font-weight: 400;
}
.w-bg .title-w-line,
.w-bg li,
.w-bg p {
color: #fff;
}
.w-bg .title-w-line:after,
.w-bg .w-bullets li:before {
background: #fff;
}
.bg-brown {
background: #e6cab3;
}
.bg-offset {
position: relative;
}
.bg-offset:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
transform: translateY(-100%);
z-index: -1;
background: inherit;
}
.content-col-2 {
column-count: 2;
column-gap: 50px;
}
@media (max-width: 767.98px) {
.content-col-2 {
column-count: unset;
}
}
.content-col-2.strong {
font-weight: 400;
}
body.animation-is-active #guests-selector,
body.animation-is-active #menu-wrapper .overlay,
body.animation-is-active #popup,
body.animation-is-active .header-logo {
transition: 0.3s opacity ease;
}
body.animation-is-active #menu-wrapper menu {
transition: 0.3s transform ease;
}
body.animation-is-active .language-switcher .dropdown,
body.animation-is-active header {
transition: 0.3s all ease;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
header .header-inner {
transition: 0.3s all ease;
position: relative;
}
@media (max-width: 1199.98px) {
header .header-inner {
padding-top: 50px;
}
}
@media (max-width: 767.98px) {
header .header-inner {
padding: 20px 0 !important;
}
}
header .header-inner:after,
header .header-inner:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
transition: 0.3s transform ease;
transform: translateY(-100%);
z-index: -1;
}
header .header-inner:after {
background: rgba(102, 154, 197, 0.1);
}
header .search-form input {
border: 1px solid #fff;
text-align: left;
width: 100%;
background: 0 0;
}
header .search-form input:focus {
outline: 0;
}
header.no-logo .header-logo {
opacity: 0;
}
header .header-logo {
display: block;
margin: auto;
pointer-events: none;
}
header .header-logo img,
header .header-logo svg {
width: 100%;
margin-left: 6px;
display: block;
}
header .header-logo g {
transition: 0.3s all ease;
}
header .search-form input {
border-color: #fff;
color: #fff;
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/magnifying-glass-white.svg) no-repeat 10px 12px/13px;
padding-left: 30px;
}
header .search-form input::placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
header .search-form input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
header .search-form input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 575.98px) {
header .search-form {
display: none !important;
}
}
@media (min-width: 576px) {
header .left-side .account {
display: none;
}
}
header .right-side > div:not(:last-child) {
margin-right: 50px;
}
@media (max-width: 575.98px) {
menu .hidden-in-desktop .container .language-switcher {
display: none;
}
}
header .account svg {
display: block;
}
header .account svg path {
transition: 0.3s all ease;
}
@media (min-width: 768px) {
header.is-transform .header-inner {
padding: 30px 0;
}
}
header.is-transform .header-inner:after,
header.is-transform .header-inner:before {
transform: none;
transition-delay: 50ms;
}
header.is-transform .header-inner .header-logo {
opacity: 1;
pointer-events: auto;
transition-delay: 50ms;
}
header.is-transform .header-inner .header-logo g {
fill: #669ac5;
}
header.is-transform .search-form input {
border-color: #669ac5;
color: #669ac5;
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/magnifying-glass.svg) no-repeat 10px 12px/13px;
}
header.is-transform .search-form input::placeholder {
color: rgba(102, 154, 197, 0.5);
opacity: 1;
}
header.is-transform .search-form input:-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
header.is-transform .search-form input::-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
header.is-transform .burger-menu .bar {
background: #669ac5;
}
header.is-transform .burger-menu:before {
color: #669ac5;
}
header.is-transform .account svg g {
fill: #669ac5;
stroke: #669ac5;
}
header.is-transform .language-switcher .dropdown-trigger svg path {
stroke: #669ac5;
}
.main-header .header-inner {
padding-top: 60px;
}
.alt-header .header-logo {
pointer-events: auto;
opacity: 1;
}
.alt-header .burger-menu:before {
color: #669ac5;
}
.alt-header-1 .header-inner {
padding: 50px 0;
}
.alt-header-2 .header-inner {
padding: 30px 0;
}
.alt-header-2 .header-inner:after,
.alt-header-2 .header-inner:before {
transform: none;
}
.alt-header-2 .header-inner .header-logo {
opacity: 1;
pointer-events: auto;
}
.alt-header-2 .header-inner .header-logo g {
fill: #669ac5;
}
.alt-header-2 .search-form input {
border-color: #669ac5;
color: #669ac5;
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/magnifying-glass.svg) no-repeat 10px 12px/13px;
}
.alt-header-2 .search-form input::placeholder {
color: rgba(102, 154, 197, 0.5);
opacity: 1;
}
.alt-header-2 .search-form input:-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
.alt-header-2 .search-form input::-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
.alt-header-2 .burger-menu .bar {
background: #669ac5;
}
.alt-header-2 .account svg g {
fill: #669ac5;
stroke: #669ac5;
}
.alt-header-2 .language-switcher .dropdown-trigger svg path {
stroke: #669ac5;
}
.alt-header-2 + section {
margin-top: 115px;
}
.burger-menu {
width: 23px;
height: 18px;
display: block;
cursor: pointer;
position: relative;
}
.burger-menu:before {
content: "MENU";
letter-spacing: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 12px;
font-family: "DM Serif Display", sans-serif;
transition: 0.3s all ease;
opacity: 0;
}
.burger-menu:hover .bar {
opacity: 0;
}
.burger-menu:hover:before {
opacity: 1;
}
.burger-menu .bar {
width: 100%;
height: 2px;
background: #fff;
position: absolute;
transition: 0.3s all ease;
}
.burger-menu .top {
transform-origin: right top;
top: 0;
}
.burger-menu .center {
top: 50%;
margin-top: -1px;
}
.burger-menu .bottom {
transform-origin: right bottom;
bottom: 0;
}
.burger-menu.is-active .top {
transform: translateY(0) translateX(-4px) rotate(-45deg);
}
.burger-menu.is-active .center {
transform: translateX(-10px);
opacity: 0;
}
.burger-menu.is-active .bottom {
transform: translateY(0) translateX(-4px) rotate(45deg);
}
#menu-wrapper {
position: fixed;
top: 0;
left: 0;
bottom: 0;
-webkit-overflow-scrolling: touch;
width: 100%;
z-index: 10;
pointer-events: none;
}
#menu-wrapper.is-active {
pointer-events: auto;
}
#menu-wrapper.is-active .overlay {
opacity: 1;
}
#menu-wrapper.is-active menu {
transform: none;
}
#menu-wrapper .overlay {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 0;
opacity: 0;
}
#menu-wrapper .overlay {
margin: 30px 0;
}
#menu-wrapper .hidden-in-desktop {
margin-bottom: 50px;
}
@media (min-width: 576px) {
#menu-wrapper .hidden-in-desktop {
display: none;
}
}
#menu-wrapper .search-form input {
padding: 10px 10px 12px;
width: 100%;
color: #669ac5;
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/magnifying-glass.svg) no-repeat 10px 12px/13px rgba(102, 154, 197, 0.1);
padding-left: 30px;
transition: 0.3s all ease;
border: 1px solid transparent;
}
#menu-wrapper .search-form input::placeholder {
color: rgba(102, 154, 197, 0.5);
opacity: 1;
}
#menu-wrapper .search-form input:-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
#menu-wrapper .search-form input::-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
#menu-wrapper .search-form input:focus {
outline: 0;
border-color: #669ac5;
}
#menu-wrapper .language-switcher {
margin-top: 30px;
}
#menu-wrapper menu {
position: relative;
padding: 41px 0 100px;
transform: translateX(100%);
background: #fff;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 767.98px) {
#menu-wrapper menu {
padding: 0;
}
}
#menu-wrapper menu:before {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(230, 202, 179, 0.1);
z-index: 0;
pointer-events: none;
}
#menu-wrapper a {
color: #669ac5;
display: inline-block;
transition: 0.3s color ease;
}
#menu-wrapper a:hover {
color: #3a6d98;
}
#menu-wrapper .burger-menu-wrapper {
margin-bottom: 50px;
}
@media (max-width: 767.98px) {
#menu-wrapper .burger-menu-wrapper {
margin: 30px 0;
}
}
#menu-wrapper .circular-button {
margin-left: auto;
}
@media (max-width: 767.98px) {
#menu-wrapper .circular-button {
margin-left: unset;
}
}
#menu-wrapper .circular-button:before {
border-color: #669ac5;
}
#menu-wrapper .circular-button img {
width: 16px;
}
#menu-wrapper .menu-list {
text-align: center;
}
#menu-wrapper .menu-list li:not(:last-child) {
margin-bottom: 20px;
}
#menu-wrapper .menu-list a {
font-family: "DM Serif Display", sans-serif;
font-size: 20px;
}
#menu-wrapper .menu-list-sm {
text-align: center;
}
@media (max-width: 767.98px) {
#menu-wrapper .menu-list-sm {
margin-bottom: 60px;
}
}
footer {
background: #669ac5;
color: #fff;
}
@media (max-width: 767.98px) {
footer .first-block {
text-align: center;
}
footer .social-links-wrapper {
order: 0;
}
footer .sitemap-1-wrapper,
footer .sitemap-2-wrapper {
display: none;
}
footer .copyright-wrapper {
order: 3;
margin-top: 60px;
text-align: center;
}
footer .stevesco-wrapper {
order: 4;
margin-top: 20px;
}
footer .stevesco-wrapper .stevesco {
justify-content: center;
}
}
footer ul a {
color: #fff;
text-decoration: none;
}
footer .footer-links a {
font-size: 14px;
}
footer .footer-links a:hover {
text-decoration: underline;
}
footer .sitemap-mobile-wrapper .sitemap-mobile {
column-count: 2;
}
footer .sitemap-mobile-wrapper .sitemap-mobile a {
letter-spacing: 2px;
}
footer .sitemap-mobile-wrapper .sitemap-mobile li:not(:last-child) {
margin-bottom: 30px;
}
@media (min-width: 768px) {
footer .sitemap-mobile-wrapper {
display: none;
}
}
footer .sitemap-1 li:not(:last-child) {
margin-bottom: 30px;
}
@media (min-width: 768px) {
footer .sitemap-1 a {
text-transform: uppercase;
}
}
footer .sitemap-1 a {
letter-spacing: 2px;
}
@media (min-width: 768px) {
footer .copyright {
text-align: right;
}
}
footer .sitemap-1 {
column-count: 2;
top: 0;
}
@media (min-width: 768px) {
footer .sitemap-2 a {
padding: 7.5px 0;
}
}
footer .sitemap-2 li:not(:last-child) {
margin-right: 5px;
}
footer .social-links-wrapper {
margin: 100px 0;
}
@media (max-width: 767.98px) {
footer .social-links-wrapper {
margin: 80px 0;
position: relative;
}
footer .social-links-wrapper:not(:last-child) {
margin-bottom: 50px;
}
footer .social-links-wrapper:after {
content: "";
width: 70px;
height: 1px;
display: block;
background: #fff;
margin: 50px auto 0;
}
}
@media (max-width: 767.98px) {
footer .social-links {
justify-content: space-around;
}
}
@media (min-width: 768px) {
footer .social-links li:not(:last-child) {
margin-right: 30px;
}
}
footer .social-links a {
font-size: 24px;
display: block;
position: relative;
}
footer .social-links .icon-linkedin {
font-size: 27px;
}
footer .social-links .icon-tripadvisor {
font-size: 28px;
}
footer .stevesco {
text-decoration: none;
color: #fff;
font-size: 14px;
}
footer .stevesco img {
width: 90px;
margin-right: 15px;
}
section h1,
section h5,
section li,
section p {
color: #669ac5;
}
section ul.w-bullets li:before {
background: #669ac5;
}
section .content-wrapper.lg-break > div:not(:last-child),
section .content-wrapper.lg-break > figure:not(:last-child) {
margin-bottom: 50px;
}
@media (max-width: 767.98px) {
section .content-wrapper:not(.column-reverse-mobile) > div:not(:last-child),
section .content-wrapper:not(.column-reverse-mobile) > figure:not(:last-child) {
margin-bottom: 50px;
}
}
@media (max-width: 767.98px) {
section .column-reverse-mobile > div:first-child,
section .column-reverse-mobile > figure:first-child {
margin-top: 50px;
}
section .column-reverse-mobile > div:last-child,
section .column-reverse-mobile > figure:last-child {
order: -1;
}
}
@media (max-width: 767.98px) {
section:not(.no-center-mobile) {
text-align: center;
}
section:not(.no-center-mobile) ul.w-bullets {
text-align: left;
}
section:not(.no-center-mobile) .title-w-line:after {
margin: 40px auto 0;
}
}
.w-parallax {
position: relative;
overflow: hidden;
}
.w-parallax .parallax-bg {
position: absolute;
top: -10px;
left: 0;
right: 0;
bottom: -10px;
z-index: -1;
}
.w-parallax .parallax-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.w-sliders #slideshow {
position: relative;
overflow: hidden;
}
@media (min-width: 1200px) {
.w-sliders #slideshow:not(.dir-left) {
left: -20%;
width: 140%;
}
}
@media (min-width: 1200px) {
.w-sliders #slideshow.dir-left {
left: -20%;
width: 140%;
}
}
@media (min-width: 768px) {
.w-sliders #slideshow.dir-left .slideshow {
right: -20%;
}
}
.w-sliders .slideshow {
width: 80%;
position: relative;
}
@media (max-width: 767.98px) {
.w-sliders .slideshow {
width: 100%;
}
}
@media (max-width: 767.98px) {
.w-sliders .carousel .carousel-cell {
width: 60%;
}
}
#main-hero {
padding: 80px 0 60px;
background: no-repeat center center/cover;
position: relative;
}
@media (max-width: 767.98px) {
#main-hero {
border-bottom: 2px solid #fff;
}
}
@media (min-width: 992px) {
#main-hero {
min-height: 100vh;
}
}
@media (max-width: 991.98px) {
#main-hero {
padding-bottom: 40px;
}
}
@media (max-width: 767.98px) {
#main-hero {
padding-bottom: 0;
}
}
#main-hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 0;
}
#main-hero .container {
position: relative;
}
#main-hero header {
margin-bottom: auto;
}
#main-hero .hero-content {
margin-top: auto;
}
@media (min-width: 992px) {
#main-hero .hero-content {
padding: 100px 0 80px;
}
}
@media (max-width: 991.98px) {
#main-hero .hero-content {
margin: 90px 0;
}
}
#main-hero .hero-content p {
color: #fff;
}
#main-hero .hero-logo {
display: block;
width: 100%;
margin-bottom: 30px;
}
#booking-form {
background: #fff;
margin-top: auto;
position: relative;
padding: 0 25px;
text-align: center;
box-sizing: border-box;
}
@media (max-width: 991.98px) {
#booking-form {
padding-bottom: 25px;
}
}
@media (max-width: 575.98px) {
#booking-form .container > div:not(:last-child) {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
#booking-form .container {
padding: 0;
}
}
#booking-form .button {
padding-left: 0;
padding-right: 0;
transition: 0.3s all ease;
border: 1px solid #e6cab3;
top: -19px;
}
#booking-form .button:hover {
background: #e6cab3;
color: #fff;
}
#booking-form .check-in-out {
text-transform: uppercase;
}
#booking-form .check-in-out .col-5 {
padding: 25px 0;
cursor: pointer;
color: #669ac5;
}
#booking-form .check-in-out .col-5:hover {
color: #3a6d98;
}
#booking-form .check-in-out .to img {
width: 12px;
margin: auto;
}
#booking-form .check-in-out .title {
font-size: 14px;
font-weight: 300;
transition: 0.3s color ease;
}
#booking-form .check-in-out .date .day {
font-family: "DM Serif Display", sans-serif;
font-size: 34px;
transition: 0.3s color ease;
}
#booking-form .check-in-out .date .month {
font-size: 14px;
transition: 0.3s color ease;
}
#booking-form .rooms-guests {
grid-gap: 8px;
cursor: pointer;
}
@media (min-width: 576px) {
#booking-form .rooms-guests {
padding-left: 20px;
}
}
#booking-form .rooms-guests .custom-select {
padding: 10px;
background: rgba(102, 154, 197, 0.1);
box-sizing: border-box;
transition: 0.3s all ease;
color: #669ac5;
font-size: 14px;
}
#booking-form .rooms-guests .custom-select:hover {
background: #94b8d6;
color: #fff;
}
@media (min-width: 576px) {
#booking-form .promo-code {
padding-left: 20px;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
#booking-form .promo-code {
margin-top: 30px;
}
}
#booking-form .promo-code input {
padding: 8px 20px 10px;
border-bottom: 1px solid #669ac5;
text-align: center;
font-size: 16px;
}
#booking-form .promo-code input::placeholder {
color: #669ac5;
opacity: 1;
}
#booking-form .promo-code input:-ms-input-placeholder {
color: #669ac5;
}
#booking-form .promo-code input::-ms-input-placeholder {
color: #669ac5;
}
@media (min-width: 576px) {
#booking-form .submit {
padding-left: 20px;
padding-top: 44px;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
#booking-form .submit {
margin-top: 30px;
}
}
#booking-form .submit .button {
font-size: 16px;
display: none;
width: 100%;
}
#booking-form .submit .button.show {
display: block;
}
#guests-selector {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, 0.7);
z-index: 13;
pointer-events: none;
opacity: 0;
}
#guests-selector.is-active {
opacity: 1;
pointer-events: auto;
}
#guests-selector.rooms-are-full .add-new-room {
visibility: hidden;
}
#guests-selector .container {
height: 100vh;
}
#guests-selector .guests-popup {
margin: 50px 0;
background: #eee;
box-sizing: border-box;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}
#guests-selector select {
border: 1px solid #000;
background-image: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/arrow-down-alt.svg);
}
#guests-selector .popup-header {
text-align: center;
padding-top: 30px;
}
#guests-selector .popup-content {
padding: 30px 20px;
}
#guests-selector .popup-footer {
padding: 20px 30px;
background: #fff;
}
#guests-selector .rooms-wrapper {
counter-reset: room-number;
}
#guests-selector .rooms-wrapper .room {
counter-increment: room-number;
}
#guests-selector .rooms-wrapper .room-counter:after {
content: " " counter(room-number);
}
#guests-selector .small {
font-size: 14px;
}
#guests-selector select.small {
padding-top: 5px;
padding-bottom: 5px;
}
#guests-selector .rooms-wrapper .room:not(:last-child) {
margin-bottom: 10px;
}
#guests-selector .rooms-wrapper .room.show-ages:not(:last-child) {
margin-bottom: 20px;
}
#guests-selector .room {
margin: -5px;
text-align: center;
}
#guests-selector .room > div {
padding: 5px;
}
#guests-selector .room .ages {
display: none;
}
#guests-selector .room.show-ages .ages {
display: block;
}
#guests-selector .room:first-child .remove-room {
display: none;
}
#guests-selector .remove-room {
width: 20px;
height: 20px;
font-size: 18px;
background: #aaa;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
margin: auto;
cursor: pointer;
}
#guests-selector .add-new-room {
font-weight: 500;
cursor: pointer;
}
@media (max-width: 464.98px) {
#guests-selector .add-new-room {
margin-bottom: 15px;
}
}
.w-image-content .image-wrapper {
background: no-repeat center center/cover;
position: relative;
padding: 80px;
}
@media (max-width: 991.98px) {
.w-image-content .image-wrapper {
padding: 50px 20px;
}
}
@media (min-width: 992px) {
.w-image-content .image-wrapper {
min-height: 550px;
}
}
.w-image-content .image-wrapper:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
.w-image-content .image-wrapper .container {
position: relative;
}
.w-image-content .image-wrapper p {
color: #fff;
}
#services {
background: no-repeat center center/cover;
}
.contact-form-wrapper {
text-align: center;
}
.contact-form-wrapper p {
margin-bottom: 30px;
}
.contact-form {
margin-top: 30px;
}
.contact-form input:not([type="submit"]),
.contact-form textarea {
border-color: transparent;
background: rgba(230, 202, 179, 0.1);
color: #669ac5;
}
.contact-form input:not([type="submit"])::placeholder,
.contact-form textarea::placeholder {
color: rgba(102, 154, 197, 0.5);
opacity: 1;
}
.contact-form input:not([type="submit"]):-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
.contact-form input:not([type="submit"])::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
.contact-form input:not([type="submit"]):focus,
.contact-form textarea:focus {
text-align: left;
}
.contact-form .button-wrapper {
text-align: center;
}
.contact-form .button-wrapper .button {
width: unset;
}
#about {
background: #e6cab3;
}
#about p {
color: #fff;
}
#careers .card-list {
margin: -30px;
}
#careers .card-list .card-outer {
padding: 30px;
}
@media (max-width: 991.98px) {
#careers .card-list {
margin: -15px;
}
#careers .card-list .card-outer {
padding: 15px;
}
}
#posts .card-list {
margin: -15px;
}
#posts .card-list .card-outer {
padding: 15px;
}
@media (max-width: 991.98px) {
#posts .card-list {
margin: -15px;
}
#posts .card-list .card-outer {
padding: 15px;
}
}
#posts .card-list .card {
padding: 35px;
}
#rooms-features .features .title {
color: #669ac5;
margin-bottom: 60px;
}
#rooms-features ul {
font-weight: 400;
}
#rooms-features .line-divider {
width: 50%;
height: 1px;
display: block;
margin: 50px 0;
background: #669ac5;
}
#destination-highlights .card-list {
margin: -45px;
}
#destination-highlights .card-list .card-outer {
padding: 45px;
}
@media (max-width: 991.98px) {
#destination-highlights .card-list {
margin: -30px;
}
#destination-highlights .card-list .card-outer {
padding: 30px;
}
}
#main-hero.main-hero-careers .hero-content {
margin-top: unset;
}
#welcome h1 {
font-family: "Playfair Display", serif;
}
#contact #map {
height: 600px;
}
@media (max-width: 991.98px) {
#contact #map {
height: 450px;
}
}
.button-wrapper.w-mt-big {
margin-top: 100px;
}
@media (max-width: 991.98px) {
.button-wrapper.w-mt-big {
margin-top: 40px;
}
}
.button-wrapper.w-mt-sm {
margin-top: 50px;
}
@media (max-width: 991.98px) {
.button-wrapper.w-mt-sm {
margin-top: 30px;
}
}
.button-wrapper.button-center {
text-align: center;
}
input.button {
border: 1px solid #e6cab3;
transition: 0.3s all ease;
}
input.button:hover {
padding-left: 27px;
padding-right: 27px;
}
.button {
padding: 8px 20px 11px;
letter-spacing: 2px;
border-radius: 0;
color: #e6cab3;
border: 1px solid transparent;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
font-family: "DM Serif Display", sans-serif;
cursor: pointer;
background: 0 0;
font-size: 16px;
position: relative;
}
.button:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: 0.3s all ease;
border: 1px solid #e6cab3;
pointer-events: none;
}
.button:not(.no-hover):hover:before {
transform: scaleX(1.15);
}
.button.col-blue {
color: #669ac5;
}
.button.col-blue:before {
border-color: #669ac5;
}
.circular-button {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767.98px) {
.circular-button {
margin: auto;
}
}
.circular-button:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #fff;
z-index: 0;
border-radius: 50%;
transition: 0.45s all ease;
}
.circular-button:hover:before {
transform: scale(1.15);
}
.circular-button img {
width: 20px;
display: block;
}
.card-list .card {
background: rgba(230, 202, 179, 0.1);
padding: 50px;
color: #669ac5;
height: 100%;
box-sizing: border-box;
}
.card-list .card.button-is-absolute {
padding-bottom: 80px !important;
position: relative;
height: fit-content;
}
.card-list .card.button-is-absolute .button {
bottom: 0;
margin: 0 auto;
margin-bottom: 30px;
}
.card-list .card-title {
color: #669ac5;
}
@media (max-width: 767.98px) {
.card-list .card-title:after {
margin-left: auto;
margin-right: auto;
}
}
.card-list .card-detail {
margin-bottom: 30px;
font-family: "DM Serif Display", sans-serif;
}
.card-list:not(.w-thumbnail) .card-title {
position: relative;
}
.card-list:not(.w-thumbnail) .card-title:not(:last-child) {
margin-bottom: 50px;
}
.card-list:not(.w-thumbnail) .card-title:after {
content: "";
width: 70px;
height: 1px;
display: block;
background: #669ac5;
margin-top: 50px;
}
.card-list:not(.w-thumbnail) .button {
margin-top: 50px;
}
.card-list.w-thumbnail .card-title {
position: relative;
}
.card-list.w-thumbnail .card-title:not(:last-child) {
margin-bottom: 30px;
}
.card-list.w-thumbnail .card-title:after {
content: "";
width: 70px;
height: 1px;
display: block;
background: #669ac5;
margin-top: 30px;
}
.card-list.w-thumbnail .button {
margin-top: 30px;
}
.card-list.w-thumbnail p {
font-size: 12px;
}
.card-list.w-thumbnail .button {
font-size: 14px;
}
@media (max-width: 991.98px) {
.card-list .card .card-thumbnail {
margin-bottom: 25px;
order: -1;
}
}
.card-list.no-bg .card {
padding: 0;
background: unset;
}
.card-list.no-bg .card-thumbnail {
display: block;
width: 100%;
margin-bottom: 30px;
}
.carousel {
position: relative;
}
.carousel .flickity-viewport {
overflow: unset;
}
.carousel .carousel-cell {
width: 100%;
position: relative;
margin-right: 15px;
transition: 0.3s all ease;
opacity: 0.5;
}
@media (max-width: 767.98px) {
.carousel .carousel-cell {
margin-right: 10px;
}
}
.carousel .carousel-cell.is-selected {
opacity: 1;
}
.carousel .carousel-cell img {
display: block;
height: 400px;
width: 100%;
object-fit: cover;
}
.carousel .flickity-page-dots {
position: relative;
margin-top: 40px;
position: relative;
bottom: unset;
height: 30px;
}
.carousel .flickity-page-dots .dot {
margin-top: 12px;
width: 8px;
height: 8px;
border: 1px solid #333;
box-sizing: border-box;
transition: 0.3s all ease;
background: 0 0;
}
.carousel .flickity-page-dots .dot.is-selected {
background: #669ac5;
border-color: #669ac5;
}
.carousel .flickity-prev-next-button {
top: unset;
bottom: 0;
transform: none;
width: 30px;
height: 30px;
z-index: 3;
background: unset;
}
.carousel .flickity-prev-next-button path {
fill: #669ac5;
}
.carousel .flickity-prev-next-button.previous {
left: 0;
}
@media (max-width: 767.98px) {
.carousel .flickity-prev-next-button.previous {
left: 25px;
}
}
.carousel .flickity-prev-next-button.next {
right: 0;
}
@media (max-width: 767.98px) {
.carousel .flickity-prev-next-button.next {
right: 25px;
}
}
.language-switcher {
position: relative;
}
.language-switcher .option {
width: 26px;
height: 26px;
display: block;
cursor: pointer;
}
.language-switcher .option img {
border-radius: 50%;
pointer-events: none;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 575.98px) {
.language-switcher .option.is-active {
order: -1;
}
}
.language-switcher .option.is-active:after {
content: "";
width: 26px;
height: 1px;
display: block;
background: #669ac5;
margin: 10px 0;
}
.language-switcher .dropdown {
position: absolute;
left: 50%;
transform: translate(-50%, 10px);
background: #fff;
padding: 10px 15px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
opacity: 0;
pointer-events: none;
}
.language-switcher .dropdown:before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 10px;
height: 10px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
}
.language-switcher .dropdown .option {
margin: 0 15px;
}
.language-switcher .dropdown .option:first-child {
margin-left: 0;
}
.language-switcher .dropdown .option:last-child {
margin-right: 0;
}
.language-switcher .dropdown-trigger {
width: unset;
display: flex !important;
}
.language-switcher .dropdown-trigger .flag {
width: 26px;
}
.language-switcher .dropdown-trigger svg {
display: block;
pointer-events: none;
width: 14px;
margin-left: 10px;
}
.language-switcher .dropdown-trigger svg path {
transition: 0.3s all ease;
}
.language-switcher .dropdown-trigger.show-dropdown + .dropdown {
transform: translate(-50%, 20px);
opacity: 1;
pointer-events: auto;
}
.rooms-list {
grid-gap: 15px;
}
.rooms-list .room {
position: relative;
display: flex;
align-items: center;
position: relative;
text-decoration: none;
overflow: hidden;
padding: 120px 0;
}
@media (max-width: 991.98px) {
.rooms-list .room {
height: 100px 0;
}
}
.rooms-list .room:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: rgba(0, 0, 0, 0.5);
}
.rooms-list .room .room-thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s all ease;
z-index: -1;
}
.rooms-list .room:hover .room-thumbnail {
transform: scale(1.15);
}
@media (min-width: 576px) {
.rooms-list .full-row {
grid-row: 1/3;
grid-column-start: 2;
}
}
.rooms-list .room-title {
text-align: center;
width: 100%;
color: #fff;
text-transform: uppercase;
padding: 0 30px;
letter-spacing: 2px;
position: relative;
font-weight: 300;
}
.book-button-wrapper {
position: fixed;
left: auto;
bottom: 50px;
width: fit-content;
z-index: 10;
pointer-events: none;
right: 5%;
justify-content: end;
text-decoration: none;
margin: 0 0 0 auto;
}
.book-button-wrapper .book-button {
-webkit-appearance: none;
-moz-appearance: none;
border: none;
background: 0 0;
border-radius: 50%;
width: 80px;
height: 80px;
pointer-events: auto;
text-align: center;
line-height: 80px;
text-transform: uppercase;
color: #fff;
cursor: pointer;
font-size: 20px;
position: relative;
text-decoration: none;
transition: 0.3s opacity ease;
}
.book-button-wrapper .book-button.is-opaque {
opacity: 0;
pointer-events: none;
}
.book-button-wrapper .book-button:focus {
outline: 0;
}
.book-button-wrapper .book-button:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
background: #e6cab3;
z-index: -1;
transition: 0.3s all ease;
}
.book-button-wrapper .book-button:hover:before {
transform: scale(1.15);
}
.toggler .toggle-target .all-words {
display: none;
}
.toggler .toggle-target.is-more .all-words {
display: block;
}
.toggler .toggle-target.is-more .less-words {
display: none;
}
#popup {
min-height: 100vh;
background: no-repeat center center/cover;
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: scroll;
box-sizing: border-box;
height: 100%;
z-index: 11;
pointer-events: none;
-webkit-overflow-scrolling: touch;
opacity: 0;
}
#popup:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 0;
}
#popup .circular-button:before {
border-color: #fff;
}
#popup .circular-button svg {
width: 16px;
}
#popup .container {
position: relative;
}
#popup input:not(.button),
#popup select {
border-color: #fff;
color: #fff;
}
#popup input:not(.button)::placeholder,
#popup select::placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
#popup input:not(.button):-ms-input-placeholder,
#popup select:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
#popup input:not(.button)::-ms-input-placeholder,
#popup select::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
#popup select.text-align-center {
text-align-last: center;
}
#popup .date-of-birth {
margin-top: 40px;
color: #fff;
}
#popup .date-of-birth h6 {
margin-bottom: 15px;
}
#popup .date-of-birth .selects-wrapper {
margin: -5px;
}
#popup .date-of-birth .selects-wrapper > div {
padding: 5px;
}
#popup .close-popup-wrapper {
position: fixed;
top: 50px;
left: 0;
width: 100%;
z-index: 1;
}
#popup .close-popup {
cursor: pointer;
}
#popup .close-popup svg {
display: block;
}
#popup.is-active {
pointer-events: auto;
opacity: 1;
}
#booking-form-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: scroll;
box-sizing: border-box;
height: 100%;
-webkit-overflow-scrolling: touch;
transition: 0.3s all ease;
z-index: 11;
display: none;
}
#booking-form-popup:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 0;
opacity: 0;
}
#booking-form-popup .container {
height: 100%;
}
#booking-form-popup .popup-content {
background: #fff;
padding: 50px;
box-sizing: border-box;
position: relative;
}
#gravity-form {
margin-top: 40px;
}
#gravity-form .par-wrapper {
text-align: center;
}
#gravity-form .gform_confirmation_wrapper {
margin-top: 30px;
}
#gravity-form .gform_confirmation_wrapper .gform_confirmation_message {
border: 1px solid green;
padding: 25px;
}
#gravity-form .gform_wrapper .top_label div.ginput_container {
margin-top: 0;
}
#gravity-form .gform_wrapper .validation_error {
background: #ff7675;
color: #fff;
border: none;
padding: 20px;
padding-top: 17px;
}
#gravity-form .gform_wrapper li.gfield.gfield_error {
background: 0 0;
border: none;
}
#gravity-form .gform_wrapper .validation_message {
margin: 10px 0 15px;
color: #ff7675;
padding: 0;
text-align: center;
}
#gravity-form .hidden_label .gfield_label {
display: none;
}
#gravity-form .gfield_label {
margin-bottom: 10px;
font-weight: 700;
font-size: 18px;
display: block;
padding-right: 0;
}
#gravity-form input:not([type="submit"]),
#gravity-form select:not([type="submit"]),
#gravity-form textarea:not([type="submit"]) {
border-color: transparent;
background: rgba(230, 202, 179, 0.1);
color: #669ac5;
font-size: 16px !important;
width: 100%;
margin: 0;
padding: 8px 15px;
}
#gravity-form input:not([type="submit"])::placeholder,
#gravity-form select:not([type="submit"])::placeholder,
#gravity-form textarea:not([type="submit"])::placeholder {
color: rgba(102, 154, 197, 0.5);
opacity: 1;
}
#gravity-form input:not([type="submit"]):-ms-input-placeholder,
#gravity-form select:not([type="submit"]):-ms-input-placeholder,
#gravity-form textarea:not([type="submit"]):-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
#gravity-form input:not([type="submit"])::-ms-input-placeholder,
#gravity-form select:not([type="submit"])::-ms-input-placeholder,
#gravity-form textarea:not([type="submit"])::-ms-input-placeholder {
color: rgba(102, 154, 197, 0.5);
}
#gravity-form input:not([type="submit"]):focus,
#gravity-form select:not([type="submit"]):focus,
#gravity-form textarea:not([type="submit"]):focus {
text-align: left;
}
#gravity-form textarea {
max-height: 130px;
max-width: 100%;
min-width: 100%;
}
#gravity-form .ginput_container_select,
#gravity-form .select-wrapper {
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/arrow-down.svg) no-repeat right center/23px;
}
#gravity-form .ginput_container,
#gravity-form .input-wrapper {
display: block;
position: relative;
}
#gravity-form .gfield:not(:last-child),
#gravity-form .gform_footer:not(:last-child),
#gravity-form .input-group:not(:last-child) {
margin-bottom: 30px;
}
#gravity-form .gfield .input-label,
#gravity-form .gform_footer .input-label,
#gravity-form .input-group .input-label {
margin-bottom: 10px;
}
#gravity-form .input-label.required {
display: inline-flex;
align-items: center;
}
#gravity-form .input-label.required:after {
content: "";
width: 9px;
height: 9px;
background: url(//www.osbornehotel.com/wp-content/themes/osborne/img/icons/pixel.jpg) no-repeat left center/cover;
position: relative;
top: -1px;
}
@media (min-width: 576px) {
#gravity-form .input-label.required:after {
left: 15px;
}
}
@media (max-width: 575.98px) {
#gravity-form .input-label.required:after {
margin-left: 15px;
}
}
#gravity-form .gform_fields > li.gfield {
box-sizing: border-box;
margin: 0;
padding: 0;
max-width: 100% !important;
width: 100%;
}
#gravity-form .gform_fields > li.gfield:not(:last-child) {
margin-bottom: 15px;
}
#gravity-form .gform_footer {
text-align: center;
margin-top: 50px;
}
@media (max-width: 767.98px) {
#gravity-form .gform_footer {
margin-top: 30px;
}
}
#gravity-form .file-upload {
position: relative;
}
#gravity-form .file-upload .gfield_label {
font-weight: 300;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
text-align: center;
line-height: 39px;
font-size: 16px;
}
#gravity-form .file-upload .ginput_container {
visibility: hidden;
}
#gravity-form .gform_confirmation_wrapper .gform_confirmation_message {
border: none;
color: #669ac5;
background: rgba(102, 154, 197, 0.1);
line-height: 1.5;
}
#nocareers {
color: #669ac5;
font-size: 28px;
}
.book-button.es,
.book-button.fr {
font-size: 13px;
}
.book-button.it {
font-size: 15px;
}
.book-button.de {
font-size: 16px;
}
.input-group {
float: left;
}
#searchsubmit {
width: 40px;
height: 39px;
background-position-y: 13px;
background-position-x: 13px;
cursor: pointer;
}
header .header-inner {
padding-top: 50px;
}
#searchResults {
text-align: center;
color: #fff;
bottom: 0;
left: 0;
right: 0;
position: absolute;
padding-bottom: 120px;
}
.searchRes-image {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.searchRes-Noimage {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 40px;
}
.search-post img {
width: auto;
height: 200px;
grid-area: image;
align-self: center;
}
.searchRes-Noimage .search-post h2,
.searchRes-image .search-post h2 {
width: 100%;
color: #669ac5;
grid-area: heading;
height: fit-content;
}
.searchRes-Noimage .search-post h2::after,
.searchRes-image .search-post h2::after {
content: "";
width: 70px;
height: 1px;
background: #669ac5;
display: block;
margin-top: 50px;
}
.search-post {
border: 2px solid #669ac5;
padding: 20px;
display: grid;
grid-template-areas: "heading heading" "excerpt image" "button button";
grid-gap: 30px;
}
@media only screen and (max-width: 1500px) {
.search-post {
text-align: center;
border: 2px solid #669ac5;
padding: 20px;
display: grid;
grid-template-areas: "heading heading" "excerpt excerpt" "image image" "button button";
grid-column-gap: 30px;
}
.search-post img {
margin: 0 auto;
}
}
.search-content {
margin-bottom: 150px;
}
@media only screen and (max-width: 800px) {
.searchRes-Noimage,
.searchRes-image {
grid-template-columns: repeat(1, 1fr);
}
}
.excerpt {
grid-area: excerpt;
align-self: center;
}
.form-control.form-control-sm.mr-3.w-75 {
background-image: none;
padding: 8px;
}
.search-post .learn-more-btn {
grid-area: button;
align-self: center;
text-align: center;
margin-top: 40px;
}
.cookie-btn {
background-color: #e6cab3 !important;
font-weight: 600;
color: white;
font-weight: 700;
padding: 7px;
}
.map{
display: block;
box-sizing: border-box;
max-height: 160px !important;
width: 100%;
overflow: hidden;
aspect-ratio: 1 / 0.4;
}
.map iframe {
width: 100%;
aspect-ratio: 1 / 0.3;
max-height: 150px !important;
height: 160px !important;
}
.search-form.form-inline {
min-width: 220px;
display: grid;
grid-template-columns: 1fr 30px;
}
input[type="submit"] {
border-radius: 0;
}
input[type="submit"] {
-webkit-appearance: none;
}
.stevesco.flex {
padding-top: 6px;
}
@media only screen and (max-width: 767px) {
.download-sec {
text-align: center;
}
}
.blue-highlight {
color: white;
background-color: #669ac5;
padding: 10px 4px;
display: inline-block;
}
.align-btns{
display: inline-flex;
width: 100%;
}
.align-btns .button{
font-size: 14px;
letter-spacing: 0px;
max-width: 200px; 
margin: 0 auto;
}
.margin-spacing{
margin: 30px 0;
}
.align-btns .button:first-child {
margin-right: 20px;
}
.no-choice-book-btn{
transition: 0.3s all ease;
border: 1px solid #e6cab3;
font-size: 16px;
display: block;
width: 99.5%;
letter-spacing: 2px;
border-radius: 0;
color: #e6cab3;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
position: relative;
left: 0;
top: -19px;
right: 0;
height: 37px;
line-height: 34px;
background: white;
}
.no-choice-book-btn:hover{
background: #e6cab3;
color: white;
} .os-gallery .section-title{
max-width: 83.33%;
margin: 0 auto;
width: 100%;
color: #669ac5;
margin: 0 0 30px;
font-size: 30px;
}
.os-gallery #slideshow{
width: 100% !important;
margin-bottom: 30px;
left: 0 !important;
}
.os-gallery #slideshow .slideshow{
width: 100% !important;
}
@media (min-width: 767px) {
.os-gallery #slideshow{
margin-left: 8.33% !important;
width: 100% !important;
}
.os-gallery #slideshow .slideshow{
width: 45% !important;
}
.os-gallery .section-title{
font-size: 40px;
}
.map{
max-height: unset !important;
overflow: unset;
height: 100%;
}
.map iframe {
aspect-ratio: unset;
max-height: unset !important;
height: 100% !important;
}
}
.os-gallery #slideshow .carousel-cell{ opacity: 1;
}
.os-gallery{
padding-top: 30px;
}