@charset "UTF-8"; /*************/ /**CÓDIGO THEME.CSS CON VARIABLE COLOR DEL CMS**/ /*************/ $color1: #edece8; $color2: #514a46; $color3: #514a46; $color4: #000000; $color5: #b5800f; $color6: #ffffff; $color7: #000000; $color8: #d6c691; $color9: #c3af7c; .btn { background-color: $color5; color: $color6; border-radius: 0; font-size: 1.2em; line-height: 1.2em; width: 100%; padding: 10px 12px; margin-bottom: 10px; text-transform:uppercase; } /* MAIN FONT */ a, .main a {color:$color2;} a:hover, .main a:hover{color:$color5;} /* ---------------------------- HEADER ------------------------- */ .bg14_header { /* COLOR */ background: $color1 left bottom; box-shadow: 0 0 10px 0 rgba(152,152,152,0.75); } .bg14_header .top { background-color: $color3; text-transform: uppercase; padding: 0 5px; } .bg14_header .top a { color:$color6; /* COLOR */ margin-right: 10px; padding: 0 5px } .bg14_header .bottom { color: $color4; margin-top: 10px; } .bg14_header .bottom a { color: $color4; text-decoration:none; margin: 0 5px; } /* SUBMENU_WRAP (antes DROPDOWN LIST) */ .submenu_wrap a, .submenu_wrap a:hover { color:$color2; text-decoration:none; } .top .submenu_wrap a, .top .submenu_wrap a:hover{ color: $color6; } .submenu_wrap > div { color: #999; background-color: $color6; } .submenu_wrap.topMenu > div { background-color: rgba(0, 0, 0, .75); color: $color6; /*-webkit-box-shadow: none; -moz-box-shadow:none;*/ box-shadow:none; } /* SECOND STRIPE */ .bg14_header.chain{ .second_stripe{ .destination_link:hover { color:$color2; } } } .schedule-top-buttons > table tr td > a { color: $color6;} /* MY RESERVE */ .bg14_header.chain{ .first_stripe{ .mybooking_plugin{ height:55px; display:table-cell; vertical-align: bottom; padding:10px 10px 5px 10px; color: $color6; background-color: $color7; text-align:center; } .telephone{ color: $color4; position: relative; top: 26px; } .checkin { display: table-cell; height:55px; background-color: #81B214; padding:10px 10px 5px 10px; margin:0; color: $color6; vertical-align: bottom; text-align:center; } } } /* LANGUAGE */ .bg14_header.chain{ .first_stripe{ .cmslanguageselector_plugin { height:55px; display:table-cell; background-color: transparent; vertical-align:bottom; color: $color4; #dropdownLanguage{ span{ background-color: transparent !important; color: $color4; } .caret{ background-color: transparent !important; border-top-color: $color4 !important; } } } } } /* Newsletter y partners */ .newsletter.active, .partners.active { background-color: $color2; } #newsletter_popup button { color: $color1; background-color: $color5; border-radius:0; } /* MENU DEL HEADER */ .bg14_menu{ .semitransparent { background-color: $color1; /* COLOR */ opacity:1; width:100%; height:40px; position: absolute; border: 0 solid $color4; border-top-width: 2px; } } ul.top_menu li > a, ul.top_menu li > div { /*Campomar, Es reco, Primasud, Puerto Antilla*/ color: $color4; /* COLOR */ } /* SLIDER */ .top-slider-in ul.controls li { display: block; list-style: none none; margin: 0 2px; padding: 0; border: 1px solid silver; float: left; width: 15px; height: 15px; background-color: $color1; /* COLOR */ opacity: 0.6; } /* LANGUAGE SELECTOR */ .cmslanguageselector_plugin{ .lang.active{ a { color: $color4; font-weight:400; } } .lang{ a{ font-weight:normal; color: $color5; background-color: transparent; text-transform: uppercase; text-decoration: none; } } } /* BANDA INFERIOR */ .banda_inferior { background-color: $color1; padding-top: 10px; } /* FOOTER */ .main-footer .footer-top { /*Atlantis*/ background-color: $color3; /* COLOR */ padding: 10px 0 6px 0; } .main-footer .footer-top, .main-footer .footer-top a { /*Atlantis*/ padding-right:10px; color: $color6; /* COLOR */ } /* Subscription plugin */ .newsletter-subscription{ .input-group-addon{ .btn { background-color: $color5; color: $color1; border-radius:0; border-width:2px 0; border-style:solid; padding: 8px 20px 4px 20px; } } } /* MENU */ .bg14_menu .top_menu > li > a, .bg14_menu .top_menu > li > div.header_expansible_link { text-decoration: none; background-color: transparent; padding: 0; color: $color4; } .bg14_menu .top_menu li.active a { color: $color2; } .submenu_white .top_menu .child.selected a { color: $color2; /* color */ } /* searchBookingForm */ .searchBookingForm .btn.book { text-transform:uppercase; border-radius:0; color: $color1; background-color: $color5; padding: 2px 40px; } .inline-hotel-form .fa.icon-calendar-from, .inline-hotel-form .fa.icon-calendar-to { font-size: 18px; padding-top: 2px; padding-left: 2px; color: $color3; } /* Selector tipo de viaje (ver todos, puentes y festivos, familias, parejas) */ .children_filter_form label { margin-right:18px; font-size: 18px; text-transform:uppercase; vertical-align: middle; padding-left: 5px; font-weight:300; color: $color2; } .children_filter_form{ span.selected { color: $color2; } } /* Form Buscar Hotel */ .search-hotel{ input[type="text"]{ border-radius:0; text-align:left; color: $color4; font-size: 1em; } input[type="number"]{ color: $color4; font-size: 1em; } } .allocations-table{ select { color: $color4; } } /* BOOKING SEARCH RESULTS */ .hab-options{ .show_more { width:100%; text-align:right; border-width:1px 0 0 0; border-color: $color5; border-style:solid; padding-top:5px; color: $color5; cursor:pointer; margin-top:10px; font-size:0.9em; i{ color: $color5; } } } .allocations-container { top:inherit; padding-top:10px; padding-bottom:5px; background: $color3 none; } .book{ .items{ .room-item{ .availability-message { display:inline-block; font-size: 0.8em; color: $color5; } } } } .search-results-banner { margin-bottom: 22px !important; background-color: $color6; .sidebar { background-color: $color6; } .main-content { text-transform: uppercase; background-color: $color3; } } .search-results-banner .main-content h1, .search-results-banner .main-content ul li, .search-results-banner .main-content ul li span, .search-results-banner .main-content ul li strong { color: $color6; } .info_tipos_regimenes { background-color: $color5; border:0; border-radius:4px; color: $color1; display:inline-block; padding: 3px 15px; } /* Barra */ .toggle-allocations, .inline-hotel-form .toggle-allocations:hover{ color: $color4 !important; } /****************************** CALENDAR *************************/ body.calendar{ h3 { color: $color2; font-size: initial; } th { text-align: center; color: $color3; font-size: 12px; } } body.calendar .month, body.calendar .main .month * { text-align: center; background-color: $color3; color: $color1; line-height: 35px; margin-bottom: 7px; } body.calendar .weekdays, body.calendar .weekdays th { background-color: $color4; } /* BOOKING CONFIRMATION - EXTRAS */ .book.complete .extra-popup .btn, .book.complete .extras .extra-item .btn { background-color: $color3; font-size:1em; line-height:1em; text-align: left; margin: 5px 0 0 0; width: 100%; } .book.complete{ .extra-popup{ .btn { background-color: $color5; padding: 5px 10px; margin: 5px 0 0 0 !important; } } } .book.complete .highlight.extra-info, .book.complete .highlight.extra-info * { color: $color5; } /* SEARCH FORM STYLE */ .search-form{ .sidebar{ .block { background-color: $color6; margin: 0px -5px 10px; padding: 0 5px 5px; } } .content { background-color: $color6; } h2{ color: $color5; margin-left: -5px; margin-right: -5px; margin-bottom: 10px; padding: 5px 10px; } } .link_conditions p a{ color: $color4 !important; } /*HD HOTELS*/ h2.entry-title:hover a{ text-decoration:none; color: $color6; } /* ----------------------- Discover Plugin --------------------------- */ .discover_plugin{ .content { background-color: $color1; } } /* ----------------------- Exclusive Benefits --------------------------- */ .exclusive_benefits_plugin{ section { color: $color1; } } /* Color 5 */ .plugin_link.colored.color5 { background-color: $color5; color: $color6; } .plugin_link.colored.color5 a {color: $color6;} .plugin_link.colored.color5 a:hover { color: $color3; } /////////CONDITION.THEME/////////// body, html { min-width:992px /*!important*/; background-color: $color1; } @media (min-width: 768px) { .container { width:992px !important; } } @media (min-width: 992px) { .container { width:992px !important; } } @media (min-width: 1200px) { .container { width:992px !important; } } .full-width-important { width: 100% !important; max-width: 100%; } @media (min-width: 768px) { .container.full-width-centered-content > .row { width:992px !important; } } @media (min-width: 992px) { .container.full-width-centered-content > .row { width:992px !important; } } @media (min-width: 1200px) { .container.full-width-centered-content > .row { width:992px !important; } } /* Al hacer clic sobre un menu desplegable, enseñar el contenido */ .header_expansible_link.active > .submenu_wrap { display:block; } /* SUBMENU_WRAP (antes DROPDOWN LIST) */ .submenu_wrap.as_list{ .container { width:auto !important; padding: 10px 5px 10px 15px; } } /* BANDA*/ .banda { width:100%; z-index:3; position: relative; background-color:$color3; } #CookielawBanner { z-index: 99999999 !important; } /* Step2. Mostrar o el boton Reservar al lado de cada habitacion */ .book.rooms .list-item.room-item.selected ~ button {display: inherit;} /* CALENDAR*/ body.calendar{ .calendar-day { background-color: #5ec5ed; padding: 2px 6px; border: 3px solid $color1; line-height: 1.4em; color: $color1; } .calendar-day.status-unavailable { background-color: #ee2020; color: $color1; } .calendar-day.status-offer { background-color: $color5; color: $color1; } .calendar-day.status-latest { background-color: $color4; color: $color1; } } body.calendar .note.note-normal span.icon { background-color: #5ec5ed; } body.calendar .note.note-unavailable span.icon { background-color: #ee2020; } body.calendar .note.note-latest span.icon { background-color: $color4; } body.calendar .note.note-offer span.icon { background-color: $color5 !important; } /* ---------------------- Colored Text & Animation (CMSColoredTextPlugin) ---------------------- */ .contact-maps .custom-colored-text .imageAndText, .custom-colored-text { height: 100%;} .custom-colored-text .colored-text-bg{ background-color: $color4; opacity:0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; } /* ---------------------- Generic_plugins variable colors ---------------------- */ .exclusive_benefits_plugin{ .title h3 { color: $color1; font-size: 2.5em; } } .children{ .more_about_link { font-size:31px; line-height: 31px; color:$color1; } .item.design-a{ .content { color:$color4; padding: 10px 10px 0 10px; height: 199px; overflow: hidden; text-overflow: ellipsis; } .footer { background-color: $color5; padding:10px; } } .item.design-b{ .action{ .btn { background-color:$color5; color:$color1; } } } .item.design-f{ .content{ header{ span { background-color:$color4; font-size: 18px; display: inline-block; color: $color1; width: 70%; padding: 10px; text-transform:uppercase; font-weight:300; } } footer { background-color: $color1; width: 100%; height: 200px; text-align: left; padding: 10px 20px; h4.third{ color: $color4; } } } } } /* FONTS COPIADES DE THEME*/ body { /*Atlantis 2 sites*/ font-family: 'Roboto Slab', serif; font-weight: 300; } strong, b { /*Atlantis 2 sites*/ font-family: 'Roboto Slab', serif; font-weight: 400; } /* CODI COPIAT DE THEME*/ .bg14_header{ .bg14_menu { margin-top: 92px; } } .main-footer{ .footer-bottom { /*Atlantis 2 sites*/ padding-top:15px; h6{ margin-top:0; font-size: 1em; } } } /**********************************/ /* Site 8 -> Atlantis Fuerteventura Resort */ .bg14_menu { .top_menu { float:right; } } .header-wrap { margin-bottom:0; } .links-mapa { text-align: right; top: 18pt; margin-left: 3%; text-transform: none; z-index: 10; } .fb_iframe_widget { display: block !important; position: relative; } a .plugin_picture img { width: 20px; margin-bottom: 20px; } .links-right{ a.loyaltypopup_plugin { background-color: #008EAA ; } } .colored-text-content { width: 100%; } footer .loyaltypopup_plugin { top: 1px; } #mySlider { margin-top:10px; } .loyaltypopup_plugin { background-image: url(https://s3-pro.roomonline.es/cobi%2Fmedia%2Fafr%2Fimages%2Fcobi2fmedia2fwwwatlantisbahiarealcom2fimages2ficono_my_atlantis_.png); width: 125px; background-repeat: no-repeat; background-size: 23px; margin-top: -1px; position: relative; padding-left: 30px !important; background-position: left; margin-left: 0; float: none; display: inline-block; top: 2px; margin-right: 15px !important; } .desktop #myBookingLink { padding-top: 8px; padding-left: 0; /* display: inline-block; */ top: 2px; position: relative; } .navbar-brand img {max-height: 60px;} .blackbackground .item {background-color: rgba(0,0,0,0.55);} .bg14_header .bg14_logo { margin-top: 25px; max-width: 300px; max-height: 100px; } .gallery{ .carousel-control { opacity: 0.9; background-image: none; span { color:$color1 !important; opacity: 1; font-weight: bold; } } } table.contact{ width: 100%; background-color: $color1; border:0; margin-bottom: 10px; thead td{ background-color: #514A46; color: $color1; padding-top: 15px; padding-bottom:15px; } td { padding:10px; } .section { color: $color5; font-weight: bold; } tr td:first-child { width:30%; font-weight: bold; } } .colored-text-content p { line-height: 1.2em; } /*subir cajas de oferta encima del alineado abajo slide*/ .upintotheslide { margin-top: -200px; padding-bottom: 40px; position: absolute; margin-left:50%; /*-webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%);*/ transform: translate(-50%, 0%); } /*subir cajas de oferta encima del alineado arriba slide*/ .downintotheslide { margin-top: -650px; padding-top: 10px; position: absolute; margin-left:50%; transform: translate(-50%, 0%); } .marginbottom10 { margin-bottom: 10px; } .search-form .allocations-container select { width: inherit !important; color: $color4;} /*Maquetacion barra de paso de reserva*/ .paso-de-busqueda { margin-bottom: 22px !important; background-color: $color1; max-width: 982px; .columna-izquierda-barra-busqueda { background-color: $color1; height: 58px; } } body.book .paso-de-busqueda .columna-izquierda-barra-busqueda .title h2 { font-size:1em; text-align:left; padding:10px 5px; } .paso-de-busqueda{ .columna-derecha-barra-busqueda { text-transform: uppercase; background-color: #514a46; ul { margin-bottom:0 !important; line-height: 1.5em; } .currency-selector{ text-transform: none; } .title{ padding-top:10px; h1 { font-size:1.3em; height: 1.5em; margin-bottom: 0; } } } .Pasoreserva { margin-top: -10px; margin-left: -5px; } .nav-steps { font-size:1em; padding-top:5px; } } .paso-de-busqueda .columna-derecha-barra-busqueda h1, .paso-de-busqueda .columna-derecha-barra-busqueda li, .paso-de-busqueda .columna-derecha-barra-busqueda li span, .paso-de-busqueda .columna-derecha-barra-busqueda li strong { color: $color1; } .fragment.Booking-CurrencySelector { text-align: right; } .allocations-container label { color: $color1; } .search-form .allocations-container select { width: inherit !important; color:$color4;} .paso-de-busqueda .columna-derecha-barra-busqueda .currency-selector .dropdown-menu li, .paso-de-busqueda .columna-derecha-barra-busqueda .currency-selector .dropdown-menu li strong { color:$color4 !important; } .gallery.design-a .content-container{ background-color: $color1 } .bg14_header.desktop.hotel .bottom.pull-right { display: inline-flex; } /*flecha de reserva en paso 2 reserva mobile*/ .col-xs-1.go_next i.pull-right.fa.fa-angle-right.fa-lg { font-size: 31px; font-weight: 800;} /*COLOCAR INFO REGIMENES*/ .hab-options > .row >.col-sm-9 { width: 100%; } p.info_tipos_regimenes { MARGIN-LEFT: 245PX; width: 244px; } .container.margin-top-40 { margin-top: 40px } .container.margin-top-20 { margin-top: 20px; padding-top: 15px; } .container.margin-top-20-mapa { margin-top: 20px; padding-top: 15px; margin-left: 25%; } /* regenerar contraseña*/ div.remember > label { display: none; } div.remember > div:first-child > input { display: none !important; } /*Compartir redes sociales*/ .fb-like.fb_iframe_widget { margin-bottom: 5px; } /*header new*/ .bg14_header.chain .top { text-transform: uppercase; font-size: 1em; } .plugin_link.colored { display: inline-block; padding: 5px; line-height: 1.2em; margin-bottom: 0 !important; } .bg14_header.chain .bg14_logo { max-height: none !important; } .col-xs-12.header_nav { margin-top: 47px; font-size: 11px; } #dropdownLanguage { padding: 5px 10px !important; } .cmslanguageselector_plugin { margin-right: -3px; } #dropdownLanguage { padding: 5px 10px !important; } .plugin_link.colored { padding: 5px 5px 8px; } .plugin_link.colored.color5 a { vertical-align: middle; font-weight: 400; margin-right: 4px; } a.market_telephone { display: inline-block; margin-right: 5px; } header .dropdown-menu { text-align: center; min-width: 100px !important; } .bienvenida-fidelizacion{ display: inline-block; p { color: $color1; } } div.headerfixed .links-left { padding-top: 6px; } span.bienvenida-fidelizacion p { font-size: inherit; } .fragment.Header-Menu { font-size: 0.9em; width: 100%; margin-left: 2%; } /*no mostrar*/ .NoMostrar { display: none; } .loyalty_form_plugin section p { display: inline-block; margin-left: 3px; } /*---------ajuste widget reviewpro home--------*/ .col-reviewpro{ padding-left: 206px; } /*------ajuste bienvenida fidelización------*/ span.bienvenida-fid p { display: inline-block; } .main{ .colored-text-content { padding:0; p { padding-left:18px; padding-right: 18px; } } } .bg14_header{ .top{ background-color: $color1; padding: 0; position: fixed; width: 100vw; z-index: 101; top: 0; margin-left: -8px; .links.left{ float:left; padding: 6px 0 0; p{ margin-bottom: 0; } } .links-right{ float: right; } } } .fancybox-inner{ .authenticate{ .col-xs-4 { width: 40%; } .col-xs-8{ width: 60%; .remmind{ line-height: 130%; margin-left: 0; position: relative; top: -2px; } } } } .fancybox-skin { background-color: #008EAA; .authenticate { overflow: hidden; } } .pop-friends-content, .pop-friends-content a { background-color: #008EAA; color: $color1; } .pop-friends-content input { color: $color4; } .misReservas { padding-top: 30px; } [id^="pop-contact-form_"] { padding-left:15px; padding-right:15px; } .pop-friends-content .is-friend div:last-child { overflow: hidden; } .pop-contact-form-content { max-width:none !important; .btn { margin-top:15px; margin-bottom: 20px; } } .banner-reservas .caja-banner { height: 100px; margin-bottom: 25px; p{ margin-bottom: 0; } .mod-izq { background: #13294B; float: left; width: 25%; color: $color1; height: 100%; display: table; padding: 0 25px; .contenido { display: table-cell; vertical-align: middle; p:first-child{ display: inline-block; } img{ position: relative; width: 104px; margin-left: 5px; top: -3px; display: inline-block; } } } .mod-dcha{ background: #008EAA; float: left; width: 75%; color: $color1; height: 100%; position: relative; div{ width: 33%; float: left; padding: 0 25px 0 0; display: table; height: 100%; &:nth-child(1){ padding-left: 75px; } p{ display: table-cell; vertical-align: middle; } } span{ position: absolute; right: 10px; bottom: 5px; font-weight: 400; } } } .myAtl { background: #008EAA; margin-top: 0 !important; padding-top: 20px; p, span{ color:$color1; } } .myAtl .loyalty_form_plugin label, .myAtl .loyalty_form_plugin h2 { color: $color1 !important; } [lang="en"] .banner-reservas .caja-banner .mod-izq, [lang="fr"] .banner-reservas .caja-banner .mod-izq { padding: 0 12px; } [lang="de"] .banner-reservas .caja-banner .mod-izq .contenido, [lang="fr"] .banner-reservas .caja-banner .mod-izq .contenido, [lang="it"] .banner-reservas .caja-banner .mod-izq .contenido { text-align: center; } [lang="de"] .banner-reservas .caja-banner .mod-izq .contenido img, [lang="fr"] .banner-reservas .caja-banner .mod-izq .contenido img { margin: 5px 0; top: 0; } [lang="it"] .banner-reservas .caja-banner .mod-izq .contenido img { margin: 0 5px; top: 4px; } [lang="de"] .banner-reservas .caja-banner .mod-izq .contenido p, [lang="fr"] .banner-reservas .caja-banner .mod-izq .contenido p { font-size: 12px; } .special-row > .row { margin: 0 auto; @media (min-width:1200px) { width: 970px; } } .home.mobile .main_menu { display: none; } .child.sibling { display: none; /*Provisional*/ } .full-width{ background-color: #514A46; width: 100% !important; max-width: 100%; } .row_top{ margin-top: 5px; margin-left: -9px; } .links-left{ margin-top: 5px; text-align: left; } .motor_busqueda .inline-hotel-form{ padding-left: 10px; padding-right: 10px; } .links-mapa{ text-align: right; top: 2em; margin-left: 3%; text-transform: none; span{ color: $color4; } } .bg14_header .links-mapa .mapa a{ color: $color4; } .bg14_menu .top_menu > li a{ margin-right: 0; padding: 0; color: $color4; } .motor_busqueda{ .inline-hotel-form{ padding-left: 10px; padding-right: 10px; } } .fragment.Booking-LineForm{ .fa-calendar{ padding-top: 2.5px; } } .search-hotel{ input[type="text"]{ padding-left: 7px; height: 25px; font-size: 0.95em; } input[name="nights"]{ height: 25px; } } .inline-hotel-form label { font-weight: 500; line-height: 1.5em; } .guests{ font-size: small; color: #514A46; } .children_select{ display: table-cell !important; } td.children_ages_container { float: left; margin-left: -5px; } #ui-datepicker-div { z-index:999 !important; } .inline-hotel-form .btn { width: 95%; height: 45px; } .links-mapa .plugin_link a { color: $color4 !important; } .header-wrap.big { margin-bottom: 251px !important; } .header-wrap { margin-bottom: 252px; } .bg14_header .bg14_menu .top_menu { display:inline; color: $color4; text-transform: none; font-size: small; } .container_top .row { max-width: 992px; text-align: right; margin: 0 auto !important; } /*Ocultar Dni*/ .loyaltypopup section:nth-of-type(1) .form-group:nth-of-type(5) { display:none; } /*Barra fija info tipos regimen*/ .rooms.items{ .hab-options{ .col-sm-9{ .col-sm-6{ p.info_tipos_regimenes.reserva-fijo { position:fixed; z-index: 4; top: 250px; } } } } } /*ROOM-922 estilos divisas*/ .dropdown-menu >li >a { padding: 0.2em; margin-right: 0.1em; } .dropdown-menu{ li.info { margin-right: 0.4em; } } ////*ROOM-901*//// /* Mobile */ .mobile { nav.navbar { background-color: $color8; } .sortedRooms { background-color: $color8; .room-title-row, .room-title-row { background-color: $color8; } } .form { .divider { background-color:$color8; } } .allocations-container{ position: relative; } } /***ROOM-885***/ .desktop { .mybooking_plugin { padding-top: 8px; padding-left: 0; padding-right: 10px; top: 2px; position: relative; } } .mypopup { padding: 0; border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); overflow: inherit !important; .my_booking_popup{ width: 270px; } .my_booking_popup input[type=text] { width: 250px !important; } .authenticate { .remmind { line-height: 130%; margin-left: 0; position: relative; top: -2px; } .col-xs-4{ width:40%; } .col-xs-8{ width:60%; } } .pop-friends-content{ padding: 15px; .remember{ padding-bottom: 40px; } } .mfp-close{margin: -15px; color: $color1; background: $color2; border-radius: 100px; font-size: 30px; width: 30px; height: 30px; border: solid 2px; opacity: inherit; line-height: 0; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6); &:hover{ background-color: $color5; } } button.btn-primary{ border-color: $color5; &:hover{ background-color: $color5; color: $color2; } } } #find_booking{ height: 260px; .error{ padding-bottom: 20px; display: none; } form div:nth-child(2){ margin-top: 15px; } } .footer-bottom{ .picturebanner{ width: 20px; height: 20px; } } .mobile{ #find_booking{ width: 300px; padding-left: 10px; padding-right: 10px; } .mypopup{ .my_booking_popup input[type=text] { width: 100% !important; } .btn { width: 40%; margin-top: 16px; border: 0; border-radius: 4px; } } .pop-friends-content{ padding-bottom: 80px; .btn{ width: 100%; } } .fragment.Image{ padding-bottom: 20px; } } /**********/ .cont_videos { padding-top: 40px; padding-bottom: 50px; .file { a { display: inline-block; padding: 5px 0; text-decoration: none; i { display: none; } span { margin-left: -4px; } } } } .cont_galeria { padding-top: 50px; padding-bottom: 10px; .fragment.Children { padding-top: 50px; } .child { height: 270px; } h1, .ShortDescription p { margin-bottom: 30px; } .long_name { font-weight: 500; font-size: 21px; text-align: center; text-transform: uppercase; margin-bottom: 15px; } .components_imagen { .image { height: 163px; background-size: cover; background-repeat: no-repeat; background-position: center; } .link { display: none; } } .file a { display: inline-block; padding: 15px 0; } } /******** CALENDARIO ROOM-1270 *********/ .mobile{ .fancybox-wrap.fancybox-opened{ .fancybox-inner{ height: 525px !important; overflow: auto; html.cms-ready{ min-width: 0 !important; padding: 5px; } } } } .inline-hotel-form.offer-calendar-form{ span.guests{ font-size: 10px; } label{ color: #514A46; text-transform: capitalize; } button.btn.book{ margin-top: 30%; padding-right: 15px; &:hover{ color: $color4; background-color: $color5; } } .allocations-container{ z-index: 200; th, label{ color: $color1; } td.children_ages_container{ margin-left: 0 !important; } } } body.mobile .pull-right{ button.btn.book{ width: auto !important; margin-top: 25%; } } .calendar.internal{ overflow-y: scroll; overflow-x: scroll !important; .row.top-form{ .calendar_filter_item{ select{ width: 100% !important; } } } .row.main-content{ padding: 5px; } .row.notes{ margin: 5px; } } @media (min-width: 768px){ .inline-hotel-form.offer-calendar-form button.btn.book{ margin-right: 20px !important; &:hover{ color: $color4; background-color: $color5; } } } /******** OFERTAS A GENERIC ROOM-1551 *********/ .fragment.Children.offers{ .child{ margin-bottom: 10px; .components{ &.components_bkt{ .icon{ width: 100%; } } &.components_bk{ background-color: #ffffff; padding: 10px 10px 0 10px; color: #000000; height: 199px; .name{ font-size: 16px; font-weight: 500; margin-bottom: 10px; } } &.components_bkb{ background-color: #b5800f; padding: 10px; display: flex; height: 36px; .link, .price_from{ width: 50%; } .price_from{ color: #ffffff; } .link { text-align: right; a { color: #ffffff; &:after { content: "\f105"; font-family: FontAwesome; margin-left: 5px; } &:hover { color: #000000; } } } } } } } .booking_form { .row.fluid { .caret.pull-right { position: relative; top: 9px; } } } /*ROOM-1687*/ .mobile .form.booking_form .form-group .promocode { color: #FFF; padding-left: 10px; padding-right: 10px; }