/*@btn-brand-bg: @orange; @btn-brand-color: #FFF; @btn-default-border: @orange;*/ /*@btn-explore-bg: @brown; @btn-explore-color: #FFF; @btn-explore-border: @brown;*/ /*@btn-resort-bg: @blue; @btn-resort-color: #FFF; @btn-resort-border: @blue;*/ .hero.hotel, .hero.resort { margin-bottom: 0 !important; } .hotel-resort .title-social-container { height: 45px; overflow: auto; padding: 0; width: 100%; } @media (min-width: 768px) { .hotel-resort .title-social-container { height: 103px; } } @media only screen and (min-width: 1025px) { .hotel-resort .title-social-container { width: 60%; } } .hotel-resort .title-social-container .title-container { padding-left: 10px; padding-right: 10px; text-align: center; } @media only screen and (min-width: 768px) { .hotel-resort .title-social-container .title-container { float: left !important; text-align: left; } } @media only screen and (min-width: 1025px) { .hotel-resort .title-social-container .title-container { width: 100%; } } .hotel-resort .title-social-container .title-container h1 { font-family: 'Lato', Tahoma, Arial, sans-serif; font-size: 9px; font-style: normal; font-weight: 500; line-height: 45px; margin: 0; text-transform: uppercase; vertical-align: middle; } @media only screen and (min-width: 321px) { .hotel-resort .title-social-container .title-container h1 { font-size: 10px; } } @media only screen and (min-width: 440px) { .hotel-resort .title-social-container .title-container h1 { font-size: 14px; } } @media only screen and (min-width: 550px) { .hotel-resort .title-social-container .title-container h1 { font-size: 18px; } } @media only screen and (min-width: 768px) { .hotel-resort .title-social-container .title-container h1 { font-size: 18px; padding-left: 15px; } } @media only screen and (min-width: 1024px) { .hotel-resort .title-social-container .title-container h1 { font-size: 20px; font-size: 2.0rem; } } @media only screen and (min-width: 1110px) { .hotel-resort .title-social-container .title-container h1 { font-size: 21px; font-size: 2.1rem; } } .hotel-resort .title-social-container .social-container { display: inline-block; float: right; padding: 5px 12px; border-left: 2px solid #CCC; } @media only screen and (min-width: 1025px) { .hotel-resort .title-social-container .social-container { padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; border: none; } } .hotel-resort .title-social-container .social-container .container-margin { margin-right: 15px; } @media only screen and (min-width: 1025px) { .hotel-resort .testimonial { width: 40%; padding-right: 15px !important; } } @media only screen and (max-width: 1024px) { .hotel-resort .testimonial { display: none !important; } } .hotel-resort .property-email { position: relative; top: 15px; } .social-list { padding-left: 0; } .social-list li { display: inline; margin: 0; padding: 0; } .social-list li a { margin-right: 0; } .property-feature-container .property-activities-container { background: #F9F6ED; } .property-feature-container .property-activities-container .resort-activity-content { font-family: 'Lato', Tahoma, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 12px; font-size: 1.2rem; text-transform: uppercase; color: #000; padding-bottom: 2px; } .property-feature-container .property-activities-container .resort-activity-content .activity-title { text-align: right; padding-right: 15px !important; min-height: 35px; } .property-feature-container .property-activities-container .resort-activity-content .activity-title span { padding: 12px 0 0 5px; display: inline-block; } .property-feature-container .property-activities-container .resort-activity-content .resort-activity { padding-right: 30px !important; min-height: 35px; background: url('/Styles/omni/css/images/activity-nav.png') 0 bottom no-repeat; float: left; } .property-feature-container .property-activities-container .resort-activity-content .resort-activity a { color: #000; padding-left: 15px; float: left; } .property-feature-container .property-activities-container .resort-activity-content .resort-activity a span { padding: 12px 0 0 5px; display: inline-block; } .property-feature-container .property-activities-container .resort-activity-content .resort-activity a:hover { text-decoration: none; } .property-feature-container .property-activities-container .resort-activity-content .activity-viewall { padding: 0 !important; } .property-feature-container .property-activities-container .resort-activity-content .activity-viewall a { padding: 12px 0 11px 20px; } .property-feature-container .property-activities-container .resort-activity-content .activity-viewall a:hover { text-decoration: none; } .property-feature-container .no-map-image { height: 117px; } .property-feature-container .property-address-weather-container { background: #ebebeb; padding: 10px; } .property-feature-container .property-address-weather-container .container { position: relative; } .property-feature-container .property-address-weather-container .property-address-container { text-transform: uppercase; } .property-feature-container .property-address-weather-container .property-address-container .property-address { font-size: 10px; line-height: 12px; } @media only screen and (min-width: 480px) { .property-feature-container .property-address-weather-container .property-address-container .property-address { font-size: 12px; line-height: 14px; } } .property-feature-container .property-address-weather-container .property-address-container .property-contact { font-size: 10px; line-height: 12px; margin-top: 1em; } @media only screen and (min-width: 480px) { .property-feature-container .property-address-weather-container .property-address-container .property-contact { font-size: 12px; line-height: 14px; } } @media only screen and (min-width: 768px) { .property-feature-container .property-address-weather-container .property-address-container .property-contact { font-size: inherit; line-height: inherit; } } .property-feature-container .property-address-weather-container .property-address-container .property-contact a { display: block; } .property-feature-container .property-address-weather-container .property-address-container .property-contact a + a { margin-top: 1em; } .property-feature-container .property-address-weather-container .property-address-container .property-directions { margin-top: 10px; margin-right: 18px; float: left; } .property-feature-container .property-address-weather-container .property-address-container .property-directions a.resort-direction { font-weight: 700; color: #000; font-size: 11px; font-size: 1.1rem; background: url('/styles/omni/css/images/icon-directions.png') no-repeat; padding: 2px 0 2px 23px; margin-bottom: 5px; display: inline-block; cursor: pointer; } .property-feature-container .property-address-weather-container .property-address-container .property-weather { margin-top: 10px; } .property-feature-container .property-address-weather-container .property-address-container .property-weather a.resort-weather { font-weight: 700; color: #000; font-size: 11px; font-size: 1.1rem; background: url('/styles/omni/css/images/icon-weather.png') no-repeat; padding: 2px 0 2px 23px; margin-bottom: 5px; display: inline-block; cursor: pointer; } .property-feature-container .property-address-weather-container .weather-event { position: absolute; top: 50%; right: 0; height: 117px; margin-top: -58px; padding: 0; } .property-feature-container .property-address-weather-container .weather-event-no-map { position: absolute; top: 50%; right: 0; height: 117px; margin-top: -39px; padding: 0; } .property-feature-container .property-address-weather-container .event-container { display: table; } .property-feature-container .property-address-weather-container .event-container .event-thumbnail { display: table-cell; } .property-feature-container .property-address-weather-container .event-container .event-thumbnail img { width: 100px; } @media only screen and (min-width: 769px) { .property-feature-container .property-address-weather-container .event-container .event-thumbnail img { width: auto; } } .property-feature-container .property-address-weather-container .event-container .event-content { display: table-cell; padding: 0 0 0 10px; vertical-align: top; } .property-feature-container .property-address-weather-container .resort-map-link-container { padding: 0; } @media only screen and (min-width: 550px) { .property-feature-container .property-address-weather-container .resort-map-link-container { padding: 0 15px; } } .property-feature-container .property-address-weather-container .resort-map-link-container .resort-map-link img { display: block; max-height: 120px; max-width: 100%; } .property-feature-container .property-address-weather-container .weather-container { color: #fff; font-size: 19px; } .property-feature-container .property-address-weather-container .weather-container .row { margin: 0; } .property-feature-container .property-address-weather-container .weather-container div { /*background-color: #34515E;*/ background-color: #747678; border-right: solid 1px #cfeded; text-align: center; } .property-feature-container .property-address-weather-container .weather-container div p { font-size: 11px; margin: 10px 0; text-transform: uppercase; } .property-feature-container .property-address-weather-container .weather-container div img { display: inline-block; width: auto; } .property-feature-container .property-address-weather-container .weather-container div span { display: inline-block; margin: 10px 0; font-size: 11px; } .property-feature-container .property-address-weather-container .weather-container div .weatherLow { color: #fff; } .property-feature-container .property-social-container { padding: 5px 12px; } .property-select-guest { padding: 10px; } @media only screen and (min-width: 768px) { .property-select-guest { padding: 10px 25px; } } @media only screen and (min-width: 992px) { .property-select-guest { padding: 10px 90px; } } @media only screen and (min-width: 1024px) { .property-select-guest { padding: 10px 145px; } } .property-select-guest .clip { padding: 0 5px; position: relative; top: 5px; } .property-select-guest .clip .valign-col { display: inline-block; vertical-align: bottom; } @media only screen and (min-width: 768px) { .property-select-guest .clip .valign-col.col-md-4.col-sm-4 { -webkit-transform: translateY(100%); transform: translateY(100%); } } .property-select-guest .clip .join { background: #FFF; padding: 0 10px; } @media only screen and (min-width: 768px) { .property-select-guest .clip .join { padding: 0; } } .property-select-guest .clip .join #emailForm .email-input { color: black; z-index: 1; } .property-select-guest .clip .join #emailForm .email-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #9b9b9b; } .property-select-guest .clip .join #emailForm .email-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9b9b9b; opacity: 1; } .property-select-guest .clip .join #emailForm .email-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9b9b9b; opacity: 1; } .property-select-guest .clip .join #emailForm .email-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9b9b9b; } .property-select-guest .clip .join #emailForm .has-error { text-align: center; } .property-select-guest .clip .join #emailForm .has-error .form-control { border-color: #a94442 !important; } .property-select-guest .clip .join #emailForm .has-error .help-block { float: left; text-transform: uppercase; font-size: 12px; } @media only screen and (min-width: 768px) { .property-select-guest .clip .join #emailForm .has-error .help-block { font-size: 14px; } } .property-select-guest .clip .join label { float: none; font-size: 12px; font-weight: 500; } @media only screen and (min-width: 769px) { .property-select-guest .clip .join label { float: left; font-size: 16px; padding: 7px 0; margin-right: 10px; } } .property-select-guest .clip .join input { border: 1px solid #000; border-radius: 0; padding: 6px 8px; width: 95%; } .property-select-guest .clip .join input:-ms-input-placeholder { font-family: "Lato", sans-serif !important; font-size: 15px; font-style: italic !important; } .property-select-guest .clip .join input::-webkit-input-placeholder { font-family: "Lato", sans-serif !important; font-size: 15px; font-style: italic !important; } .property-select-guest .clip .join input::-ms-input-placeholder { font-family: "Lato", sans-serif !important; font-size: 15px; font-style: italic !important; } .property-select-guest .clip .join input::placeholder { font-family: "Lato", sans-serif !important; font-size: 15px; font-style: italic !important; } .property-select-guest .clip .join input:placeholder-shown { font-family: 'Lato', Tahoma, Arial, sans-serif !important; font-style: normal !important; } .property-select-guest .clip .join .btn { font-weight: 300; height: 34px; line-height: 34px; padding: 0 16px; } @media only screen and (min-width: 550px) { .property-select-guest .clip .join .btn { font-size: 15px; padding: 0 25px; } } .property-content-block .container { padding: 0 10px; } @media only screen and (min-width: 769px) { .property-content-block .container { padding: 0; } } .property-content-block .feature-hr { top: 0; } .property-content-block .feature-description { padding: 40px 20px 15px; } .property-content-block .feature-description .desc-title h2 { font-family: 'Lato', Tahoma, Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 21px; font-size: 2.1rem; text-transform: uppercase; margin: 0 0 2px 0; } .property-content-block .feature-description .desc-title h3 { font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; font-size: 18px; font-size: 1.8rem; margin: 0 0 15px 30px; } .property-content-block .feature-tabs { padding: 40px 20px 15px; overflow: visible !important; } .property-content-block .feature-tabs .nav-tabs { border: none; position: relative; } .property-content-block .feature-tabs .nav-tabs li { margin-bottom: -2px; margin-left: 0; } .property-content-block .feature-tabs .nav-tabs li .dropdown { margin-top: 6px; } .property-content-block .feature-tabs .nav-tabs li a { color: black; margin: 0 15px; border: none; padding-bottom: 4px; margin-top: 7px; margin-bottom: 4px; line-height: 14px; font-family: 'Lato', Tahoma, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; font-size: 1.3rem; text-transform: uppercase; } .property-content-block .feature-tabs .tab-content { background-color: #efebe8; } .property-content-block .feature-tabs .tab-content a { color: #00526E; } .property-content-block .feature-tabs .tab-content h2 { font-family: 'Lato', Tahoma, Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 21px; font-size: 2.1rem; text-transform: uppercase; margin: 0 0 2px 0; } .property-content-block .feature-tabs .tab-content .tab-pane { padding: 15px !important; } .property-content-block .center-container { text-align: center; } .property-content-block .trip-advisor-widget { padding: 23px 0; width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: auto; margin-right: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .property-content-block .trip-advisor-widget > div { width: auto; } .property-content-block .trip-advisor-widget .excellence #CDSWIDCOE { margin-bottom: 0; } @media only screen and (min-width: 768px) { .property-content-block .trip-advisor-widget .reviews #CDSSCROLLINGRAVE { width: 337px; } } @media only screen and (min-width: 992px) { .property-content-block .trip-advisor-widget .reviews #CDSSCROLLINGRAVE { width: 450px; } } #blogPosts .blog-image { height: 198px; max-width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } #blogPosts h4 { font-size: 24px; } .desktop { display: none; } @media screen and (min-width: 992px) { .desktop { display: block; } .mobile { display: none !important; } }