*{font-family: 'Source Sans Pro', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display', serif; font-weight: 600}

a:visited, a:focus,a {color: #000;}
.lh-1{line-height: 1}
.logo-header{width: 350px; height: 50px; margin-top: 15px; background: url('../img/logo-garden-marfranc.png'); background-repeat: no-repeat; background-size: auto 100%; background-position: center; display: block; text-indent: -9000em}

#masthead{top:0px;}
.menu-home{margin-left: 15px; margin-right: 15px;}
.menu-home a{color:#000; text-decoration: none; display: flex; width:100%;}
.menu-home .col-4{background-size: cover;}
.menu-home h6{margin:0px; font-size: 1.2rem}
.menu-home p{margin-top: 0px; margin-bottom: 15px; line-height: 1.2; font-size: .9rem; color:#333;}
.menu-home .button{background: #000; color:#fff; text-decoration: none; padding:5px 10px; width:fit-content;}
.menu-home .row{margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #f0f0f0}

button.menu-toggle{background: transparent;border:0px; float: right;}
.menu-icon{width:30px; height: 30px;}

.video-holder{background-position: center;background-size: contain;background-repeat: no-repeat;margin-top: 4em}
.video-holder h1{font-size: 2.5rem; color:#fff; padding-left: 1em; padding-right: 1em;}
.video-holder .button{width: fit-content;margin-left: auto;margin-right: auto;padding: 1em 2em;background: rgba(255,255,255,0.8);}

#colophon{ margin-top: 30px; }
#colophon .row .col-6 ul{margin:0; padding:0;margin-bottom: 20px;}
#colophon .row .col-6 ul li{list-style: none;}
#colophon .row .col-6 ul li a{text-decoration: none;color:#000;}
#colophon .row .col-6 .f2{font-family: 'Playfair Display'; line-height: 1; margin-bottom: 10px; font-size: 1.5rem}
#colophon .row .col-6 ul.social li{float: left; margin-right: 10px}
#colophon .row .col-6 ul.social li:last-child{margin-right: 0px}
#colophon .row .col-6 ul.social li img{width:35px; height: 35px}
.bg-grey-light{background: #f0f0f0}
.site-info{padding:15px; text-align: center; margin-top: 20px;}


.banner.hashtag{background-image: url('http://cocktailbar.marfranc.com/wp-content/uploads/2020/06/banner-hashtag.jpg');padding: 1em;background-size: 130%;background-repeat: no-repeat; position: relative; z-index: 0}
.banner.hashtag:after{position: absolute; content:" "; display: block; width:100%; height: 100%; background: rgba(255,255,255,0.25); top:0; left:0;z-index: -1}
.banner.hashtag h4{margin:0; font-size: 2rem; color:#000; line-height: 1}
.banner.hashtag p{line-height: 1.3; width:80%; color:#000;}
.banner.hashtag .button{padding:10px 20px; font-size: 1.2rem; font-family: 'Playfair Display', serif; font-weight: 600; background: #fff; width:fit-content;-webkit-box-shadow: -2px 3px 17px -8px rgba(0,0,0,0.45);-moz-box-shadow: -2px 3px 17px -8px rgba(0,0,0,0.45);box-shadow: -2px 3px 17px -8px rgba(0,0,0,0.45);}

.banner.about-us{background-image: url('http://cocktailbar.marfranc.com/wp-content/uploads/2020/06/garden04.jpg');padding: 3em 1em;background-size: 130%;background-repeat: no-repeat; position: relative; z-index: 0}
.banner.about-us:after{position: absolute; content:" "; display: block; width:100%; height: 100%; background: rgba(0,0,0,0.25); top:0; left:0;z-index: -1}
.banner.about-us h4{margin:0; font-size: 1.8rem; color:#000; line-height: 1; color:#fff;}
.banner.about-us p{line-height: 1.3; width:80%; color:#000;color:#fff;}
.banner.about-us .button{padding: 5px 20px; font-size: 1.2rem; font-family: 'Playfair Display', serif; font-weight: 600; background: #fff; width:fit-content;-webkit-box-shadow: -2px 3px 17px -8px rgba(0,0,0,0.45);-moz-box-shadow: -2px 3px 17px -8px rgba(0,0,0,0.45);box-shadow: -2px 3px 17px -8px rgba(0,0,0,0.45); color:#000; text-decoration: none;}


.post-title-menu{font-family: 'Playfair Display', serif; font-weight: 600; font-size: 1rem}
.precio-1{font-weight: bold; line-height: 1}
.post .entry-header{text-align: center; font-size: 80%}
.post-content-loop{display: flex; flex-wrap: wrap; justify-content: initial;}
.post-content-loop:after{content:" "; display: block; flex: 0 0 48%;}
.post-content-loop article{flex: 0 0 48%;}
.image-loop{width:100%; padding-top: 75%; background-size: auto 100%; background-position: center; background-repeat: no-repeat;}

.entry-content{padding:0 20px;}
.entry-title{text-align: center;}
.entry-content ul {padding: 0px; list-style: circle; margin-bottom: 0px}

.title-bg{background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0}
.title-bg h1{color:#fff; font-size:2.5rem; line-height: 1}
.title-bg:after{content:" "; background: rgba(0,0,0,0.2); position: absolute; top:0; left:0; width: 100%; height: 100%;z-index: -1}

.precios-ofertas{display: flex; align-items: center; justify-content: center;}
.precios-ofertas .precio-1{color:#e30101;}
.precios-ofertas .precio-tachado{text-decoration: line-through; color: #999; margin-left: 10px;}
.item .post-title-menu{text-align: center;}
.owl-nav{display: none;}
.owl-theme .owl-dots .owl-dot span {background: #fff !important;border: 1px solid #000;}
.owl-theme .owl-dots .owl-dot.active span{background:#000 !important; border:1px solid #000;}
.video-holder {display: none !important;}

@media (max-width: 790px){

	#masthead{position: absolute;z-index: 9999;width: 100vw;}

	.logo-header{width: 100%}

	#primary-menu{position: fixed;background: white;z-index: 99999;top: 0;right: 0;width: 75%;height: 100vh;-webkit-box-shadow: -200px 0px 23px 200px rgba(0,0,0,0.55);-moz-box-shadow: -200px 0px 23px 200px rgba(0,0,0,0.55);box-shadow: -200px 0px 23px 200px rgba(0,0,0,0.55); overflow-y: scroll}
	#primary-menu li a, #primary-menu li.our-menu{padding: 1em; font-size: 1.2rem; font-weight: 300; color:#000; border-bottom: 1px solid #f0f0f0}
	#primary-menu li.our-menu{font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 600; background:url('../img/close.svg'); background-size: 30px 30px; background-position: 90%;background-repeat: no-repeat;}
	.sub-menu{width: 100%;background: #f0f0f0;position: relative !important;box-shadow: none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;margin-bottom: 1em}
	.sub-menu li a{border-bottom: 1px solid #ddd !important; width: 100% !important}

	.menu-item-has-children a{background-image: url('../img/arrow-d.svg'); background-size: 15px 15px; background-position: 90%; background-repeat: no-repeat;}
	.menu-item-has-children.focus a{background-image: url('../img/arrow-u.svg');}
	.main-navigation ul ul{display: none !important; float: none !important}
	.menu-item-has-children.focus ul{display: block !important}
	.menu-item-has-children.focus ul li a{background: none}

	.video-holder{position: relative; max-height: 70vh; min-height: 70vh; overflow: hidden; display: flex; align-content: center; justify-content: 
		center;flex-direction: column;text-align: center;}
	.video-holder video{position: absolute; z-index: -1; max-height: 70vh; right: -75%}

	#site-navigation{display: flex;justify-content: flex-end;width: 65px}
	#lang-select{display: flex; align-items: center; justify-content: flex-end;}
	#lang-select button{text-transform: uppercase;padding: 0;background: transparent;border: 0;width: 40px;height: 30px;line-height: 30px;vertical-align: middle;padding: 0.6em 0em 0.4em;float: right;margin-left: auto; display: flex; justify-content: center; align-items: center;}
	#lang-select button:after{content:" ";width: 10px; height: 10px; background: url('../img/arrow-d.svg'); margin-left: 5px; display: inline-block;}
	#languages{background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;display: none;}
	#languages .wpml-ls-legacy-list-horizontal{background: #fff; padding: 0px;    position: absolute;right: 0;height: 100%;}
	#languages .wpml-ls-legacy-list-horizontal ul li{display: flex; flex-direction: column; width: 75vw; text-align: center;z-index: 99999;}
	#languages .wpml-ls-legacy-list-horizontal ul li a{padding:1em; border-bottom: 1px solid #f0f0f0;font-size: 1.2rem;}
	.select-language-menu{font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 600; background:url('../img/close.svg'); background-size: 30px 30px; background-position: 90%;background-repeat: no-repeat;text-align: left;
    padding: 1em 1em; border-bottom: 1px solid #f0f0f0; text-align: left !important;}

    .menu-item.wpml-ls-item{display: none;}

    main#our-menu{margin-top:70px;}

}
@media (min-width:551px) and (max-width: 790px){
	button.menu-toggle{display: block;}
	#primary-menu{flex-direction: column; display: none;}
	.main-navigation.toggled #primary-menu{display: flex;}
	.video-holder video{position: absolute; z-index: -1; max-height: 70vh; right: -38%}
	.menu-item-has-children.focus ul{display: inline-block !important;}
}


@media (min-width: 791px) and (max-width: 1024px){
	.logo-header{width: 70%;}
	.container{width: 95%;padding: 0;}
	#lang-select{display: none;}
	.video-holder{width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;max-height: 60vh; min-height:60vh; flex-direction: column;}
	.video-holder video{position: absolute; z-index: -1;}
	#primary-menu{display: flex; justify-content: space-between;}
	ul.sub-menu{flex-direction: column; background: #fff; padding:20px;}
	#page{position: relative;}
	#masthead{position: absolute;z-index: 99;margin-left: auto;margin-right: auto;left: 0;right: 0;}#masthead .container .row{ padding-top:20px;}
	.menu-home{columns:2;}.menu-home .row{break-inside: avoid;}
	.menu-home.menu-cocktails{columns:1 !important;}
	.banners-holder .container{display: flex}
	.banner{width:50%; float: left; flex: 0 0 50%;}
	.post-content-loop article{flex: 0 0 33%;}
	.post-content-loop:after{content:" "; display: block; flex: 0 0 66%;}
	.menu-item.wpml-ls-item ul.sub-menu{right: 0; max-width: 140px}
}

@media (min-width: 1025px){
	.post-content-loop article{flex: 0 0 25%;}
	.post-content-loop:after{content:" "; display: block; flex: 0 0 75%;}
	.site-main.p4-top{padding-top: 4.5em;}
	.entry-header.title-bg{padding-top: 6em; padding-bottom: 6em;}
	.logo-header{margin-top: -11px}

	#lang-select{display: none;}
	.video-holder{width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;max-height: 60vh; min-height:60vh; flex-direction: column;}
	.video-holder video{position: absolute; z-index: -1;}
	#primary-menu{display: flex; justify-content: space-between;}
	ul.sub-menu{flex-direction: column; background: #fff; padding:20px;}
	#page{position: relative;}
	#masthead{position: relative;z-index: 99;margin-left: auto;margin-right: auto;left: 0;right: 0;}#masthead .container .row{ padding-top:20px;}
	.menu-home{columns:2;}.menu-home .row{break-inside: avoid;}
	.menu-home.menu-cocktails{columns:1 !important;}
	.banners-holder .container{display: flex}
	.banner{width:50%; float: left; flex: 0 0 50%;}
	.post-content-loop article{flex: 0 0 33%;}
	.post-content-loop:after{content:" "; display: block; flex: 0 0 66%;}
	.menu-item.wpml-ls-item ul.sub-menu{right: 0; max-width: 140px}

	.menu-item-has-children > a:after{content:" ";width: 10px; height: 10px; background: url('../img/arrow-d.svg'); margin-left: 5px; display: inline-block;}

	
}