PATH:
var
/
www
/
vhosts
/
sandbox.dos-group.com
/
httpdocs
/
hotelcoronado
/
wp-content
/
themes
/
hotelcoronado
/
css
/* ================================================= ** SETTING VARIABLES === ** ================================================= */ .textured { background-image: url('../images/shared/textured-box.png'); } /* ================================================= ** SOME RESET === ** ================================================= */ body { padding: 0; margin: 0; } /* ================================================= ** WORDPRESS GENERATED CLASSES === ** ================================================= */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* ================================================= ** GENERAL CLASSES === ** ================================================= */ .v-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .no-style { margin: 0; padding: 0; } .sm-push-bot { margin-bottom: 1em; } .md-push-bot { margin-bottom: 2em; } .lg-push-bot { margin-bottom: 3.5em; } .sm-push-top { margin-top: 1em; } .md-push-top { margin-top: 2em; } .lg-push-top { margin-top: 3.5em; } .not-top { margin-top: 0; padding-top: 0; } .not-bot { margin-bottom: 0; padding-bottom: 0; } .loading { position: relative; background: transparent url('../images/shared/loader.gif') no-repeat center; z-index: -999999; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .title-block { background: #004896; width: 48px; height: 3px; display: block; position: absolute; left: 0; bottom: -3px; } h1, h2, h3, h4, h5, h6 { position: relative; } /* ================================================= ** GENERAL SETTINGS === ** ================================================= */ body { background: url('../images/shared/texture-noise.png'); } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } a { -webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; -o-transition: color 300ms ease; } a:hover { text-decoration: none; } hr { display: block; border: 0; height: 95px; margin: 21px 0; background: url('../images/shared/shape-spacer.png') no-repeat center; } hr.spacer { display: block; border: 0; height: 20px; margin: 21px 0; background: transparent; } hr.space8 { background: rgba(255, 255, 255, 0.4); height: 1px; } /* ================================================= ** HEADER === ** ================================================= */ header { z-index: 1; background: rgba(255, 255, 255, 0.9); width: 100%; } header .top-bar { background: white; padding: 1em; } header .top-nav-mobile { width: 100%; text-align: center; } header .top-nav-mobile .main-menu-mobile { display: none; } header .top-nav-mobile .mobile-navbar-header { background: #004896; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } header .top-nav-mobile .mobile-navbar-header .nav-title { display: block; float: left; text-transform: uppercase; color: white; padding: 9px 10px; margin-top: 8px; margin-left: 15px; margin-bottom: 8px; } header .top-nav-mobile .mobile-navbar-header .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: rgba(0, 0, 0, 0); background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; } header .top-nav-mobile .mobile-navbar-header .navbar-toggle:hover { background: #003063; } header .top-nav-mobile .mobile-navbar-header .icon-bar { background-color: #FFF; display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 4px; } header .top-nav-mobile .mobile-navbar-header .icon-bar:first-child { margin-top: 0; } header .top-nav-mobile ul { list-style: none; z-index: 1; margin: 0; padding: 0; } header .top-nav-mobile ul li { background: #004896; } header .top-nav-mobile ul li a { font-weight: normal; display: block; padding: 9px 10px; white-space: nowrap; color: white; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } header .top-nav-mobile ul li:hover { background: #003063; } header .top-nav-mobile ul .menu-item-has-children { background: #003c7d; } header .top-nav-mobile ul > li .sub-menu { margin: 0; padding: 0; background: #f1f1f1; border-top: 0; width: auto; text-align: left; } header .top-nav-mobile ul > li .sub-menu li { position: relative; margin: 0; white-space: nowrap; } header .top-nav-mobile ul > li .sub-menu li a { white-space: nowrap; padding: 9px 9px 9px 20px; border-left: 3px solid #0060c9; text-transform: none; font-size: inherit; } header .top-nav-mobile ul > li .sub-menu li:first-child { border-top: none; } header .top-nav-mobile ul > li:last-child { margin-right: 0; } @media (min-width: 768px) { header .top-nav { width: 100%; text-align: center; } header .top-nav ul { list-style: none; z-index: 1; margin: 0; padding: 0; } header .top-nav ul li a { font-size: 14px; } header .top-nav ul li a:hover { color: #e53127; } header .top-nav ul > li { display: inline-block; position: relative; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } header .top-nav ul > li a { white-space: nowrap; padding: .7em 1em; display: inline-block; } header .top-nav ul > li:hover { background: #f1f1f1; border-bottom: 0; } header .top-nav ul > li:hover > ul { opacity: 1; filter: alpha(opacity=100); visibility: visible; } header .top-nav ul > li .sub-menu { opacity: 0; filter: alpha(opacity=0); visibility: hidden; margin: 0; padding: 0; position: absolute; background: #f1f1f1; border-top: 0; width: auto; text-align: left; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } header .top-nav ul > li .sub-menu li { position: relative; margin: 0; float: none; white-space: nowrap; } header .top-nav ul > li .sub-menu li a { white-space: nowrap; padding: .3em 2em .3em 1.5em; text-transform: none; font-size: inherit; -webkit-transition: padding 300ms ease; -moz-transition: padding 300ms ease; -o-transition: padding 300ms ease; } header .top-nav ul > li .sub-menu li a:hover { padding-left: 1.8em; } header .top-nav ul > li .sub-menu li .sub-menu { position: absolute; top: 10px; right: -100%; } header .top-nav ul > li .sub-menu li:first-child { border-top: none; } header .top-nav ul > li:last-child { margin-right: 0; } header .top-nav ul li a { color: #004896; } } @media (min-width: 992px) { header .top-nav > ul > li a { padding: .7em .5em; } } @media (min-width: 1200px) { header .top-nav > ul > li a { padding: .7em .8em; font-size: 16px; } } .breadcrumb { padding-top: 2em; } .featured-home { height: 250px; max-height: 250px; } .featured-home .stretch-me { height: 100%; width: 100%; } @media (min-width: 768px) { .featured-home { height: 500px; max-height: 500px; } .featured-home .stretch-me { height: 100%; width: 100%; } } @media (min-width: 992px) { .featured-home { height: 650px; max-height: 650px; } .featured-home .stretch-me { height: 100%; width: 100%; } } .featured-img { height: 250px; max-height: 250px; } .featured-img .stretch-me { height: 100%; width: 100%; } @media (min-width: 768px) { .featured-img { height: 500px; max-height: 500px; } .featured-img .stretch-me { height: 100%; width: 100%; } } /* ================================================= ** BODY === ** ================================================= */ .img-responsive { width: 100%; } .title-container { margin-top: 2em; margin-bottom: 2em; } .title-container h1 { border-bottom: #E8E8E8 1px solid; padding-bottom: 5px; } .accordion-group { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .accordion-group .accordion-toggle { cursor: pointer !important; } .wrapper { margin-bottom: 1em; } .wrapper .box { padding: 3em 0; background-color: #f9f9f9; } @media (min-width: 992px) { .wrapper .box { padding: 3em; } } .wrapper .main-content .packages { position: relative; margin-top: -50px; height: 100%; width: 100%; } .wrapper .main-content .packages .stretch-me { padding-bottom: 5em; } .wrapper .main-content .packages .stretch-me .inner { display: block; color: white; padding: 1em; background: url('../images/shared/home-pack-bg.png'); } .wrapper .main-content .packages .stretch-me .inner h2 { padding: 0; margin: 0; font-size: 20px; white-space: nowrap; } .wrapper .main-content .packages .stretch-me .inner h3 { font-size: 17px; } @media (min-width: 768px) { .wrapper .main-content .packages-alt { /* .pack:nth-child(odd) { margin-top: -15px; } */ } } .wrapper .main-content .packages-alt figure { height: 130px; margin-right: -15px; } .wrapper .main-content .packages-alt .greybox { background: #ebebeb; } .wrapper .main-content .packages-alt .inner { display: block; color: #333333; padding: 1em; } .wrapper .main-content .packages-alt .inner h2 { padding: 0; margin: 0; font-size: 20px; white-space: nowrap; } .wrapper .main-content .packages-alt .inner h3 { font-size: 17px; } .wrapper .main-content .hentry { margin-top: 2em; } .wrapper .main-content .hentry hgroup { text-align: center; margin: 40px 0; } .wrapper .main-content .hentry hgroup h1 { font-size: 235%; } .wrapper .main-content .hentry hgroup h4 { margin-bottom: 0; } .wrapper .main-content .hentry figure { margin: 0; padding: 0; margin-bottom: 40px; } .wrapper .main-content .hentry .photogallery img { margin-bottom: 30px; } .wrapper .main-content .hentry .inner-table { margin: 40px 0; } .wrapper .main-content .hentry .inner-table table { border-radius: 0; } .wrapper .main-content .hentry .inner-table p { margin: 0; } .wrapper .main-content #map_canvas { height: 400px; width: 100%; } .wrapper .main-content .main-side-bar { text-align: right; } .wrapper .main-content .main-side-bar .widget-container ul { list-style: none; } .wrapper .main-content .booking-table img { width: 140px; } .pack.row hgroup h1 { margin-top: 0; } @media (min-width: 768px) { .wrapper { margin-bottom: 3em; } } .meeting-room-list { list-style: none; } .meeting-room-list li { padding: 8px 0; } .meeting-room-list li a { display: block; background: url('../images/shared/icn-right-arrow.png') no-repeat center right; } .sidebar li h3 { margin-top: 1.5em; } .sidebar li:first-child h3 { margin-top: 0; } /* ================================================= ** BOOKING === ** ================================================= */ .top-booking { margin-top: -60px; } .top-booking .booking-form { background: #004896; padding: 15px; } .top-booking .booking-form:before, .top-booking .booking-form:after { content: " "; display: table; } .top-booking .booking-form:after { clear: both; } .top-booking .booking-form input[type="text"], .top-booking .booking-form .booking-side input[type="text"] { width: 100%; margin: 0 10px 10px 0; padding: 9px 10px; border: none; float: left; font-size: 14px; color: #333333; -webkit-appearance: none; } .top-booking .booking-form .select-wrapper { float: left; width: 100%; overflow: hidden; margin: 0 10px 10px 0; } .top-booking .booking-form .select-wrapper select { width: 100%; background-position: 96% center; } .top-booking .booking-form input[type="submit"] { width: 100%; color: #FFF; border: none; font-size: 14px; cursor: pointer; font-weight: 400; padding: 9px 10px; -webkit-appearance: none; background: #f2ab3d; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } .top-booking .booking-form input[type="submit"]:hover { background: #e68b00; } @media (min-width: 768px) { .top-booking .booking-form { padding: 30px; } .top-booking .booking-form input[type="text"], .top-booking .booking-form .booking-side input[type="text"] { width: 17%; margin: 0 10px 0 0; } .top-booking .booking-form .select-wrapper { float: left; width: 18%; margin: 0 10px 0 0; } .top-booking .booking-form .select-wrapper select { width: 100%; } .top-booking .booking-form input[type="submit"] { width: 19%; } } /* DATE PICKER AND OTHER UI ELEMENTS ************************************ */ .datepicker, .datepicker2 { background: url('../images/booking/date_icon.png') #ffffff no-repeat right center; } .select-wrapper select { width: 100%; background-image: url('../images/booking/arrows3.png'); background-color: #FFF; background-repeat: no-repeat; background-position: 80% center; color: #333333; border: none; -webkit-appearance: none; border-radius: 0; padding: 9px 10px; outline: none; font-size: 14px; } #ui-datepicker-div { background: #004896; padding: 20px; color: #FFF; border-bottom: 5px solid; font-size: 13px; -moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2); box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2); } .ui-datepicker-header { padding: 0 0 10px 0; position: relative; } .ui-datepicker-calendar thead tr th { padding: 10px 0; margin: 0 0 10px 0; border-top: 1px solid; border-bottom: 1px solid; } .home-reservation-box input[type="submit"], .booking-side input[type="submit"] { color: #FFF; border: none; font-size: 14px; cursor: pointer; font-weight: 400; padding: 9px 10px; -webkit-appearance: none; background: #f2ab3d; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } .home-reservation-box input[type="submit"]:hover, .booking-side input[type="submit"]:hover { background: #e68b00; } .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span { background: #0054b0; color: #f2f2f2; height: 30px; padding: 7px 0 0 0; width: 30px; display: block; text-align: center; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td a { width: 30px; } #ui-datepicker-div a { color: #FFF; text-decoration: none; } .key-available-icon, .key-unavailable-icon, .price-details .total-line, .ui-datepicker-calendar tbody tr td a { background: #0065d3; } .ui-datepicker-calendar tbody tr td a, #open_datepicker .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { border-color: #0065d3; } .key-available-icon { background: #0065d3; } .key-unavailable-icon { background: #0054b0; } .key-selected-icon { background: #7dbbff; } .ui-datepicker-calendar tbody tr td a { height: 30px; padding: 7px 0 0 0; text-align: center; display: block; } .ui-datepicker-calendar tbody tr td a:hover { background: #006de3; } .ui-datepicker-prev { background: url('../images/booking/date_arrows.png') no-repeat -10px 2px #ffffff; display: block; -webkit-border-radius: 99%; -moz-border-radius: 99%; -o-border-radius: 99%; border-radius: 99%; width: 20px; height: 20px; text-indent: -9999px; } .ui-datepicker-next { background: url('../images/booking/date_arrows.png') no-repeat -88px 2px #ffffff; display: block; -webkit-border-radius: 99%; -moz-border-radius: 99%; -o-border-radius: 99%; border-radius: 99%; width: 20px; height: 20px; text-indent: -9999px; } .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; } .ui-datepicker { display: none; } .ui-datepicker-prev { position: absolute; top: 0; left: 0; } .ui-datepicker-next { position: absolute; top: 0; right: 0; } .ui-datepicker-title { text-align: center; padding: 0 0 5px 0; } /* BOOKING STEP ************************************ */ .booking-title { display: none; } /* 7.2.6 - Booking Steps */ .step-wrapper { width: 200px; float: left; margin: 0 50px 0 0; } .step-icon { color: #FFF; font-size: 18px; width: 39px; height: 37px; text-align: center; padding: 6px 0 0 5px; border-radius: 99%; margin: 0 auto; z-index: 2; position: relative; } .step-icon-wrapper { background: transparent; width: 80px; margin: 0 auto; z-index: 2; position: relative; } .step-title { font-size: 14px; width: 100%; text-align: center; margin: 14px 0 0 0; line-height: 130%; } .booking-step-wrapper { position: relative; margin: 0 0 40px 0; } .step-line { background: #e8e8e8; height: 1px; width: 85%; margin: 0 auto; position: relative; top: 19px; z-index: 1; } .step-icon { background: #004896; } .step-icon-current { background: #1786ff; } .reserv-title { position: relative; } .reserv-edit { position: absolute; top: 0; right: 20px; background: url(images/reserv_edit.png) no-repeat !important; width: 14px; height: 13px; text-indent: -9999px; } .reserv-delete { position: absolute; top: 0; right: 0; background: url(images/reserv_delete.png) no-repeat !important; width: 11px; height: 13px; text-indent: -9999px; } @media (min-width: 768px) { .step-wrapper { width: 135px; float: left; margin: 0 50px 0 0; } } @media (min-width: 992px) { .step-wrapper { width: 200px; float: left; margin: 0 50px 0 0; } } .booking-side-wrapper { width: 100%; color: #fff; background: #004896; } @media (min-width: 768px) { .booking-side-wrapper { width: 35%; float: left; } } .booking-side { border-bottom: 5px solid; padding: 30px; } .booking-main-wrapper { width: 100%; } @media (min-width: 768px) { .booking-main-wrapper { width: 63%; float: right; } } .booking-main-wrapper-full { width: 100%; float: none; } .booking-left { width: 48%; float: left; } .booking-right { width: 48%; float: right; } .booking-main { border-bottom: 5px solid; padding: 30px; background: #004896; } .booking-main .ui-datepicker-inline { width: 100% !important; } .booking-main .ui-datepicker-inline:before, .booking-main .ui-datepicker-inline:after { content: " "; display: table; } .booking-main .ui-datepicker-inline:after { clear: both; } .booking-side-wrapper label { color: #fff; } .datepicker-key { color: #fff; font-size: 12px; margin: 30px 0 0 0; } .key-unavailable-icon { width: 10px; height: 10px; float: left; } .key-unavailable-text, .key-available-text, .key-selected-text { float: left; margin: 0 15px 0 5px; } .key-unavailable-icon, .key-available-icon, .key-selected-icon { width: 10px; height: 10px; float: left; margin: 2px 0 0 0; } .booking-side .select-wrapper { width: 100%; } .booking-side .one-third-form .select-wrapper { width: 100%; } .booking-side .one-third-form .select-wrapper select { width: 100%; background-position: 90% center; } .booking-side .select-wrapper select { background-position: 97% center; } .key-unavailable-wrapper, .key-available-wrapper, .key-selected-wrapper { float: left; } .right-main-content { float: right; } .dark-notice { color: #fff; padding: 10px 15px; margin: 0 0 30px 0; text-align: center; } .dark-notice p { margin: 0; } .calendar-notice, .booking-form-notice, .booking-form-terms { display: none; } .label { float: left; font-size: 12px; font-weight: 600; padding: 30px 25px 0 0; margin: 0; } .booking-side ul li { border-bottom: 1px solid; font-size: 14px; padding: 0 0 14px 0; margin: 0 0 14px 0; line-height: 130%; } .booking-side ul { margin: 0 0 25px 0; } .room-list-wrapper .room-item { margin: 0 0 20px 0; padding: 20px 0 0 0; border-top: 1px solid; } .room-list-wrapper .room-item:last-child { margin: 0; } .room-list-wrapper h5 { color: #fff; font-size: 14px; margin: 0 0 20px 0; text-transform: none; } .room-list-left { float: left; width: 24%; } .room-list-left img { width: 100%; } .room-list-right { float: right; width: 72%; } .room-list-right .room-meta li { color: #fff; font-size: 14px; margin: 0 0 8px 0; } .room-list-right .room-meta { float: left; } .room-price { float: right; } .room-price { color: #fff; } .room-price .price { margin: 0 0 5px 0; } .room-price .price span { color: #fff; } .room-list-right .button2 { margin: 0 10px 0 0; } .room-meta ul { margin: 0 0 20px 0 !important; } .room-list-right .price-breakdown { text-align: right; } .price-breakdown { font-size: 12px; } .price-breakdown a { color: #fff; text-decoration: none; background: url(images/arrows4.png) no-repeat right center; padding: 0 10px 0 0; } .page-content .price-breakdown a { color: #fff; } .price-details { border: 1px solid; margin: 40px 0 0 0; } .price-details .price, .price-details .total-price { font-size: 36px; width: 100%; text-align: center; } .price-details .price { margin: 20px 0 30px 0; } .price-details .total-price { margin: 20px 0 10px 0; } .price-details .deposit { width: 161px; margin: -13px auto 0 auto; text-align: center; } .price-details .total-only { width: 90px; margin: -12px auto 0 auto; text-align: center; background: #004896; } .price-details .total { width: 100px; margin: -19px auto 0 auto; text-align: center; } .price-details .total-line { border: none; height: 1px; } .price-details .price-breakdown { text-align: center; border-top: 1px solid; width: 140px; margin: 0 auto 10px auto; padding: 6px 0; } .input-left { float: left; width: 48%; } .input-right { float: right; width: 48%; } .booking-main label { color: #fff; } .booking-main input[type="text"] { margin: 0 0 20px 0; color: #d3d3d3; font-size: 12px; width: 93%; } .booking-main textarea { width: 97%; padding: 10px 9px; margin: 0 0 30px 0; color: #d3d3d3; border: none; font-size: 12px; color: #333333; } .booking-main { color: #fff; } .booking-main .terms { font-size: 12px; } .booking-main .terms a { color: #fff; } .booking-main .payment-image { margin: 10px 0 10px 0; } .booking-main input[type="submit"] { color: #fff; font-size: 14px; border: none; text-align: center; cursor: pointer; } .book-deposit { width: 199px; } .price-breakdown-display { font-size: 12px; text-align: center; line-height: 2em; } .price-breakdown-display { display: none; } .price-breakdown-display-open { display: block; } .price-breakdown-open { border-bottom: 1px solid; } .price-breakdown a { outline: none; } .hide { display: none; } #open_datepicker { color: #fff; } #open_datepicker .ui-datepicker-calendar { width: 50%; font-size: 13px; } #open_datepicker .ui-datepicker-calendar a { color: #fff; text-decoration: none; } #open_datepicker .ui-datepicker-calendar a:hover, #open_datepicker .ui-datepicker-calendar a.ui-state-active, #open_datepicker .ui-datepicker-calendar .dp-highlight .ui-state-default { background: #7dbbff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } #open_datepicker .ui-datepicker-title { font-size: 13px; padding: 5px 0 5px 0; } #open_datepicker .ui-datepicker-header { padding: 0 0 20px 0; } #open_datepicker .ui-datepicker-calendar tbody { margin: 20px 0 0 0; } #open_datepicker .ui-datepicker-group { width: 100%; float: left; } @media (min-width: 550px) { #open_datepicker .ui-datepicker-group { width: 48%; } } #open_datepicker .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { display: block; text-align: center; } #open_datepicker .ui-state-default { width: 100%; height: 35px; padding: 10px 0 0; } #open_datepicker .ui-datepicker-calendar { width: 100% !important; } #open_datepicker .ui-datepicker-group-first { float: left; padding: 0; } @media (min-width: 550px) { #open_datepicker .ui-datepicker-group-first { float: left; border-right: 1px solid; padding: 0 20px 0 0; } } #open_datepicker .ui-datepicker-group-last { float: right; } #open_datepicker .ui-datepicker-prev, #open_datepicker .ui-datepicker-next { width: 25px; height: 25px; } #open_datepicker .ui-datepicker-prev { background: url('../images/booking/date_arrows.png') no-repeat -8px 4px #ffffff; } #open_datepicker .ui-datepicker-next { background: url('../images/booking/date_arrows.png') no-repeat -86px 4px #ffffff; } .one-half-form { width: 100%; margin: 0 12px 0 0; float: left; } @media (min-width: 992px) { .one-half-form { width: 45%; } } .one-third-form { width: 25%; margin: 0 12px 0 0; float: left; } .last-col { margin: 0 !important; } .booking-side input[type="text"] { width: 100%; margin: 0 10px 0 0; float: left; font-size: 14px; color: #333333; border: #E8E8E8 1px solid; padding: 10px 9px; } /* BOOKING DISPLAY RESERVATION ************************************ */ .display-reservation ul { list-style: none; margin: 0; padding: 0; } .display-reservation ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .display-reservation ul li span { color: #ffffff; font-weight: bold; } /* --- buttons --- */ .button3, .button2, .submit { border: 0; padding: 12px 15px; font-size: 14px; font-weight: 400; display: block; float: left; line-height: 1; text-decoration: none; cursor: pointer; background: #f2ab3d; color: white; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } .button3:hover, .button2:hover, .submit:hover { background: #e68b00; color: white; } .booking-side ul, .booking-main ul { list-style: none; margin: 0; padding: 0; } .booking-side ul li, .booking-main ul li { border-color: rgba(255, 255, 255, 0.3); } .clearboth:before, .clearboth:after { content: " "; display: table; } .clearboth:after { clear: both; } .booking-fields-form:before, .booking-fields-form:after { content: " "; display: table; } .booking-fields-form:after { clear: both; } .booking-fields-form .input-field { width: 100%; } @media (min-width: 992px) { .booking-fields-form .input-field { width: 50%; float: left; } } .booking-main input[type="text"] { margin: 0 0 20px 0; padding: 10px 9px; -webkit-appearance: none; color: #333333; font-size: 12px; border: 0; width: 93%; } .booking-main label { font-weight: normal; display: block; } /* --- Lightbox --- */ .pp_content { box-shadow: 0 0 4px rgba(136, 136, 136, 0.6); } .pp_content .page-content { padding: 20px; } .pp_content .page-content table { width: 100%; margin: 0 0 30px 0; font-size: 14px; color: #1c1c1c; } .pp_content .page-content table strong { color: #a09d9d; font-weight: normal; } .pp_content .page-content table th { color: #fff; border-bottom: #e9e9e9 1px solid; text-align: left; vertical-align: top; } .pp_content .page-content table td { border-right: #e9e9e9 1px solid; border-bottom: #e9e9e9 1px solid; text-align: left; vertical-align: top; } .pp_content .page-content table tr td:last-child { border-right: none; } .pp_content .page-content table th { padding: 14px 20px 14px 20px; font-size: 14px; font-weight: 400; } .pp_content .page-content table td { padding: 9px 20px; line-height: 160%; } .pp_content .page-content table tr { background: #fff; } .pp_content .page-content table tr:nth-child(2n) { background: #f8f8f8; } .pp_content .page-content .booking-main table { width: inherit; margin: 0; } .pp_content .page-content .booking-main table td { padding: 0; line-height: 100%; border-bottom: none; border-right: none; } .pp_content .page-content .booking-main table tr { background: transparent; } .pp_content .page-content .booking-main table tr:nth-child(2n) { background: transparent; } .pp_content .page-content .booking-main table th { text-align: center; font-size: 13px; background: transparent; } .lightbox-title { color: #fff; font-size: 14px; padding: 20px 20px; background: #004896; } .pp_details { position: absolute; top: 0; } h4.room-title { font-size: 14px; } .total-cost { background: #dff7ca; color: #64ae23; } .pp_close { background: url(images/close.png) no-repeat center; width: 10px; height: 11px; position: absolute; right: 20px; top: 27px; display: block; line-height: 22px; text-indent: -10000px; } .lightbox-title .title-style4 { margin: 0; } .pp_inline .page-content { max-height: 260px; overflow: scroll; background: white; } div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right { background: transparent !important; } .pp_top, .pp_bottom { display: none; } /* ================================================= ** PACKS === ** ================================================= */ .pack { margin-bottom: 2em; } .pack figure { height: 250px; max-height: 100%; } /* ================================================= ** WIDGETS === ** ================================================= */ .widget h5:fist-child { margin-top: 0; padding-top: 0; } /* ================================================= ** FOOTER === ** ================================================= */ #footer { background: #f1f1f1; position: relative; padding: 30px 0 0; } #footer .footer-col .widget_featured { text-align: left !important; } #footer .footer-col .menu { list-style: none; margin: 0; padding: 0; } #footer .footer-col .menu .sub-menu { display: none; } #footer .copy, #footer .signature { text-align: center; font-size: .8em; } #footer .copy a, #footer .signature a { color: #e23b31; } #footer .copy i, #footer .signature i { font-size: 80%; } @media (min-width: 768px) { #footer .copy { text-align: left; } #footer .signature { text-align: right; } } #footer .footer-bottom { background: #d8d8d8; } #footer .footer-bottom p { margin-top: 10px; opacity: .7; filter: alpha(opacity=70); } /* ================================================= ** NEXT GEN GALLERY CUSTOMIZATION === ** ================================================= */ .TB_overlayBG { z-index: -1 !important; } #TB_window { padding: 1em 0; }
[-] ie8.css
[open]
[-] font-awesome.min.css
[open]
[+]
..
[-] bootstrap.min.css
[open]
[-] fancybox.min.css
[open]
[-] base.css
[open]