/*
	Theme Name: Esplais i Caus
	Theme URI: https://esplaisicaus.cat
	Description: Tema per al web d'Esplais i Caus
	Version: 1.4.3
	Author: Hiruu
	Author URI: https://hiruu.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
	font-weight: normal;
	font-style: normal;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:2px solid #04A4CC;
}

p { font-size: 14px; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.cont-flex { display: flex; width: 100%;}
.cont-block { display: block; }
.flex1 { flex: 1; }
.flex2 { flex: 2; }
.flex3 { flex: 3; }
.flex4 { flex: 4; }
.flex5 { flex: 5; }
.flex6 { flex: 6; }
.flex7 { flex: 7; }
.flex8 { flex: 8; }
.flex9 { flex: 9; }
.flex10 { flex: 10; }
.flex11 { flex: 11; }
.flex12 { flex: 12; }
.hidden { display: none; }
.marcado { border: 10px solid #ffc801; transition: 1s; }


.acf-map { width: 100%;	}
.acf-map img { max-width: inherit !important; }

div.block1 { display: none; }


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
footer.footer { padding-top: 55px; padding-bottom: 25px; background-image: url(/wp-content/uploads/2019/08/hero_footer.jpg); }
footer.footer p { padding-left: 15px; padding-right: 15px; }


/*------------------------------------*\
    HOME
\*------------------------------------*/

