/*
Theme Name: eazy one
Theme URI: https://cuines-gelabert.com
Description: Webpage of Cuines Gelabert Sineu Mallorca
Version: 1.0
Author: Steffen Schmitt
Author URI: http://www.freshandeazy.com
Tags: mallorca, sineu, cuines, interior, fuster, mobles de disseny

font-family: 'Roboto', sans-serif;

@media only screen and (min-width: 768px) { }

*/

@import "css/reset.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');

body { margin: 0 auto; background: white; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size:1rem; line-height:1.4; color:#000; }
html, body { height:100%; }
html {scroll-behavior: smooth;}
* {margin: 0;padding: 0;box-sizing: border-box;}

.cky-revisit-bottom-left {display: none;}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.borderline { clear: both; border-bottom:2px solid #b6b8ba; height:10px; padding:10px 0px 20px 0px; display:block; }
.separator { clear: both; border-bottom:thin solid #b6b8ba; height:10px; padding:10px 0px 20px 0px;  }
.hidden { display:none; }

.aligncenter, div.aligncenter { display: block; }
.alignleft {float:none;}
.alignright {float:none;}
.center {float:none; }
.wp-caption {border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
.textalignright { text-align:right; } 
.textaligncenter { text-align: center; } 
.fullwidth { width:100%; height:auto; }

p {margin:1rem auto;}
em {font-style: italic;}

a { color:#231f20; font-weight:700; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover { text-decoration:underline; color:#f15f67; }

h1 {font-weight: 300; font-size: clamp(2.5rem, 4vw, 3.5rem);line-height: 1.1;letter-spacing:.25rem; margin: 2rem auto !important;}
h2 {font-weight: 700; font-size: clamp(2.25rem, 3vw, 3rem); line-height: 1.4;text-transform: uppercase;letter-spacing:.5rem; margin: 3rem auto;}
h3 {font-weight: 700; font-size: clamp(1.5rem, 2vw, 2.25rem); line-height: 1.4;}
h4 {font-weight: 300; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1;}

header { width:100%; position: relative; z-index: 990;}
hgroup { padding:0; margin:0 auto;  }
#logo { margin:0 auto; width:60vw; float: left; }
#logo img {width: clamp(16rem, 55vw, 22rem); height:auto; }
.home #logo img {/*display: none;*/}
#hd-widget-left {float: left;width: 20vw;margin: 0 auto;}
#hd-widget-right {float: right;width: 20vw;margin: 0 auto;}
#hd-widget-right ul li {text-align: center; margin:1.5rem auto;}
select#lang_choice_polylang-2 {border: none;background: none;font-size: .75rem;font-weight: bold;text-transform: uppercase;}

@media only screen and (min-width: 768px) {
.alignleft {float:left; }
.alignright {float:right; margin-right:0;}
.center {float:left; margin-left:4.4%; }
.hidden { display:block !important; }
}

/*  m a i n - n a v  */

#main-nav {display: none;}
/*#main-nav { width:100%; text-transform:uppercase; position:relative; letter-spacing:4px; margin:33px auto; text-align:center; overflow:hidden; }
#main-nav ul { position: relative;float: left;left: 50%;margin: 0 auto;padding: 0; }
#main-nav li { font-size:12px; line-height:1px; position: relative; float:left; right:50%; margin-right:5px; padding:0px 9px; list-style:none; border-right:thin solid #fff; }
#main-nav li:last-child { border-right:none; }
#main-nav a { text-decoration:none; font-weight:400; color:#fff; display:block; padding:5px 3px;  }
#main-nav a:hover { text-decoration:none; color:#fff; }*/

/*   l a n g u a g e   m e n u   */
/*#lang-menu { height:20px; width:auto; float:left; margin-top:5px; }
#lang-menu ul { list-style: none; }
#lang-menu li { margin:-3px 0 0 0; float:none !important; }*/



@media only screen and (min-width: 768px) {
	/*#lang-menu li { float:left !important; margin:0 0 0 5px !important; }*/
	 }

.homeslider {width: 100%; height: auto; margin:0 auto; position: relative; z-index: 600; }
/*.homeslider {margin:-8.5rem auto 0;}*/
.n2-ss-slider p {font-family: din-2014, sans-serif;}
.screen {display: none;}
.mobile {display: block; clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);}

@media only screen and (min-width: 768px) {
	.screen {display: block; clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);}
	.mobile {display: none;}
	.homeslider {margin:0 auto;}
	/*.homeslider {margin:-9.5rem auto 0;}*/
}

/*    c o n t e n t -  a r e a    */

#arrow_down { margin:0 auto 0 -16px; position:absolute; top:85%; left:50%; }

.headline-box { width: 95%; padding:0; margin:0 auto; position:relative; top:25%; }
@media only screen and (min-width: 768px) {
.headline-box { width: 95%; max-width:1000px; position:relative; top:44%; }
#window h1 { font-size:58px; line-height:100px; }
}

#refs {padding: 0 0 5rem 0;}
div.ref-gallery img {padding: 0 .5rem;}


#sidebar h3 { color:#58595b; }
#sidebar ul { border-left:1px solid rgba(0,0,0,0.1); }
#sidebar ul li { margin: 10px 25px; padding:15px 0px; font-size:12px; text-transform:uppercase; letter-spacing:2px; }
#sidebar ul ul { border: none; }
#sidebar ul ul li { margin: 0;  }
#sidebar ul ul li a { display:block; }

#content-wrap, #contact-wrap {width: 100%; height:auto; position:relative; z-index:700; }
#content-wrap {margin: 0 auto; padding: 3rem 0 0; }
#contact-wrap {margin: 0 auto;}
.content { max-width:1600px;height:auto; margin:0 auto; }

.white { }
#content-wrap .content { padding:4rem 0; width:90%;}
#content-wrap .instagram {/*padding:0 0 5rem 0; width: 100%; height: auto; margin:0 auto;*/ display: none;}



#contact-wrap .content {padding:0 0 1.25rem 0; width:90%; position: relative;}
.contact { background-color: rgba(140,142,144,1); /*background-image: url(https://cuines-gelabert.com/wp-content/uploads/2024/06/facana-cuines-gelabert.jpg); background-repeat: no-repeat;*/  color: rgba(255,255,255,1);  }

.contact:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.44;
  background-image: url(https://cuines-gelabert.com/wp-content/uploads/2024/06/facana-cuines-gelabert.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size:contain;
}

.content, .map {
  position: relative;
}

.contact a {color: rgba(255,255,255,0.66);}
.contact a:hover {color: rgba(255,255,255,1);}
.contact img {width: 60%; height: auto;}
.contact .headline  {margin: 0 auto; padding:2rem 0; position: relative;}
.contact h2 {margin: 3rem auto 0; width: 90%; }


@media only screen and (min-width: 768px) { 
	#content-wrap .content { width:75%;}
	/*.contact {background-size: contain;}*/
	
	.grid_1-2 { width:47.8%; display:block; } 
	.grid_1-3 { width:30.4%; display:block; }
	.grid_1-4 { width:21.7%; display:block; } 
	.grid_1-1 { width:100%; display:block; }
	.grid_3-4 { width:73.9%; display:block;}
	.grid_2-3 { width:65.2%; display:block; }
}

#box img { display: block !important; width:100%; height:auto; margin-bottom:20px; }
#box p { display:none; }
#box ul { margin:20px auto auto 10px; }
#box ul li { font-size:1.25rem; text-transform:uppercase; letter-spacing:2px; padding:1rem 0; border-bottom:1px solid rgba(0,0,0,0.1);  }
#box ul li a { font-weight:400; }
#box ul li a:hover { font-style:italic; color:#f15f67; }
.reviews { background:url(images/review.png) top right no-repeat;}

h2.pf-cat {font-family: din-2014-narrow, sans-serif; font-weight:700; font-size: 4rem; line-height:0.8; margin: 0 auto; text-transform: uppercase; word-break: break-word; letter-spacing: -3.5px; }

@media only screen and (min-width: 768px) { 
	#box { padding-top:1rem; }
	#box p { display: block !important; } 
}
	
/*    s u b p a g e s     */

h1.subpage { margin:4rem auto 0 0; display:inline-block;  }
#content-sub {width: 90%; max-width: 1600px; margin:0 auto;}

.article-image { margin-top:-431px; position:relative; z-index:600; width:100%; height:auto; }

blockquote p { font-size: 110%; line-height: 1.5; }

#boxmenu { }
#boxmenu ul { margin:15px auto;   }
#boxmenu li { font-size:13px; padding:6px 0px 3px 0px; border-bottom:thin dotted #b6b8ba; }
#boxmenu li a { color:#999; font-weight:400; text-decoration:none; }
#boxmenu li a:hover { color:#f15f67; }


/*    a r t i c l e   s t y l e s    */
article {   }
.bordertop { margin:15px auto; padding:30px 0px; border-top:1px solid rgba(0,0,0,0.1); }
.borderbottom { margin:15px auto; padding:30px 0px; border-bottom:1px solid rgba(0,0,0,0.1); }
article h3 { color:#58595b; }
article img {  }
article .ai1ec-single-event img { width:auto !important; height:auto !important; }
article footer { width:100%; margin:11px auto; text-align:center; background:none;  }
article footer a { font-weight:400; }
.infobox { background: url(images/i-box_bg.png) bottom right no-repeat #e3e4e4; width:90%; height:auto; padding:5%; display:block;  }
.infobox a { font-weight:700; }
img.portrait { border-radius: 50%; }
img.qrcode { width:150px !important; }
a.more-link { font-size:14px; display:inline-block; background:#58595b; padding:5px 15px; color:#fff; font-weight: 400; letter-spacing:4px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 auto; float:right; } 
a:hover.more-link { background:#f15f67; }


/*    f o o t e r      */

footer { background-color: rgba(140,142,144,1); width:100%; height:auto; margin:0 auto; padding:2.5rem 0; font-size:.875rem; color:#fff; text-align: center;  }
footer ul {margin-bottom: 1rem;}
footer .footer-wrap {width:90%; max-width: 1600px; margin: 0 auto;}
footer .socials img {width: 80px; height: auto;}
footer a {color:rgba(255,255,255,1);}
footer a:hover {color:rgba(255,255,255,0.55);}
footer .textalignright { text-align:center; } 

@media only screen and (min-width: 768px) { 
.menu-infos-container { margin:0 auto;  }
.footermenu li li { float:left; margin:0 5px; }
	footer {text-align: inherit;}
	footer .textalignright { text-align:right; } 
	footer .textaligncenter { text-align:center; } 
}



/*       f o r m s         */
.formbox h4 { color:#10BABC; font-size:39px; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
.wpcf7 p { margin-top:1rem; font-size:12px; text-transform: uppercase; }
label.screen-reader-text { display:none; }
input, textarea {  width:100%; display:block; background:#fff; padding:.25rem .5rem; font-size:1rem; line-height:1.5; border:none; border-radius: 0;  }
input[type="submit"] { color: #fff; background: none; cursor: pointer; font-size:.875rem; padding:.25rem 1.5rem; width: auto; border:.25rem white solid; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="submit"]:hover { background: #000; color:#fff; border:.25rem black solid; }

#cookie-notice .cookie-notice-container { font-family: din-2014, sans-serif !important;}
.button-black {border-radius: 0 !important; background: black; font-family: din-2014, sans-serif !important; color:white; padding: .25rem .5rem !important; border:black 4px solid !important;}
.button-black:hover {background: none; color:black; }


/*      r e s p o n s i v e    m e n u          */
button#responsive-menu-button { top: 50% !important; margin-top:-32px !important;}
#responsive-menu-container {/*top: 15% !important; bottom: 15% !important;*/}
#responsive-menu-wrapper {padding:50% 0 0 !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-family: din-2014-narrow, sans-serif; font-size:2rem; font-weight: 300; text-transform: uppercase;}

div.black-button {text-align:center; padding:3rem 0 5rem;}
div.black-button a {background-color:black; width: auto; color:white; display:inline-block; padding:.25rem 1rem; border:3px solid black;}
div.black-button a:hover {background-color:white; color:black; }


.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: .25rem !important;}

@media only screen and (min-width: 768px) { 
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: .5rem !important;}
}