/* Tipographies */

@font-face {
	font-family: 'apercu';
	src: url('../fonts/apercu-bold-pro.woff2') format('woff2'),
		url('../fonts/apercu-bold-pro.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'apercu';
    src: url('../fonts/apercu-regular-pro.woff2') format('woff2'),
         url('../fonts/apercu-regular-pro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Big Caslon Reg';
    src: url('../fonts/BigCaslonFB-Regular.woff2') format('woff2'),
         url('../fonts/BigCaslonFB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*	Misc
	---- */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #F1E8DD; color: #000; font-family: 'apercu', Arial sans-serif; }

a{ color: #000; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;}
a:hover, a:focus{ color: #000; text-decoration: none; outline:none;}
input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }

input, textarea { border-radius: 0; -webkit-border-radius: 0; }
textarea { resize: none; }
input:focus{ outline: none}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus{ outline: none}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

::-webkit-input-placeholder {color: rgba(30, 30, 30, 0.5); }
:-moz-placeholder { color: rgba(30, 30, 30, 0.5); opacity: 1;}
::-moz-placeholder { color: rgba(30, 30, 30, 0.5); opacity: 1;}
:-ms-input-placeholder { color: rgba(30, 30, 30, 0.5);}

::-moz-selection { color: black;  background: #99CCFF; }
::selection      { color: black;  background: #99CCFF; }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}

p{ margin-bottom: 20px; margin-top: 0; }

.container-fluid{ max-width: 1280px; margin: 0 auto;}
.img-responsive{ width: 100%;}

.fullscreen{ width: 100%; height: 100vh; margin: 0; padding: 0;}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
.slick-slide, .slick-slide img { outline: none }

.fluid-embed{ position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 0; z-index: 2;}
.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; }
.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
.bg-parallaxed{ background-position: 50% 0;}


/*	Header
	------ */


/*	Homepage
	-------- */


/* FORM PAGE */
.article-container { min-height: 700px;}
.page-template-formulari { background-color: #F1E8DD;}
.form_section { font-family: "Maison Neue", Arial, sans-serif; background: url(../img/bg_intro.jpg) no-repeat; background-size: 100%; }
.bg_intro img { position: absolute; background-size: contain; width: 100%; height: auto; z-index: -1; }

.logo_gastroteca { display: flex; justify-content: center; padding: 100px 0 80px 0; }
.logo_gastroteca img { max-width: 565px; width: 80%; }
.form_section h1,
.form_section article p, .form_section article ul, .form_section h3 { max-width: 720px; margin: 0 auto; font-family: 'apercu', Arial sans-serif; }

.acf-form-fields { display: flex; flex-direction: column; max-width: 720px; margin: 0 auto; }
#formulari-container { background-color: #E0B09A; padding-bottom: 100px; padding-top: 3em; margin-top: 4em}


.quadre-recuperacio { margin-top: 3em; margin-bottom: 2em; }

.form_section h1 { font-size: 3.75vw; line-height: 1.2; font-weight: normal; font-family: "Big Caslon Reg"; padding-bottom: 40px; }
.form_section { font-size: 17px; line-height: 27px;  }
.form_section h3 { font-size: 21px; line-height: 31px; margin-bottom: 20px; margin-top: 20px }
.form_section p, .form_section ul { padding-bottom: 20px; }
blockquote p { color: rgba(30, 30, 30, 0.5); font-size: 15px !important; line-height:23px; padding-left: 30px; border-left: 1px solid rgba(30, 30, 30, 0.5); padding-bottom: 0 !important; margin-bottom: 20px; }


.form_section form input { background: transparent; border: 0; border-bottom: 1px solid black; color: black; padding: 0 0 5px 0 !important; font-size: 13px !important; line-height: 17px !important; }
.wp-block-image, .wp-block-image.resized{ margin-left: auto !important; margin-right: auto !important;}
.acf-fields>.acf-field { border: 0; }
/*.acf-fields>.acf-field:first-child { margin-top: -180px; padding-bottom: 150px; }*/
.acf-required { color: black; }
.acf-google-map { position: relative; border: 0; background: transparent; }
.acf-input-prepend { border-radius: 0; }
.acf-input-prepend,
.acf-input-append { background: transparent; border: 0; min-height: 26px; border-bottom: 1px solid black; padding: 0; color: rgba(30, 30, 30, 0.5); font-size: 13px; line-height: 23px; }
input.acf-is-appended,
.acf-input-append { border-radius: 0px !important; }

.acf-fields.-border { background: rgba(0,0,0,.05); padding: 20px; border: 1px solid black;}
.acf-field textarea { background: transparent; border: 1px solid black;}
.select2-container--default .select2-selection--multiple { background: transparent;}
.select2-container.-acf .select2-selection--multiple .select2-selection__choice { background: rgba(255,255,255,.5);}
.select2-container--default .select2-selection--multiple .select2-selection__choice { border-color: black; }

.form_section form input[type="submit"] { padding: 9px 0 9px !important;  width: 200px; margin: 50px auto 0; text-align: center; border: 1px solid #F1E8DD; color: #F1E8DD; cursor: pointer; text-transform: uppercase; font-size: 15px !important; }
.form_section form input[type="submit"]:hover { background: #F1E8DD; color: black; }
.acf-form-submit { max-width: 730px; margin: 0 auto; text-align: center; }
.form_section form.form-recuperacio input[type="submit"] { color: black; border-color: black}
.form_section form.form-recuperacio input[type="submit"]:hover { background: black; color: #F1E8DD; }
/* .acf-field-true-false { display: flex; justify-content: space-between; } */
.acf-error-message { margin-top: 20px;}
.acf-field.hidden {
	display: none; 
}
/* ADD GALLERY */
.acf-gallery .acf-gallery-main { background: transparent; }
#acf-field_5dbb23f16c1df { height: 234px !important; border: 0; }
.acf-gallery .acf-gallery-toolbar { padding: 10px; border-top: 0; background: rgba(0, 0, 0, 0.1); top: 186px}
.acf-field-gallery .acf-label { position: absolute; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 185px; margin: 0; z-index: 3; }
.acf-field-gallery label { background: url('http://formularis.gastroteca.cat/wp-content/themes/gastroteca/img/upload_icon.svg'); font-size: 0; height: 54px; width: 54px; top: 0; left: 0; margin-bottom: 20px !important; margin-top: 30px !important; }
.acf-field-gallery p:nth-child(3) { font-family: "Big Caslon Reg"; font-display: swap; font-style: normal; font-weight: normal; font-size: 20px; padding: 0; }
.acf-field-gallery p:nth-child(4) { color: #F1E8DD; font-size: 15px; padding: 0; line-height: 1; margin-top: 15px; }
.acf-gallery-attachments { background: rgba(0, 0, 0, 0.1); }
.acf-field-5e9e04f69ffcf .acf-label label { display: none; }
.acf-fields>.acf-field.acf-field-5e9e04f69ffcf { padding-top: 0; padding-bottom: 30px; }
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16c168>div.acf-input>p,
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16ba11>div.acf-input>p { font-size: inherit; font-weight: bold; font-family: 'apercu', Arial sans-serif; line-height: inherit;  }

.acf-relationship .selection .values,
.acf-relationship .selection .choices { background: rgba(0, 0, 0, 0.1); }
.acf-relationship .filters { border-bottom: 0; background: rgba(0, 0, 0, 0.1); margin-bottom: 5px; }
.acf-relationship { background: transparent; border: 0; }

.filters select,
.acf-fr select,
.acf-field select { background: rgba(0, 0, 0, 0.1); border: 0; height: 30px; }
.filters input[type="text"] { padding: 0 !important; }
.acf-fields>.acf-field { padding: 15px 0px; }
.acf-gallery .acf-gallery-side { border-left: none; }
.acf-url i { color: rgba(30, 30, 30, 0.5); left: 0; top: 0; }
.acf-field p.description { font-size: 17px; line-height: 27px; }

.jcf-checkbox,
.jcf-radio { background: rgba(0, 0, 0, 0.1) !important; border: 0 !important; margin: 3px !important; height: 40px !important; width: 40px !important; }
.jcf-checkbox input[type=checkbox] { cursor: pointer; }

:root .jcf-checkbox span:before, :root .jcf-radio span:before { content: 'Sí'; position: absolute; top: 0; left: 0; font-family: "Big Caslon Reg"; font-display: swap; font-style: normal; font-weight: normal; font-size: 21px; color: rgba(30, 30, 30, 0.5); display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; }
:root .jcf-checkbox span, :root .jcf-radio span { -moz-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; border: 0; top: 4px; left: 5px; border-radius: 0; background: transparent; bottom: auto; }

.acf-input { font-family: 'apercu', Arial sans-serif; }
.acf-field .acf-label { max-width: 80%; font-family: 'apercu', Arial sans-serif; }
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-gallery.acf-field-5dbb23f16c1df>div.acf-label { max-width: 100% !important; }

/*
.acf-field input[type="text"]:before,
.acf-input-wrap:before { content: ''; position: absolute; background-image: url('http://formularis.gastroteca.cat/wp-content/themes/gastroteca/img/arrow_side.svg'); width: 50px; height: 40px; background-repeat: no-repeat; opacity: 0; pointer-events: none; }

.acf-field input[type="text"]:focus::before,
.acf-input-wrap:focus::before { opacity: 1; }*/
/*
.acf-input-wrap input[type="text"],
.acf-input-wrap input[type="number"],
.acf-input-wrap input[type="url"] { margin-left: 40px; }
*/
.acf-input-wrap { /*margin-left: -40px; */line-height: 23px; }


#acf-field_5dbb23f16b440,
#acf-field_5dbb23f16b4b2,
#acf-field_5ed0c8ba2a81a,
#acf-field_5dca9b58428c3 { margin-left: 0 !important; border-radius: 0 !important; }

#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16b194>div.acf-label>label,
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16ba11>div.acf-label,
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16c003>div.acf-input { display: none; }

#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16b194>div.acf-input>h2,
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16ba11>div.acf-input>h2,
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16c003>div.acf-label>label,
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16c168>div.acf-label>label { color: #F1E8DD; font-family: "Big Caslon Reg"; font-display: swap; font-style: normal; font-weight: normal; font-size: 39px; line-height: 46px; font-weight: normal; padding-top: 50px; padding-bottom: 20px; }

.acf-field-5dc322b31eea5 .acf-input,
.acf-field-5dc322fa1eea6 .acf-input,
.acf-field-5dc323e21eea7 .acf-input,
.acf-field-5dc323f01eea8 .acf-input,
.acf-field-5dc323f91eea9 .acf-input { margin-left: -40px; }

/*#acf-field_5dbb23f16b0b0>div.title>input::placeholder { color: black; }
#acf-field_5dbb23f16b0b0>div.title>input { font-family: "Big Caslon Reg"; font-display: swap; font-style: normal; font-weight: normal; color: black; font-size: 21px !important; line-height: 30px !important; border-bottom: 1px solid black; margin-bottom: -1px; }*/
#acf-field_5dbb23f16b0b0>div.title>input { border-bottom: 1px solid black; }
.acf-google-map .title .search { height: auto; margin-bottom: 15px }
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-google-map.acf-field-5dbb23f16b0b0.is-required>div.acf-label>p  { font-size: 14px; line-height: 1.42857143; color: rgba(30, 30, 30, 0.5); }
#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-google-map.acf-field-5dbb23f16b0b0.is-required>div.acf-label>p a { font-size: 14px; line-height: 1.42857143; color: rgba(30, 30, 30, 0.75); text-decoration: underline; }
.acf-checkbox-list .jcf-checkbox, .acf-radio-list .jcf-radio { margin: 5px 10px 5px 0 !important; height: 20px !important; width: 20px !important; }
:root .acf-checkbox-list .jcf-checkbox span, :root .acf-radio-list .jcf-radio span { left: 12px; top: 8px; width: 5px; height: 10px; border: solid #F1E8DD; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
:root .acf-radio-list .jcf-radio span { left: 7px; top: 3px; }
.acf-checkbox-list .jcf-checkbox.jcf-checked, .acf-radio-list .jcf-radio.jcf-checked { background: #C26033 !important; }
.jcf-focus, .jcf-focus * { color: #F1E8DD !important; border-color: #F1E8DD !important; }
.acf-rel-item .thumbnail { display: none; }
.bg_desktop { display: block; }
.bg_mobile { display: none; }
.acf-radio-list .jcf-radio { border-radius: 0; cursor: pointer;}
ul.acf-checkbox-list li label, ul.acf-radio-list li label { font-family: "Big Caslon Reg"; font-display: swap; font-style: normal; font-weight: normal; display: flex; align-items: center; color: black; padding: 7px 0; font-size: 15px; cursor: pointer;}
.acf-gallery .acf-gallery-toolbar .acf-hl li { display: flex; align-items: center; height: 30px; }

.acf-field-true-false { position: relative; }
.acf-field-true-false > .acf-input { /* position: absolute; top: 0; right: 0;*/ float: left; } 
.acf-error-message p { font-size: 13px; padding-bottom: 0; }
.acf-field-true-false.acf-field .acf-label { float: left; min-width: calc(100% - 60px); max-width: calc(100% - 60px); }

.acf-field.acf-field-gallery .acf-error-message { position: absolute; left: 0; width: 100%; bottom: -55px; }
.acf-field.acf-field-gallery { margin-bottom: 50px; }
.acf-field-5dcaaca049990 .acf-label { max-width: 100%; }

.acf-field .acf-label label { font-family: 'apercu', Arial sans-serif; font-weight: bold; }
.acf-taxonomy-field .categorychecklist-holder { border: 0; }
.acf-field-true-false .acf-input { margin-left: 14px; }
.acf-field.acf-field-5dcaaca049990 .acf-label label { font-weight: normal; }

.select2-container--default .select2-selection--single { background-color: rgba(0, 0, 0, 0.1); border: 0; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: black; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: black transparent transparent transparent; }
.acf-icon.grey { background: rgba(0, 0, 0, 0.2); }
a.acf-icon.grey:hover { background: black; }

.acf-repeater>table { border-color: transparent; background: transparent; }
.acf-repeater .acf-row-handle.order { text-shadow: none; color: rgba(0,0,0,.75);}
.acf-table>thead>tr>th { background: transparent; }
.acf-table>tbody>tr>th, .acf-table>tbody>tr>td, .acf-table>thead>tr>th, .acf-table>thead>tr>td { background: rgba(0, 0, 0, 0.1); }
.acf-table>thead>tr>th { border-color: rgba(0, 0, 0, 0.1); }
.acf-repeater .acf-row-handle.order { background: rgba(0, 0, 0, 0.1); }
.acf-repeater .acf-row-handle.remove { background: rgba(0, 0, 0, 0.1); border-left-color: rgba(0, 0, 0, 0.1); }
.acf-repeater .acf-row-handle.order+td { border-left-color: rgba(0, 0, 0, 0.1); }
a.acf-icon { background: #F1E8DD; border-color: #F1E8DD; color: rgba(0, 0, 0, 0.5); }
a.acf-icon:hover, a.acf-icon.-minus:hover, a.acf-icon.-cancel:hover { background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.1);}
.form_section form .acf-repeater input:not(input[type="text"]) { border: 0; }
.form_section form .acf-repeater .acf-fields { padding-left: 20px !important; padding-right: 20px !important; }


/*	Footer
	------ */

.logo_footer img { max-width: 50%; display: flex; margin: 0 auto;}
.footer_section { padding: 50px; background: #F1E8DD; display: flex; flex-direction: column; padding-top: 7em; }
.footer_section > div { display: flex; flex-direction: column; }
.footer_section .credits { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 30px 0 0; }
.footer_section > div:nth-child(2) { display: none; }
.footer_section .logos_list { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.footer_section .logos_list div { padding: 60px 20px; }
.footer_section .logos_list div img { max-width: 190px;}
.footer_desktop { display: flex; }


.page-id-3832 #formulari-container, .page-id-3832 .footer_section,
.page-id-20794 #formulari-container, .page-id-20794 .footer_section { background-color: #AABCB9; }
.page-id-4285 #formulari-container, .page-id-4285 .footer_section { background-color: #E0B09A; }
.page-id-3832 #wrapper[data-perfil="restaurant"] #formulari-container, .page-id-3832 #wrapper[data-perfil="restaurant"] .footer_section,
.page-id-20794 #wrapper[data-perfil="restaurant"] #formulari-container, .page-id-20794 #wrapper[data-perfil="restaurant"] .footer_section { background-color: #989E82; }

.instagram-section {
	display: none;
}

/* RESPONSIVENESS */
@media only screen and (max-width: 768px) {
	.footer_desktop img { width: 100%; padding: 0 20px; }
}

@media only screen and (max-width: 767px) {
	.form-recuperacio .acf-label { margin-left: 30px; }
	.form_section { background-image: url(../img/bg_intro_mobile.jpg); }
	.form_section h1 { line-height: 1; font-size: 45px; padding-bottom: 50px !important; font-display: swap; font-style: normal; font-weight: normal; }
	.form_section h1,
	.form_section article p, .form_section article h3 { padding: 0 30px 20px 30px; }
	.acf-fields>.acf-field:first-child { padding: 0 30px 150px; }
	.acf-fields>.acf-field { padding: 10px 30px; }
	#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16c168>div.acf-input>p,
	#acf-form>div.acf-fields.acf-form-fields.-top>div.acf-field.acf-field-message.acf-field-5dbb23f16ba11>div.acf-input>p { padding: 0; }
	.acf-field-gallery .acf-label { left: 0; }
	.acf-field-gallery p:nth-child(3) { padding: 0 50px; text-align: center; }
	.acf-field-gallery label { margin-bottom: 10px !important; margin-top: 0px !important; }
	.bg_desktop { display: none; }
	.bg_mobile { display: block; }
	.logo_gastroteca { padding: 90px 0 50px 0; }
	.acf-gallery .acf-gallery-toolbar .acf-hl li { max-width: 50%; }
	.footer_section { padding: 50px 20px; }
	.footer_section > div:first-of-type { display: none; }
	.footer_section > div:nth-child(2) { display: block; }
	.footer_section > div { display: block; font-size: 11px; padding: 20px 10px; }
	.footer_items { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 30px; }
	.footer_items div { width: 50%; }
	.footer_items div img { width: 85%; padding: 0 10px; }
	.main_logo_footer { padding: 30px 0 0; }
	.logo_footer img { max-width: calc(100% - 20px); }
}