a.post-edit-link { display: none!important; }
.wp-block-separator.is-style-default { width: 5.5%; border-style: solid; border-width: 2px; color: #33ccff; }
hr.wp-block-separator.is-style-default { width: 5.5%; border-style: solid; border-width: 2px; color: #33ccff; }
.title { font-size: 30px; font-weight: normal; }
div.wp-block-cover-image { background-color: unset; background-size: unset; min-height: 270px; margin: unset;}
br.clear { display: none; }
.modal { display: block; background-color: white; margin-top: 15px; }
.tipos { background-color: #1982c0; padding-top: 30px; padding-bottom: 30px;}
.federacions { background-color: #6590da; padding-top: 50px; padding-bottom: 50px; }
.fitxa-federacio { font-family: sans-serif, 'Rubik', 'Helvetica Neue', Helvetica, Arial; padding-top: 10px; padding-bottom: 25px; border: 5px solid #ffc801; padding-left: 15px; padding-right: 15px;}
.fitxa-federacio div.info { padding-left: 25px; padding-right: 25px; font-size: 16px; }
.fitxa-federacio span.exit { width: 30px; height: 30px;position: relative; left: -5px; top: -5px; cursor: pointer; float: right; padding: 2px 5px 0px; border: 1px solid #ffc801;}
.fitxa-federacio span.exit::after { transform: rotate(45deg); }
.fitxa-federacio span.exit::before { transform: rotate(-45deg); }
.fitxa-federacio span.exit::before, .exit::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #444; }
.fitxa-federacio a { overflow-wrap: break-word; text-decoration: underline; color: blue; }
.finder-listings { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; max-width: 405px; background-color: white; overflow: auto; padding-top: 15px; padding-right: 5px;}
.federa_img { margin-right: 5px; margin-left: 5px;}



/*------------------------------------*\
    BUSCADOR
\*------------------------------------*/
.finder_box { position: relative; }
.busqueda .SumoSelect p.CaptionCont { display: inline-flex; color: white; border: 1px solid #04A4CC; outline: 0; padding: 20px; font-size: 14px; font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; border-radius: 10px; background-color: #479bcd; height: 65px; }
.busqueda .SumoSelect>.CaptionCont>span.placeholder { color: white; font-style: normal; }
.busqueda .SumoSelect>.CaptionCont>label>i { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px;  height: 0; left: 50%; margin-left: -4px; margin-top: -2px;  position: absolute; top: 50%; width: 10px; }
.busqueda .SumoSelect.open>.optWrapper { top: 60px; width: auto; }
.busqueda label.flecha { position: relative; }
.busqueda label.flecha input { display: none; }
.busqueda label.flecha::after { content: url('img/submit.jpg'); cursor: pointer; vertical-align: bottom; margin-left: 10px; }
.busqueda label.burguer { position: relative; padding-top: 1.8%; }
.busqueda label.burguer::after { content: url('img/burguer.jpg'); cursor: pointer; vertical-align: bottom; margin-right: 30px; }
.busqueda input::placeholder, .busqueda select option { color: #ffffff; font-size: 14px; font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.busqueda select option { padding: 15px; }
.busqueda input { color: white; border:1px solid #04A4CC; outline: 0; padding: 20px; font-size: 14px; font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; border-radius: 10px; background-color: #479bcd; height: 60px;}
.busqueda form select:not(:last-of-type),
.busqueda form input { margin-right: 20px; }
.busqueda { background-color: #1982c0; padding-top: 20px; padding-bottom: 20px; }
.busqueda .opt { text-align: left; }
.busqueda .sumo_tipo div,
.busqueda .sumo_barri div { left: 15px; }
.busqueda .sumo_districte div { left: 5px; }
.sumo_federacio { width: 175px; }
.sumo_tipo { width: 180px; }
.sumo_districte { width: 160px; }
.sumo_barri { width: 180px; }
.SumoSelect > .CaptionCont > label { cursor: pointer; }
.SumoSelect > .CaptionCont > label > i { background-image: unset; cursor: pointer; }




/*------------------------------------*\
    MAP
\*------------------------------------*/
.acf-map { height: 560px; }



/*------------------------------------*\
    CARDS
\*------------------------------------*/

.federacions div[data-id="95"] .federa_img { background-position: unset !important; }
.results-view .marker h4 { color: #666666; font-size: 14px; font-weight: normal; font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; border-bottom: 3px solid #ffc801; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;}
.results-view .marker h3 { color: #666666; font-size: 18px; font-weight: bold;  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.results-view .marker h5 { color: #666666; font-size: 13px; font-weight: normal;  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.ojo { padding-left: 45px; font-size: 14px; font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.ojo:before { content: " "; background-image: url(img/icons/ojo.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 10px; left: 10px; padding: 14px 14px; }
.results-view .marker { padding-left: 15px; }




/* CSS BAILAR MADRID */

/** addclass('collapsed')**/
.finder-container.collapsed #hide_desk { width: 0; }
.finder-container.collapsed #show_desk { width: 160px; }
.finder-container.collapsed .fl-head { margin-top: 50px; }
@media(min-width: 1201px) {
	.finder-container.collapsed .finder-search { margin-left: -25%; }
}

/** addclass('firstload')**/
.finder-container .finder-listings.firstload .fl-head,
.finder-container .finder-listings.firstload .viewmore,
.finder-container .finder-listings:not(.firstload) .welcome,
.finder-container .finder-listings .welcome .resp,
.finder-container .finder-listings .welcome .tablet,
.finder-container .finder-listings .noresults { display: none; }

/** addclass('maphovered')**/
.finder-container .results-view .card .front.maphovered { background: #f0f0f0; }



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-Light.ttf') format('truetype'); font-weight:lighter; font-style:normal; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-LightItalic.ttf') format('truetype'); font-weight:lighter; font-style:italic; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-RegularItalic.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-BoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-Black.ttf') format('truetype'); font-weight:900; font-style:normal; }
@font-face { font-family:'Rubik'; src:url('fonts/Rubik-RegularItalic.ttf') format('truetype'); font-weight:900; font-style:italic; }



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}

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

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

}
@media only screen and (max-width:768px) {
.SumoSelect { width: 100%; }
p.CaptionCont.SelectBox { width: 100%; margin-bottom: 15px;}
#paraula { width: 100%; margin-top: 15px; }
.finder_box { position: relative; width: 100%; height: 250px; }
.federacions { margin-top: 300px; }
.finder-listings { padding-right: unset; }
.acf-map { height: 350px; position: relative;  overflow: hidden; top: 245px; }
.block1 { padding-left: 15px; padding-right: 15px; }
div.wp-block-cover-image { max-height: 200px; }
.federacions .flex1 { margin-bottom: 70px; }
.wp-block-cover-image.has-background-dim.alignfull img { max-width: 80%; }
.busqueda { padding-left: 15px; padding-right: 15px; }
.cont-flex { display: block; }
.noresp { display: none; }
.flex12r { flex: 12; }
.flex1r { flex: 1; }
hr.wp-block-separator.is-style-default { width: 15.5%; }
div.busqueda { min-height: 425px; }
.busqueda form input,
.busqueda form select { margin-left: unset!important; margin-right: unset!important; margin-bottom: 15px; }
.busqueda form input,
.busqueda form select { width: -webkit-fill-available; }
.busqueda label.flecha::after { content: url(img/submit.jpg); display: block;  position: unset; cursor: pointer; margin-top: 15px; }
.busqueda label.burguer::after { content: url(img/burguer.jpg); display: block;  position: unset; cursor: pointer; margin-top: 15px; margin-right: 0px; }
.footer a { margin: unset; }
}

@media only screen and (max-width:1280px) {
.noresp { display: none;}
.federacions { padding-right: 15px; padding-left: 15px; }
}

@media only screen and (max-width:1680px) {
.noresp { flex: 1;}
}

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}