/*
Theme Name: Barcelona Logistics
Theme URI: 
Author: Local Fame
Author URI: 
Description: 
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: barcelona-logistics
Tags: 
*/

.wp-block-group .wpml-language-switcher-block {width:auto!important;}
header.wp-block-template-part {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    box-shadow: 0 0 15px -5px #000;
    background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
header .wp-block-search__input, header .wp-block-search__button {height:36px;}
header .wp-block-search__button {padding:7px;}
header .pay a {text-decoration:none;}
.wpml-language-switcher-block {width: auto !important;}
.entry-content {margin-top:0;}
.wp-block-buttons .wp-block-button a {transition: transform 300ms;}
.wp-block-buttons .wp-block-button a:hover {transform:scale(1.05);box-shadow:0 0 12px -3px #333;}
.wp-block-buttons .wp-block-button__link {position:relative;overflow: hidden;}
.hero {overflow:hidden;position:relative;}
.hero:before {    content: "";
    background-color: #222b95;
    width: 100vw;
    height: 100vh;
    display: block;
    position: absolute;
    border-radius: 5vw;
    transform: rotate(45deg) scale(1.2);
    left: -54%;
    z-index: 1;
    bottom: 44%;}
    .hero .wp-block-column {    position: relative;
    z-index: 3;}
.wp-block-buttons .wp-block-button__link::after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 0;
  width: calc(100% - 40px);
  height: 0.1em;
  background-color: rgb(255, 255, 255, .7);
  transform: translate3d(-100%, 0, 0);
  transition: transform 300ms;
}
.wp-block-buttons .is-style-outline .wp-block-button__link::after {
	background-color: rgb(51, 51, 51, .7);
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {        left: 100%;
        right: auto;}
        .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {left: 0;
    right: auto;}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item:hover {    background: #137cff;
    color: white;}
.wp-block-buttons .wp-block-button__link:hover::after,
.wp-block-buttons .wp-block-button__link:focus::after {
  transform: translate3d(20px, 0, 0);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {z-index:99;}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {background:white!important;}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover a span {color:black!important;font-weight:500;} 
.pay, .wp-block-search__button, .wpml-ls-dropdown .wp-block-navigation__container {display:flex;align-items: center;}
.pay:before, .wp-block-search__button:before, .wpml-ls-dropdown .wp-block-navigation__container:before {display:inline-block;height:24px;}
.pay:before {margin-right:8px;content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23FFF"><path d="M880-720v480q0 33-23.5 56.5T800-160H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720zm-720 80h640v-80H160v80zm0 160v240h640v-240H160zm0 240v-480 480z"/></svg>');}

.wp-block-search__button:before {content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23FFF"><path d="M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400z"/></svg>');}
.wpml-ls-dropdown .wp-block-navigation__container:before {content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23FFF"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162zm276-102q20-22 36-47.5t26.5-53q10.5-27.5 16-56.5t5.5-59q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5z"/></svg>');}

@media (max-width: 1169px) {
        .wp-block-navigation__responsive-container.is-menu-open {overflow:visible;padding:0;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {background: black;
    padding: 20px;
    color: white;}
    header .menutwo > div {padding:10px!important;}
    header.wp-block-template-part {background:black;}
    .wp-block-navigation__responsive-container-open svg {fill:white;}
    header .wp-block-site-logo {    background: white;
    padding: 2px;
    border-radius: 7px;width:54px;        z-index: 999999;}
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child {display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child > ul {flex: 0 0 100%;}
    header .wp-block-navigation__container > .has-child .wp-block-navigation-submenu {display:none;}
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {display:inline-block;        position: relative;
        top: -2px;}
        header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .has-child .wp-block-navigation__submenu-icon {right:3px;}
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {gap:10px;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {align-items: flex-start;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {align-items: flex-start;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {padding-top:5px;}    
header .has-child .menu-item li a, header .has-child .wp-block-navigation__submenu-container li a {    text-transform: initial;padding: 5px 0!important;}
header .menuone > .wp-block-group {    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;text-transform:initial;gap: 15px;}
    .wp-block-navigation__submenu-container > li {padding-left:0!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wpml-ls-dropdown .wp-block-navigation__container {    display: flex;
    flex-direction: row;align-items: center;}
    .wp-block-navigation .has-child .wpml-ls-dropdown .wp-block-navigation__submenu-container {display:none;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {padding-right:0;padding-left:1rem;}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.opened > a, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child.opened > button {color:#137cff;}
    header .has-child .has-child > button {order:0;}
    header .has-child .has-child > a {order:1;flex:0 0 90%;}
    header .has-child .has-child > ul {order:2;}
    header .wp-block-navigation__responsive-container-content > ul {order:0;}
    header .wp-block-navigation__responsive-container-content > .wp-block-group {order:1;        width: 100%;}
    header .wp-block-navigation__responsive-container-content > .wp-block-buttons {order:2;justify-content: space-around;width:100%;}
    .wp-block-search.wp-block-search__button-only .wp-block-search__button {padding-left:0;}
    .wp-block-search__button:before {margin-right:7px;}
    .menutwo .wp-block-buttons .wp-block-button__link {padding-left:1em;padding-right:1em;}
    .wp-block-navigation__responsive-container-close {    right: -8px;
    top: 6px;    display: flex;
    text-transform: initial;
    align-items: center;}
    .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close {display: flex;
    text-transform: initial;
    align-items: center;}
    .wp-block-navigation__responsive-container-close:before {content:"Close";margin-right:5px;}
    .wp-block-navigation__responsive-container-open:before {content:"Menu";margin-right:5px;color:white;}
}

@media (max-width: 1070px) {
	.page .entry-content > * {padding-left: 10px;padding-right: 10px;}
	.page .entry-content > .wp-block-group:first-of-type {padding-top:20px!important;padding-bottom:0!important;}
	.home .entry-content > .wp-block-group:first-of-type {position:relative;}
	.home .entry-content > .wp-block-group:first-of-type:before {content:"";position:absolute;background:rgba(255,255,255,.5);width:100%;height:100%;left:0;top:0;z-index:1;}
	.home .entry-content > .wp-block-group:first-of-type .wp-block-columns > * {position:relative;z-index:2;}

	}
	@media (max-width: 900px) {
	.page .entry-content > .wp-block-group:first-of-type .wp-block-columns {    flex-direction: column;}	
	}

@media (min-width: 1170px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
    .wp-block-navigation__submenu-container, .wp-block-navigation__submenu-container {    box-shadow: 0 0 15px -5px #777;}
    

}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

@media (max-width: 450px) {
	.entry-content {overflow:hidden;}
	h1 {font-size:27px;}
	h2 {font-size:25px;}
.home .entry-content > .wp-block-group:first-of-type {background-image:url(/wp-content/uploads/2024/11/hero-logistics-mask.webp)!important;background-position:bottom!important;}
.home .entry-content > .wp-block-group:first-of-type:before {content:none;}
.home .entry-content > .wp-block-group:first-of-type .wp-block-columns {padding-bottom:80vw!important;}

}