.sorteo-desc{ h2{ font-family: "Montserrat Regular", "Roboto", arial, sans-serif!important; text-transform: uppercase!important; font-weight:normal!important; } } .sorteo_content{ padding-top: 50px; padding-bottom: 50px; .booking_window{ margin-bottom:30px; .bold-700{ color:$dark-color; } .booking_text{ color:red; } } .sorteo_hotel_list{ padding:10px 20px 10px 20px; } .sorteo_hotel_list_title{ margin-left:-20px; margin-right:-20px; border-bottom:1px solid #b95010; margin-bottom:15px; h3{ margin-bottom:15px; margin-top:5px; } } .sorteo_bg_title{ color:#fff; padding:5px 0 6px 0; background:url('../img/fondo.jpg') center repeat; } .sorteo_items{ ul li{margin:5px 0 5px 0;} } } #main-carousel { h1 {text-transform: none;} } .mg-target{ background-color: #fff; padding-top:0!important; padding-bottom:0!important; .nav-tab{ margin:0; } .tab-content{ .tab-pane{ padding-bottom:0; } } } .mg-indicator{ border-bottom: 10px solid $link-color; border-left: 20px solid transparent; border-right: 20px solid transparent; } .dto{ font-size: 24px; } .terms { ul {margin-bottom:0;} ul.default-style li:before, ul.list-guia li:before, .diving ul li:before{ line-height:inherit; } } .mg-rows { a { display: block; position: relative; overflow: hidden; &:after { content: ""; background-color: $dark-color; opacity: .3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index:1; } img{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 100%; } &:hover { img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } } .image-content { position: absolute; text-align: center; width: 90%; top: 35%; transform: translateY(-35%); color: #fff; margin: auto 5% auto 5%; padding: 15px 0 15px 0; z-index:2; h3 { margin: 0; font-weight:400!important; border-bottom:1px solid #fff; } } .btn { margin: 0; width: 100%; z-index:2 } } } .gridtab--0 >dt.is-active{ border-color:transparent!important; } .gridtab--0 >dt{ border-color:transparent!important; } .gridtab > dt{ background: transparent!important; position:relative } .gridtab--0>dd{ padding:40px 0 0 0!important; /*border-color:$border-color-ppal!important;*/ top:2px; /*border-width:1px!important;*/ border: none; } .gridtab--0 >dt.is-active:after{ height: 0; position: absolute; bottom: 0; left:50%; transform:translateX(-50%); width: 0; border-bottom: 10px solid #26b; border-left: 20px solid transparent; border-right: 20px solid transparent; } .gridtab >dd { > .gridtab__controls {right: 20px;} } .campaing-hotels{ .container{ max-width:100%; } } .offerModal .modal-content{ .modal-header{ padding:15px; border-bottom:1px solid $border-color; .close{ color:$body-text-color; } h4{margin-bottom: 5px;} } .modal-footer{ text-align: left; } } #hgModal{ .modal-title{ span{ font-size: 1rem; } } .modal-body{ padding:0; } .scrollbar-rail{ .row{ padding:15px 15px 0 15px; } } .bg{ padding:20px; } } .scrollbar-rail{ max-height:100%; /*.scroll-element{ .scroll-bar { background-color: $link-color; } }*/ } .border-bottom{ border-bottom:1px solid $border-color; margin-top:30px; } .single-hotel{ //padding:70px 0 70px 0; .row{ padding-bottom:20px; .col-sm-6{ padding:0 15px 0 25px; } h3 { font-size: 1.3rem; } } p{ margin:0; } .price{ top:0; } .btn{ margin:5px 0 0 0; width:100%; } ul{ margin-top:10px; li, li:before{ line-height: 1.8; } } .package-includes{ padding-bottom:40px; } } .offer-content { h2 {font-family:"Roboto", arial, sans-serif; font-weight:400; margin-top:0; color:$title-text-dark; } p.data {margin-top:15px;} margin-bottom:35px; } .desc{ margin-top:0!important; span:first-child{ @extend h2; @extend .roboto; display:inline-block; margin-top:0; color:$dark-color; } } .offers-home{ margin-top: 5.7rem; h2{ margin-bottom:2.5rem; } .slick-dots li button:before{ font-size: 1.5rem; } /*.slick-dots li.slick-active button:before{ color: #00B1EA; }*/ .offer-card{ margin-top:30px; .card-image{ img{ border-radius: 0; margin-bottom:20px; } } .card-content{padding: 0px 5px 0 15px;} p{ margin-top:5px; &.p-18{ font-size: 18px; } &.data{ font-size:14px; opacity: 0.8; } } .card-action { border:none; padding: 0px 15px 0px 15px; position:relative; bottom:0; /*width: 100%;*/ .btn{ width: 100%; white-space: normal; } a.btn{ color:#fff; } } } } #parentHorizontalTab { margin: 0px 0px 40px!important; #tab-hotelList { padding-bottom: 0px;border:1px solid $border-color-ppal; ul.hotel-values{ font-size: 12px; margin: 10px 0; padding: 15px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } } #tab-hotelMap {padding-bottom:40px;border:1px solid $border-color-ppal;} } .campaing-hotels{ #parentHorizontalTab{ .resp-tabs-container {margin: 0 15px;} } } .ribbon { position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; width: 80px; height: 80px; text-align: right; } .ribbon span { font-size: 23px; font-weight: normal; color: #FFF; text-align: center; line-height:30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 105px; display: block; background: #FB30A3; background: linear-gradient(#FB30A3 0%, #fb30a3 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 12px; left: -26px; } /*.ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #fb30a3; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #fb30a3; }*/ /*.ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #fb30a3; border-bottom: 3px solid transparent; border-top: 3px solid #fb30a3; }*/ @media only screen and (max-width:360px){ .hotel-cards-vertical {padding: 0!important;} } @media only screen and (max-width: 768px){ .mg-rows a .image-content h3, .mg-rows a .image-content .panel-title{ font-size: 1.3rem; } .mg-rows{ span{ font-size:0.8rem; } } } @media only screen and (max-width:767px){ .brand_intro{ margin-top:65px; } }