/* Lombok 07/11/2026 · Bellevue 3 sobre Bellevue 4 (landaburuborda.com)
   Reglas de móvil y tableta de Bellevue 3.2.7 (assets/css/app.css) que la 4 no tiene, tiene con otros valores o
   pierde porque su header.css se carga después. Solo se carga con el tema padre en la versión 4
   (ver bellevue3-sobre-4.php). */

/* Cabecera, barra superior y menú (móvil, tableta y desplegables), en el orden de la 3 */
@media (max-width:767px){.navbar-nav > li + li{margin-left:0}}
@media (max-width:479px){.top-nav-text, .top-nav-icon-blocks{float:none; text-align:center;}}
@media (max-width:479px){.top-nav-icon-blocks .icon-block p{font-size:14px; line-height: 100%;}}
@media (max-width:767px){.top-nav{background:rgba(0, 0, 0, 0.02)}}
@media (max-width:767px){.top-nav-icon-blocks .icon-block p, .top-nav-icon-blocks .icon-block a, .top-nav-text p, .top-nav-text a{color:#5d5d5d}}
@media (max-width:767px){.top-nav-icon-blocks .icon-block p{font-size:13px}}
@media (max-width:767px){.top-nav-icon-blocks .icon-block{padding:0 4px}}
@media (max-width:767px){.top-nav-icon-blocks .icon-block:last-child{padding:0 0 0 4px}}
@media (max-width:767px){.navbar .navbar-nav{float:none; text-align:left; margin:0 0 10px; padding-top:15px; border-top:1px solid #e7e7e7 !important}}
@media (max-width:767px){.navbar .navbar-nav > li > a{padding:10px 15px; margin-left:0; margin-right:0;}}
@media (max-width:767px){.navbar .navbar-nav > li > a:after, .navbar .navbar-nav > li > a:hover:after{height:0 !important}}
@media (max-width:767px){.navbar .navbar-nav .dropdown-menu{background-color:#f4f4f4}}
@media (max-width:767px){.navbar .navbar-nav .dropdown-menu li a{line-height:200%}}
@media (max-width:767px){.navbar .navbar-nav .dropdown-menu li.active a{background-color:transparent !important}}
@media (min-width:768px){.navbar .navbar-nav .dropdown-menu{left:-10px; padding:12px 5px; border:0; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);}}
@media (min-width:768px){.navbar .navbar-nav .dropdown-menu li a{font-size:13px; text-align:left; padding:8px 20px; color:#c8c8c8;}}
@media (min-width:768px){.navbar .navbar-nav .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown-menu li.active a{color:#fff !important}}
@media (min-width:768px) and (max-width:991px){.navbar .navbar-nav > li > a{margin-left:12px; margin-right:12px;}}
@media (max-width:991px){.top-nav-icon-blocks .icon-block, .th-contact-info-widget .icon-block{margin-bottom:0;}}
@media (max-width:767px){.top-nav-icon-blocks .icon-block span{display:none}}

/* Logo: la 3 imprimía el logo de cabecera transparente y el principal, y en móvil (cabecera no transparente) se veía
   el principal; la 4 solo imprime uno. En esta web son la misma imagen, así que se enseña el que haya. */
header.banner #logo .logo-trans:only-child{display:inline}
/* en la cabecera fija (al bajar) la 4 oculta ese logo con !important y no hay otro: sin esto se queda sin logo */
header.banner.headhesive--clone #logo .logo-trans:only-child{display:inline !important}
/* margen del logo en móvil (en la 4 lo anula header.banner #logo) */
@media (max-width:767px){header.banner #logo{margin-left:15px}}

/* Resto de reglas de @media de la 3 que faltan o cambian en la 4 */
@media (min-width:768px){.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}}
@media (min-width:768px){.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}}
@media (min-width:768px){.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}
@media screen and (min-width:768px){.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width:100%; float:none;}}
@media screen and (min-width:768px){.woocommerce .col2-set, .woocommerce-page .col2-set{width:52.9411764706%; float:left; margin-right:5.8823529412%; margin-bottom:25px;}}
@media (max-width:767px){body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content{float:none; width:100%;}}
@media (max-width:767px){.woocommerce-MyAccount-navigation{margin-bottom:40px}}
@media (min-width:480px){.elementor-widget-themo-header .elementor-icon-box-content h1 ~ .th-btn-wrap .th-btn{font-size: 17px; padding: 12px 38px;}}
@media (max-width:767px){.row.gallery-row{padding:0}}
@media (max-width:767px){.row.gallery-row > div{margin:15px auto}}
@media (max-width:767px){.elementor-widget-themo-info-card .th-info-card-wrap{padding:30px}}
@media (max-width:400px){.map-info{min-width:0;}}
@media (min-width: 0px) and (max-width: 767px){.th-price-list.th-plist-style-2 div.col-sm-4:nth-child(2){text-align:inherit; margin:5px 0;}}
@media (min-width: 0px) and (max-width: 767px){a.th-plist-link{display:inherit !important;}}
@media (min-width: 0px) and (max-width: 479px){.th-price-list.th-plist-style-2 div:nth-child(3){text-align:inherit; margin:5px 0 0;}}
@media (min-width: 0px) and (max-width: 479px){.th-btn-wrap{margin:10px 0 5px}}
@media (max-width:479px){#logo{max-width:230px}}
@media (max-width:767px){.navbar .navbar-nav{float:none; text-align:left; margin:0 0 10px; padding-top:15px; border-top:1px solid #e7e7e7 !important}}
@media (max-width:767px){.navbar .navbar-nav > li > a{padding:10px 15px; margin-left:0; margin-right:0;}}
@media (max-width:768px){.th-conversion.th-left .frm_forms form select{margin: 5px 20px 5px 0 !important;}}
@media (max-width:768px){.mphb_sc_search-form .mphb_sc_search-adults, .mphb_sc_search-form .mphb_sc_search-children, .mphb-booking-form .mphb-adults-wrapper, .mphb-booking-form .mphb-check-children-date-wrapper{max-width: inherit;}}
@media (max-width:768px){.th-conversion .mphb_sc_search-form .mphb_sc_search-adults.frm_form_field, .th-conversion .mphb_sc_search-form .mphb_sc_search-children.frm_form_field, .th-conversion .mphb-booking-form .mphb-adults-wrapper.frm_form_field, .th-conversion .mphb-booking-form .mphb-check-children-date-wrapper.frm_form_field{clear: inherit; padding: inherit; max-width: inherit; text-align: left;}}
@media (max-width:768px){.mphb_sc_search-check-in-date.frm_form_field label, .mphb_sc_search-check-out-date.frm_form_field label, .mphb_sc_search-adults.frm_form_field label, .mphb_sc_search-children.frm_form_field label, .mphb-adults-wrapper.frm_form_field label, .mphb-check-children-date-wrapper.frm_form_field label{margin-left: 10px;}}