/* Site Name: PROA Author: Stylesheet: Main Stylesheet */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) {display: none; height: 0; } [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body {margin: 0; } /* ========================================================================== Lists ========================================================================== */ dl, menu, ol, ul { margin: 0; } dd { margin: 0; } menu { padding: 0; } ol, ul { padding: 0; list-style-type: none; } nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ img {border: 0; } svg:not(:root) {overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; } .clearfix, .cf, .comment-respond { zoom: 1; } .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after { content: ""; display: table; } .clearfix:after, .cf:after, .comment-respond:after { clear: both; } span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important; font-style: italic; } /* ========================================================================== Typography ========================================================================== */ .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48} .material-symbols-outlined.wght200 { font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48 } abbr[title] { border-bottom: 1px dotted; } hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; } p {} pre {margin: 0; white-space: pre-wrap; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } q {quotes: "\201C" "\201D" "\2018" "\2019"; } q:before, q:after {content: ''; content: none; } small, .small {font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .upper { text-transform: uppercase; } @font-face { font-family: 'basier_circle_narrowregular'; src: url('fonts/basiercirclenarrow-regular-webfont.eot'); src: url('fonts/basiercirclenarrow-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-regular-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circle_narrowRgIt'; src: url('fonts/basiercirclenarrow-regularitalic-webfont.eot'); src: url('fonts/basiercirclenarrow-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-regularitalic-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-regularitalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family: 'basier_circle_narrowbold'; src: url('fonts/basiercirclenarrow-bold-webfont.eot'); src: url('fonts/basiercirclenarrow-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-bold-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circle_narrowBdIt'; src: url('fonts/basiercirclenarrow-bolditalic-webfont.eot'); src: url('fonts/basiercirclenarrow-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-bolditalic-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-bolditalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circle_narrowmedium'; src: url('fonts/basiercirclenarrow-medium-webfont.eot'); src: url('fonts/basiercirclenarrow-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-medium-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circle_narrowMdIt'; src: url('fonts/basiercirclenarrow-mediumitalic-webfont.eot'); src: url('fonts/basiercirclenarrow-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-mediumitalic-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-mediumitalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circle_narrowsemibold'; src: url('fonts/basiercirclenarrow-semibold-webfont.eot'); src: url('fonts/basiercirclenarrow-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-semibold-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-semibold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circle_narrowSBdIt'; src: url('fonts/basiercirclenarrow-semibolditalic-webfont.eot'); src: url('fonts/basiercirclenarrow-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercirclenarrow-semibolditalic-webfont.woff') format('woff'), url('fonts/basiercirclenarrow-semibolditalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circlebold'; src: url('fonts/basiercircle-bold-webfont.eot'); src: url('fonts/basiercircle-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-bold-webfont.woff2') format('woff2'), url('fonts/basiercircle-bold-webfont.woff') format('woff'), url('fonts/basiercircle-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circlebold_italic'; src: url('fonts/basiercircle-bolditalic-webfont.eot'); src: url('fonts/basiercircle-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-bolditalic-webfont.woff2') format('woff2'), url('fonts/basiercircle-bolditalic-webfont.woff') format('woff'), url('fonts/basiercircle-bolditalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circlemedium'; src: url('fonts/basiercircle-medium-webfont.eot'); src: url('fonts/basiercircle-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-medium-webfont.woff2') format('woff2'), url('fonts/basiercircle-medium-webfont.woff') format('woff'), url('fonts/basiercircle-medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circlemedium_italic'; src: url('fonts/basiercircle-mediumitalic-webfont.eot'); src: url('fonts/basiercircle-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-mediumitalic-webfont.woff2') format('woff2'), url('fonts/basiercircle-mediumitalic-webfont.woff') format('woff'), url('fonts/basiercircle-mediumitalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circleregular'; src: url('fonts/basiercircle-regular-webfont.eot'); src: url('fonts/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-regular-webfont.woff2') format('woff2'), url('fonts/basiercircle-regular-webfont.woff') format('woff'), url('fonts/basiercircle-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circleregular_italic'; src: url('fonts/basiercircle-regularitalic-webfont.eot'); src: url('fonts/basiercircle-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-regularitalic-webfont.woff2') format('woff2'), url('fonts/basiercircle-regularitalic-webfont.woff') format('woff'), url('fonts/basiercircle-regularitalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circlesemibold'; src: url('fonts/basiercircle-semibold-webfont.eot'); src: url('fonts/basiercircle-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-semibold-webfont.woff2') format('woff2'), url('fonts/basiercircle-semibold-webfont.woff') format('woff'), url('fonts/basiercircle-semibold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basier_circlesemibold_italic'; src: url('fonts/basiercircle-semibolditalic-webfont.eot'); src: url('fonts/basiercircle-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-semibolditalic-webfont.woff2') format('woff2'), url('fonts/basiercircle-semibolditalic-webfont.woff') format('woff'), url('fonts/basiercircle-semibolditalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } body, html, p { font-family: 'basier_circleregular'; font-weight: normal; font-style: normal; } b, strong, .strong {font-family: 'basier_circlebold'; font-weight: normal; font-style: normal; } dfn, em, .em {font-family: 'basier_circleregular_italic'; font-weight: normal; font-style: normal; } .basier {font-family: 'basier_circleregular'; font-weight: normal; font-style: normal; } .basier em {font-family: 'basier_circleregular_italic'; font-weight: normal; font-style: normal; } .basierbold, .basier strong, .basier b, .basier500 strong, .basier500 b, .basier600 strong, .basier600 b, .basier700, h1 strong {font-family: 'basier_circlebold'; font-weight: normal; font-style: normal; } .basierboldit, .basierbold em, .basier strong em {font-family: 'basier_circlebold_italic'; font-weight: normal; font-style: normal; } .basier500 {font-family: 'basier_circlemedium'; font-weight: normal; font-style: normal; } .basier500it, .basier500 em {font-family: 'basier_circlemedium_italic'; font-weight: normal; font-style: normal; } .basier600, h1 {font-family: 'basier_circlesemibold'; font-weight: normal; font-style: normal; } .basier600it, .basier600 em, h1 em {font-family: 'basier_circlesemibold_italic'; font-weight: normal; font-style: normal; } .narrow, .narrow p {font-family: 'basier_circle_narrowregular' !important; font-weight: normal; font-style: normal; } .narrow em {font-family: 'basier_circle_narrowRgIt'; font-weight: normal; font-style: normal; } .narrowbold, .narrow strong, .narrow b, .narrow500 strong, .narrow500 b, .narrow600 strong, .narrow600 b, .narrow700{font-family: 'basier_circle_narrowbold'; font-weight: normal; font-style: normal; } .narrowboldit, .narrowbold em, .narrow strong em {font-family: 'basier_circle_narrowBdIt'; font-weight: normal; font-style: normal; } .narrow500 {font-family: 'basier_circle_narrowmedium'; font-weight: normal; font-style: normal; } .narrow500it, .narrow500 em {font-family: 'basier_circle_narrowMdIt'; font-weight: normal; font-style: normal; } .narrow600 {font-family: 'basier_circle_narrowsemibold'; font-weight: normal; font-style: normal; } .narrow600it, .narrow600 em {font-family: 'basier_circle_narrowSBdIt'; font-weight: normal; font-style: normal; } p { word-break: normal !important; } /********************* GENERAL STYLES *********************/ body { font-family: 'basier_circleregular'; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; color: #000; background-color: #FFFFFF; -webkit-font-smoothing: antialiased; } p, h1, h2, h3, h4, h5 { line-height: 1.3} /********************* LAYOUT & GRID STYLES *********************/ .wrap { width: 88% !important; margin: 0 auto; max-width: 1360px; } .wrap75 { width: 80% !important; margin: 0 auto; max-width: 650px; } .wrap80 { width: 85% !important; margin: 0 auto; max-width: 890px; } .wrap50 { width: 60% !important; margin: 0 auto; max-width: 680px; } .wrap_full { width: 100% !important; margin: 0 auto; max-width: 100%; } .center, .Centre { text-align: center; margin: auto;} .Dreta { text-align: right; } .upper { text-transform: uppercase; } .wrap_100 { width: 100% !important; margin: 0 auto; max-width: 1700px; max-width: 100%; } .wrap_90 { width: 92%; margin: 0 auto; max-width: 1422px; } .wrap_flex { display: flex;} .full_blue { background-color: #364A60; position: relative; } .clear5 {clear: both; display: block; height: 5vw; max-height: 70px !important; width: 100% !important } .clear4 {clear: both; display: block; height: 4.16vw; max-height: 60px !important; width: 100% !important } .clear50 {clear: both; display: block; height: 3.472vw; max-height: 50px !important; width: 100% !important} .clear3 {clear: both; display: block; height: 2.917vw; max-height: 42px !important; width: 100% !important } .clear2 {clear: both; display: block; height: 2vw; max-height: 28px !important; width: 100% !important } .clear1 {clear: both; display: block; height: 1vw; max-height: 14px !important; width: 100% !important } .clear { clear: both; display: block; height: 1px; width: 100% !important} .clear_line { clear: both; display: block; height: 1px; background-color: #8e959d; width: 200%; margin: 2em 0 2em -100%;} .azul, p.azul a { color: #627984 !important;} .log-in { display: none; } .logged-in .log-in { display: block !important;} /* ========================================================================== Links ========================================================================== */ a {background: transparent; } a:focus { outline: 0 !important; } a:active, a:hover { outline: 0; } a, a:visited {color: #000000; } a:hover, a:focus, a:visited:hover, a:visited:focus {color: #000000; } a:link, a:visited:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { text-rendering: optimizelegibility; font-weight: normal !important; /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; margin: 0;} .flexible_titular h1, .flexible_titular h2, .flexible_titular h3, .flexible_titular h4, .flexible_titular p, .flexible_editor h1, .flexible_editor h2, .flexible_editor h3, .flexible_editor h4, .flexible_editor p { margin-bottom: 1em !important;} .flexible_editor h1, .flexible_editor h2, .flexible_editor h3 { margin-bottom: 0.7em !important;} h1, .h1 { font-size: 2.5em; line-height: 1.333em; margin: 0;} h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin: 0; } h3, .ch3 {line-height: 1.2em; margin: 0; letter-spacing: 0.01em;} h4, .h4 {font-size: 1.1em; font-weight: normal; margin: 0; } h5, .h5 { font-size: 0.846em; margin: 0;} p, img { margin: 0;} /********************* HEADER STYLES *********************/ #inner-header { display: flex; align-content: space-between; align-items: center; } #logo {width: 12%; margin: 0 3% 0 0 !important; } #logo img { width: 100%; margin: 0 auto; display: block; } #nav-section { width: 85%; } .wrap-nav { display: flex; margin: 0 0 0 auto; justify-content: flex-end; } .header-associat, .header-associat a { color: #fff !important; } .header-associat #logo {width: 47%; margin: 0 3% 0 0 !important; display: flex; align-items: flex-end; } .header-associat #logo img { width: auto !important; margin: auto 10px 0 0; } .header-associat #logo span { margin: auto 0 0 0 !important; line-height: 1em !important; } /********************* NAVIGATION STYLES *********************/ .nav {border-bottom: 0; margin: 0; } .nav li { display: inline-flex; vertical-align: middle; position:relative; } .nav li a { font-family: 'basier_circle_narrowregular'; font-weight: normal; font-style: normal; display: inline-block; color: #000; text-decoration: none; padding: 0.5em 0.8em; line-height: 1.22em; letter-spacing: 0.01em;} .nav li.boto a { text-transform: uppercase; padding: 1em 1.6em; background: #A5C8D6; border-radius: 29.5px !important; } .header-associat .nav li.boto a { background-color: transparent !important; border: 1px solid #fff; padding: 0.5em 1em 0.4em !important; line-height: 1.5em !important;} .nav li.menu-idiomas a { padding: 0 1.6em; } .nav li.menu-idiomas a .material-symbols-outlined { font-size: 1.4em !important; line-height: 1em !important; vertical-align: middle; } .nav li.link-login a { color: #627984; text-transform: uppercase; border-bottom: 1px solid #627984; padding: 0 !important; line-height: 1.15em !important; } .nav li.link-login { padding: 1em 0 1em 1em; } .header-associat .nav li.link-login { padding: 0 0 0 1em !important; } .header-associat .nav li.link-login a { color: #fff; border-bottom: 1px solid #fff; line-height: 1.5em !important;} .nav li ul.sub-menu li a, .nav li ul.children li a { } /* menu desplegable */ .nav li ul.sub-menu { border: 1px solid #000; padding:0;} .nav li ul.sub-menu li { display: block; width:100% } .nav li ul.sub-menu li a {background-color: rgba(255, 255, 255, 0.9); display: block; border-bottom: 1px solid #000; line-height: 1em; padding: 0.8em 2.5em 0.8em 1em;} .nav li ul.sub-menu li:last-child a {border-bottom: 0px solid #000;} /* items del menu desplegable al pasar el ratón */ li.menu-item-has-children a { position: relative; } .nav li.menu-item-has-children > ul {display: block; visibility: hidden; position: absolute; top: 3.75em; left: 0; z-index: 999999999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .nav li.menu-item-has-children > ul li { width: 100%; position: relative;} .nav li.menu-item-has-children:hover > ul, .nav li ul.sub-menu:hover { visibility: visible; } .nav li.menu-item-has-children.quiSom > a:after { font-family: 'Material Icons'; content: '\e5cf'; font-size: 1em; color: #000; padding: 0 0 0 0.5em; line-height: 1em !important; vertical-align: middle !important;} .nav li a:hover, .nav li.quiSom.menu-item-has-children:hover > a:after, .menu-item-has-children:hover a, .wrap_veuremes:hover a, .nav li.current-menu-ancestor a, .nav li.menu-item-has-children.current-menu-ancestor > a:after, .nav li.current_page_item a, .sub-menu li.current-menu-item a, .single-post .nav li.blog a { color: #627984 !important;} .nav li.current-menu-ancestor .sub-menu li.menu-item a { color: #000 !important} .nav li.current-menu-ancestor .sub-menu li.current-menu-item a { color: #627984 !important;} .menu-item-has-children:hover ul.sub-menu li a { color: #000 !important;} .menu-item-has-children:hover ul.sub-menu li:hover a { color: #627984 !important;} .sub-menu li:hover .current-menu-item > a { background-color: gray; } /* end .nav */ /********************* POSTS & CONTENT STYLES *********************/ #content {margin-top: 0; } .entry-content p { margin: 0 0 1.5em; } .entry-content img { width: 100%; height: auto; display: block; margin: 0 auto; max-width: 100%; } .tags {margin: 0; } /********************* FOOTER STYLES *********************/ .footer {clear: both; color: #ffffff !important; background: rgb(30,43,58); background: -moz-linear-gradient(90deg, rgba(30,43,58,1) 65%, rgba(41,61,79,1) 65%); background: -webkit-linear-gradient(90deg, rgba(30,43,58,1) 65%, rgba(41,61,79,1) 65%); background: linear-gradient(90deg, rgba(30,43,58,1) 65%, rgba(41,61,79,1) 65%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2b3a",endColorstr="#293d4f",GradientType=1); } .foo65 { width: 65%; flex-direction: column;} .wrap_sidebars .wrap_foo { width: 25%;} .foo35 { width: 35%; background-color: #293d4f; padding: 0 0 0 4.5%; } p.boto { display: block; margin: 1.5em 0; color: #fff !important;} p.boto a.boto-linia { border: 1px solid #fff; display: inline-block !important; color: #fff; } .wrap_foo a { color: #fff; text-decoration: none; } .f001 li, .f003 li { margin-bottom: 0.9em !important} .f001 li a {font-family: 'basier_circle_narrowmedium'; font-weight: normal; font-style: normal; text-transform: uppercase; line-height: 1.15em; } .widtget p { margin: 0;} .widget p.narrow500 { margin: 0 0 0.9em 0 !important; line-height: 1.15em;} .f003 li a { font-family: 'basier_circle_narrowregular' !important; font-weight: normal; font-style: normal;} .foo35 p.s24 {margin-bottom: 0.9em !important; line-height: 1.15em; } .foo35 p.s18 {margin-bottom: 1.15em !important; line-height: 1.75em; } .img_fake { margin: 0 auto; height: auto; display: block;} .wrap_icons .icon_social { max-width: 50px; padding: 0 3% 0 0;} .footer li.current-menu-item { display: none !important;} .wrap_logos_suport { justify-content: flex-start ; } .wrap_suport .suport { width:80% !important; } .wrap_suport .membre { width: 20% !important; } .wrap_suport .wrap_logos_suport img { width: 25%; height: auto !important; margin: 0 !important;} .membre img { padding: 0 45% 0 0; } /******************************************************************** 1. Home *********************************************************************/ p.s24 { line-height: 1.33em; letter-spacing: 0.01em;} .wrap_banner_home {width: 100%; display: block; position: relative; margin: 0 auto;} .wrap_banner_home img { width: 100%; height: auto; position: relative; margin: 0 auto;} .wrap_texto_home { position: absolute; width: 75%; bottom: 6.5%; z-index: 9; left: 12.5%; text-align: center; margin: 0 auto; } .wrap_texto_home h1 { line-height: 1.15em; letter-spacing: 0em; text-align: center; margin: 0 auto;} .wrap_texto_home p {line-height: 1.3em; text-align: center; margin: 1em auto;} a.boto-linia, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium {font-family: 'basier_circle_narrowregular'; font-weight: normal; font-style: normal; letter-spacing: 0.01em; line-height: 1.22em; margin: 1em auto 0; padding: 1.05em 1.6em; border: 1px solid #000000; text-decoration: none; display: inline-block;} .boto_negre, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium {background-color: #000 !important; color: #fff !important; border: 0;} a.boto-linia.boto_negre:hover {background-color: #000 !important; color: #fff !important;border: 0;} .grid-item p.tags a { width: auto !important; display: inline; padding-right: 0.25em;} .facetwp-load-more, input.wpcf7-submit { background-color: #fff; font-family: 'basier_circle_narrowregular'; font-weight: normal; font-style: normal; letter-spacing: 0.01em; line-height: 1.22em; margin: 1em auto 0; padding: 1.05em 1.6em !important; border: 1px solid #000000; text-decoration: none; display: inline-block; text-transform: uppercase;} /* TOPICS */ .topics { display: flex; flex-wrap: wrap; } .topics .item { width: 25%; color: #fff; padding: 0 3% 0 2%; display: flex; flex-direction: column } .topics .item a { color: #fff; } .topics .item .nombre.narrow500 { margin: 0 0 1.25em; } .topics .item .nombre.narrow500, .item a.narrow { display: flex; align-items: center; line-height: 1em; text-align: left;} .topics .item a.narrow {margin: auto 0 0 0 ;} .topics .item .nombre.narrow500 span { font-size: 1.4em; line-height: 1em;} .topics .item .texto.narrow { line-height: 1.33em; letter-spacing: 0.01em; text-align: left; margin: 0 0 1em; } .topics .item a.narrow { text-decoration: none; } .topics .item a.narrow span { font-size: 1.4em; line-height: 1em; padding-left: 0.25em; } #circle, #circle48 {position: absolute; border-radius: 100%; background: #fff;} .item a:hover { color: #627984;} .wrap img { width: 100%; height: auto !important; display: block; margin: 0 auto;} .uneix-te .wrap60 { padding: 0 0 0 2%; } .wrap60 { width: 60%; margin: 0 auto; max-width: 780px; } .wrap40 { width: 40%; margin: 0 auto; } p.azul {letter-spacing: 0.075em !important;} h2.basier600.s64 { line-height: 1.15em; margin: 0.5em 0 !important; } .wrap-listado { justify-content: space-around; align-content:stretch; } .associa { border-top: 1px solid #000; border-bottom: 1px solid #000; } .associa .soci span { padding: 0.75em 0.25em; display: block; } .associa .soci { border-left: 1px solid #000; width: 100%; text-align: center; line-height: 1.25em;; } .associa .soci:last-child { border-right: 1px solid #000; } .bg-branco { background-color: #fff; width: 100%; height: 100%; } .associa .soci a { text-decoration: none;} .associa .soci:hover > .bg-branco { background-color: rgba(255, 255, 255, 0); } .wrap_veuremes { justify-content: space-between; align-items: center;} .wrap_veuremes h3, .wrap_veuremes a { margin: 0 !important;} .wrap_veuremes a { text-decoration: none; display: flex; align-items: center;} .wrap_veuremes a span { font-size: 1.5em !important; line-height: 1em !important; padding-left: 0.2em; } .wrap-accions-home, .wrap-properes_activitats, .wrap-destacats_revista { justify-content: space-between;} .wrap-properes_activitats { padding: 1.25em 0;border-top: 1px solid; border-bottom: 1px solid;} /* Accions */ .wrap_single_accion { background-color: #A5C8D6; padding: 1.5% 3.25% 2% 2.5%; min-height: 290px; position: relative; display: flex; flex-direction:column; } .accions_destacadas .wrap_single_accion { width: 20% !important; } .accions_destacadas .home-soci .wrap_single_accion { width: 48% !important; } .wrap_single_accion .download { margin-top: auto; } .wrap_single_accion p { line-height: 1.1em !important; } .content-accio-doble p { margin-bottom: 0.8em !important; line-height: 1.075em !important; } .wrap-accions-home { flex-wrap: wrap; } .accions_destacadas .wrap_single_accion { width: 21.4% !important; margin-bottom: 2.5em} .wrap_last_accio .wrap_single_accion.privat { width: 21.27% !important; margin: 0 4.84% 0 0} .sidebar_call.vacio { border: 1px solid #fff;} .content-accio-doble { max-width: 620px; width: 80% !important;} .wrap-accions-home.index { justify-content: flex-start !important;} .wrap-accions-home.index .wrap_single_accion { width: 21.4% !important; margin: 0 4.8% 2em 0;} /*Agenda */ .facetwp-facet { margin-bottom: 0 !important; } .wrap_masonry_agenda { width: 91.4% !important; max-width: 1412px !important; margin: 0 auto; } .wrap-agenda_activitats .single_event_list { padding: 0 !important; border-bottom: 1px solid #000; border-top: 1px solid #fff; margin-right: 0; width: 29.93333333333%; max-width: 420px !important; } .wrap-agenda_activitats .single_event_list img { width: 100%; height: auto; margin-top: 0 !important;} .card_info {display: flex; flex-wrap: wrap; margin: 0 auto !important; } @media (min-width: 1441px) { .wrap-agenda_activitats .single_event_list { margin: 5px 1.65% !important; min-height: 100px !important; max-height: 182px !important; } .wrap-agenda_activitats .single_event_list.has_thumb { min-height: 200px !important; max-height: 374px !important;} .clear1.thumb { max-height: 12px !important;} .card_info { min-height: 100px; max-height: 180px; padding: 14px 0; } } @media (min-width: 768px) and (max-width: 1440px) { .wrap-agenda_activitats .single_event_list { margin: 0.347vw 1.65% !important; min-height: 10vw !important; max-height: 12.630vw !important; } .wrap-agenda_activitats .single_event_list.has_thumb { min-height: 20vw !important; max-height: 25.954277992247vw !important;} .clear1.thumb { max-height: 0.8vw !important;} .card_info { min-height: 10vw; max-height: 12.491vw; padding: 0.975vw 0 !important; } } .dia {margin: 0 auto auto; text-align: center; line-height: 1em; } .single_event_home { width: 33.3%; padding: 0 1.5%; border-right: 1px solid #000; } .single_event_home:last-child { border-right: 0px solid #000; } .info { width: 70%; display: flex; padding: 0 2.5% 0 0; flex-direction: column; } .data { width: 30%; display: flex; padding: 0 2.5% !important; flex-direction: column; } .card_agenda .info p.titulo { margin: 0 0 1em !important; } .card_agenda .data {text-align: center !important;margin: 0 auto; } .card_agenda .info .tags { margin: auto 0 0 0 !important; } .tags a, p.titulo a, .info a, .card_agenda a { text-decoration: none !important; line-height: 1em !important; } .single_post_home {flex-direction: column; width: 29%; } .card_agenda .info p.titulo, .card_agenda .info a p.titulo {display: block; display: -webkit-box; max-width: 100%; line-height: 1.3 !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .wrap-agenda_activitats { display: block !important; } .mes_agenda { margin: 0 1.65% !important; } .wrap-agenda_activitats .single_event_list:nth-child(-n+3) { border-top: 1px solid #000; } .wrap-agenda_activitats .single_event_list.card_agenda .tags { line-height: 1em !important } .wrap-properes_activitats a { text-decoration:none !important; } .info_post { margin-top: 1.6em; } .info_post p.titulo { margin: 0.75em 0 0.5em; line-height: 1.18em; } /* Filtros Agenda */ .header_page_filters .search { width: 25% !important; max-width: 300px !important; margin-right: 1em !important;} .facetwp-facet input.facetwp-search {padding: 0.625em 1em !important; min-width: 16.75em !important; max-width: 300px !important; line-height: 1.33em !important} .search .facetwp-icon { right: 1%; opacity: 0.95;} .search .facetwp-search { border: 1px solid #000; border-radius: 4px; } .facetwp-search { display: relative !important;} .facetwp-type-search i.clear {width: 24px !important;} .header_page_filters .facetwp-counter { display: none !important;} .header_page_filters .tab { margin-right: 1em !important } .header_page_filters .collapsible {letter-spacing: 0.01em; line-height: 1.3em; padding: 0.625em 1em 0.625em 0.85em !important;border: 1px solid #000; border-radius: 4px; background-color: transparent !important; margin: auto 0 !important; display: flex; } .header_page_filters .facetwp-hide-empty {line-height: 2.55em; padding: 0.625em 1em !important; margin: 0 0 0 auto !important} .header_page_filters .reset { margin: 0 0 0 auto !important} .header_page_filters .collapsible span { font-size: 1.35em !important; line-height: 1em; margin: auto; padding: 0 0.25em} .header_page_filters .active, .collapsible:hover, .header_page_filters .facetwp-hide-empty, .header_page_filters .facetwp-checkbox.checked { color: #627984 !important;} .header_page_filters .active.collapsible { border-radius: 4px 4px 0 0; border-bottom: 0; } .header_page_filters .active span { transform: rotate(180deg); } .header_page_filters .content {padding: 0; display: none; overflow: hidden; border: 1px solid #000; border-top: 0 !important; border-radius: 0 0 4px 4px} .oberta span.dot { margin: auto 1em !important; line-height: 1em !important;} .oberta { line-height: 1em !important; } /* Checkbox */ .header_page_filters .facetwp-checkbox { padding: 0.85em 1em; border-top: 1px solid #000; background-position: 1em 50%; margin-bottom: 0 !important; line-height: 0.9em !important; } .header_page_filters .facetwp-display-value { padding: 0 0 0 1.35em; } .copyright span, .copyright li a { font-size: 0.875em !important; color: #fff; text-decoration: none;} .wrap_veuremes a { text-transform: uppercase; } .copyright, .wrap_legales { display: inline-block; width: auto !important; } .wrap_legales li, .wrap_legales { display: inline-block; } .wrap_legales li a, .wrap_legales { padding: 0 1em; } .wrap_legales li::after { content: "|"; color: #fff;} .wrap_legales li:last-child:after { content: ""; color: #fff;} /* HOVER */ .botoes a:first-child, a.boto-linia.negative { background-color: #000 !important; color: #fff; border: 0; margin-right: 1em;} .botoes a:first-child:hover, a.boto-linia.negative:hover { color: #A5C8D6 !important; background-color: #000 !important;} li.boto a:hover, li.boto:hover a, .nav li.boto.current_page_item a { background-color: #789CAB; color: #000 !important; } a.boto-linia:hover { background-color: #dde7ed !important } p.boto a.boto-linia:hover { border: 1px solid #A5C8D6; color: #A5C8D6; background-color: rgba(255, 255, 255, 0) !important; } .footer li:hover a, .footer li a:hover {color: #A5C8D6 !important; } /* MASONRY */ .grid {list-style: none; margin: 0 auto; padding: 0;} .wrap_grid { width: 92.40% !important; max-width: 1422px !important; margin: 0 auto;} .grid li { display: block; float: left; padding: 0 2.5%; width: 33.3333333%; opacity: 0.9; margin-bottom: 2em !important; } .grid li.primero { width: 66% !important; } .grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1;} .grid li a, .grid li img {outline: none; border: none; display: block; max-width: 100%;} /* Effect 1: opacity */ .grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } /* Effect 2: Move Up */ .grid.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* ASSOCIACIONS */ p.titular-page { margin: 0 0 0.7em; letter-spacing: 0.01em;} h1.basier600 {line-height: 1.2em !important; margin: 0 !important;} li.first_ladrillo p { line-height: 1.3em !important; margin-bottom: 1.25em !important; } .soci-index .div-img img {width: 100% !important; height: auto !important; display: block; margin: 0 auto; } .tagline { margin: 1em 0; padding: 1em 1em 1em 0; } .tagline p { letter-spacing: 0.025em; } .elipse { border-radius: 100%; display: flex; align-content: center;} .elipse_azul {background-color:#A5C8D6;} .elipse span { font-size: 1.5em !important; margin: auto; line-height: 1em; color: #fff; } .wrap_soci:hover { background-color: #f4f4f4; } .wrap_soci .div-txt { padding: 0 5%; } .wrap_soci a { text-decoration: none !important; } .wrap_play { padding: 1em 0; border-top: 1px solid #000; border-bottom: 1px solid #000;} .wrap_play { align-content: center; } .wrap_play .w60 { width: 60%; margin: auto auto auto 0;} .w60 h3 { letter-spacing: 0.1em;} .wrap_play .w40 {width: 38%; margin: auto 0 auto auto; } .wrap_embed_news img { width: 100%; height: auto; display: block; margin: 0 auto;} /* ASSOCIAT */ .header-single-associat {position: relative; margin: 0 auto !important; display: flex; align-items: center; align-content: center; } .header-single-associat .logo_soci { position: absolute; width: 25%; left: 0; } .header-single-associat .logo_soci img { width: 100%; height: auto !important; } .logo_soci h1 { font-size: 0 !important; line-height: 0; } .menu-soci, .menu-soci a { display: flex; align-items: center; align-content: center; line-height: 1em !important; } .menu-soci .tab { color: #dadada !important; text-decoration: none; } .menu-soci .tab span { padding: 0 0.85em; color: #333; } .menu-soci tab.active, .menu-soci a.tab.active {color: #000 !important;} .image_header { max-width: 1700px !important; } .image_header img { width: 100%; margin: 0 auto; height: auto !important; display: block; } .wrap_85 { width: 85%; margin: 0 auto; } .wrap_60 { width: 60%; margin: 0 auto; max-width: 590px; } .wrap_900 .wrap_60 { max-width: 660px !important; } .wrap_85 h2 { width: 70%; max-width: 660px; line-height: 1.2em !important; margin: 0; } .single-associacio .txt_imgRight .wrap_flex_txt { width: 50%; padding-right: 15%; } .single-associacio .txt_imgRight .wrap_flex_image { width: 50%; padding-left: 17.5%; } .flex_reverse { flex-direction: row-reverse; } .single-associacio .txt_imgLeft .wrap_flex_txt { width: 50%; padding: 0 12% 0 2%; } .single-associacio .txt_imgLeft .wrap_flex_image { width: 50%; padding-right: 15%; margin: auto 0 0 0; } .single-associacio .txt_imgLeft .wrap_flex_txt p { margin-bottom: 1.5em !important; } .wrap_60 h2 { letter-spacing: 0.01em; line-height: 1.2em; } .wrap_junta { flex-wrap: wrap; justify-content: space-between; } .person { width: 21.25%; padding-top: 1.75em; border-top: 1px solid #000;} .person p.basier700 { line-height: 1.33em; margin-bottom: 0.25em;} .person p.basier500 { line-height: 1em !important; letter-spacing: 0.1em; margin-bottom: 1.25em; } .carousel-cell { display: flex; width: 18%; min-height: 100px; margin-right: 2%; align-items: center; justify-content: center;} .carousel-cell img {width: auto !important; max-width: 100%; margin: auto;} /* FORM */ .form_soci .fifty { width: 47% !important; margin-right: 2.75% !important; display: inline-block;} .form_soci .fifty.last-col { float: none !important; margin-right: 0 !important; margin-left: 2.75% !important;} .form_soci { flex-wrap: wrap; display: flex;} .form_soci .full, .form_soci input, .wpcf7, .wpcf7-form, .form_soci textarea { width: 100% !important; max-width: 100% !important; } .wrap_contact_soci .datos { width: 50%; padding: 0 7.5%; } .wrap_contact_soci.hay_form .datos { width: 35% !important; padding: 0 7.5%; } .wrap_contact_soci .form { width: 65%; padding: 0; } .wrap_contact_soci .form .form_soci { width: 100% !important;} .form_soci .wpcf7-form-control-wrap { } .form_soci input, .form_soci textarea { line-height: 1.85em; color: #a1a1a1 !important; border-color: #a1a1a1 !important; border-width: 1px; border-style: solid; border-image: initial; border-radius: 4px !important; padding: 7.5px 10px; margin: 0.25em 0 1.25em !important} input:focus-visible, .form_soci textarea:focus-visible { outline: #a1a1a1 auto 0px;} .form_soci .wpcf7-submit, .form_inscripcio .wpcf7-submit { width: auto !important; text-transform: uppercase; padding: 1em 1.6em !important; line-height: 1em !important; } .datos p { line-height: 1.5em !important;} .datos p.s20 { margin-bottom: 1em;} .datos p.bbottom { padding-bottom: 1.35em; border-bottom: 1px solid #000; margin-bottom: 1.35em} /* Page Organizatcio */ .content_call { position: relative; z-index: 9999; opacity: 1 !important; margin: 0 auto !important; text-align: center; width: 50%;} .wrap_call { margin: 0 auto; position: relative;} .color_call { width: 100% !important; height: 100% !important; display: block !important; position: absolute;} .content_call p { margin-bottom: 1em;} .content_call p.narrow600 { margin-bottom: 0.5em;} /* PAGE ACCIONS */ .wrap_last_accio {justify-content: space-between; } .last_accio { width: 65%; margin: 0 auto 0 0;} .sidebar_call { border: 1px solid #000; margin: 0 0 0 auto; width: 30%; display: flex; padding: 2% 3.5%} .content-accio-doble { max-width: 620px; width: 80%; } .sidebar_call p.call { margin: 1.25em auto 2em; padding: 0 1.25em; line-height: 1.35em;} .sidebar_call p.narrow600 { line-height: 1.8em; } .wrap-accions-home.index .wrap_single_accion:nth-child(4n+4) { margin-right: 0 !important;} /* Blog */ .wrap_revista { flex-wrap: wrap; } .thumb_revista img { width: 100% !important; margin: 0 auto !important; height: auto !important;} .grid_posts.grid li, .grid_posts li {display: block; float: left; padding: 0 2.5%; width: 33.3333333%; opacity: 0.99; margin-bottom: 1em !important;} .grid_posts.grid li:nth-child(2), .grid_posts.grid li:nth-child(6) { width: 66.66% !important; } .archive .facetwp-template .grid_posts.grid li:nth-child(2), .archive .facetwp-template .grid_posts.grid li:nth-child(6) {width: 33.33% !important; } .wrap_posts .single_post_home {width: 45% !important; } .header_page_blog .facetwp-facet { margin-bottom: 0 !important;} .wrap-destacats_revista {flex-wrap: wrap; } .elipse.tornar { background-color: #A5C8D6 !important; margin: 0 2em 0 0; } .elipse.tornar span { color: #000; padding-left: 0.2em; } a.noborder { text-decoration: none !important; } .wrap_blog .wrap-destacats_revista {justify-content: flex-start; } .wrap_blog .wrap-destacats_revista .grid-item { margin-right: 6.5%;} .wrap_blog .wrap-destacats_revista .grid-item:nth-child(3n) { margin-right: 0 !important;} /* FACET WP */ .main-links { display: flex; list-style: none; margin: 0 !important;} .main-links li.dropdown-li { padding: 0.6em 1em !important; border: 1px solid #000; border-radius: 4px; background-color: #fff; line-height: 1em !important; margin: 0;} .dropdown-li { position: relative; display: flex; align-items: center !important; } .dropdown { background-color: #fff; margin: 0; padding: 0; width: 100%; position: absolute; left: 0; top: 100%; display:none;} .dropdown li {list-style: none;} .main-links li.dropdown-li:hover { border-bottom: 0 !important; border-radius: 4px 4px 0 0 !important;} .dropdown-li:hover .dropdown, .dropdown-li:hover .facetwp-facet {display: block; opacity: 1;} .facetwp-type-search i.clear {position: absolute; right: 30px; line-height: 1; cursor: pointer; display: inline-block; opacity: 0.3; width: 24px; height: 100%; background: transparent url('https://floatleftstudio.com/proa/wp-content/plugins/facetwp/assets/images/icon-close.png') 6px 50% no-repeat; background-size: 14px 14px;} .facetwp-type-search i.clear:hover { opacity: 0.8;} .facetwp-type-search .f-loading + input + i.clear, .facetwp-type-search .loading + i.clear {display: none !important;} .facetwp-facet input.facetwp-search {padding-right: 54px;} .dropdown { z-index: 999999;} .grid-item p.tags a { width: auto !important; display: inline; padding-right: 0.25em;} .main-links a { text-decoration: none;} .dropdown li a .qdo {width: 0.75em; height: 0.75em; border: 1px solid #000; margin-right: 0.4em; } .dropdown li a:hover .qdo {background-color: #f5f5f5;} .dropdown li.current-cat a .qdo {background-color: #A5C8D6;} .cat-item { display: flex; } .mostrar.facetwp-hidden {display: block !important;} /* LOGIN */ .page-template-page-login .um-field-label label, .um-col-alt, .page-template-page-login .um-field-checkbox-option, .page-template-page-login a.um-link-alt, .page-template-page-login .um-field-block, .page-template-page-login .um-account-name, .page-template-page-login .um-um_account_id { color: #000 !important; letter-spacing: 0.01em; line-height: 1.5em !important; font-weight: 400 !important;} .page-template-page-login .um-col-alt, .page-template-page-login .um-col-alt-b, .page-template-page-login .um-field-block, .page-template-page-login .um-account-name, .page-template-page-login .um-um_account_id {font-family: 'basier_circle_narrowregular' !important; font-weight: normal; font-style: normal; } .page-template-page-login .um-field-checkbox-option, .um-field-radio-option {margin: 0px 0px 0px 1.6em !important; } .page-template-page-login .um-field-checkbox-state i, .um-field-radio-state i { font-size: 1.15em !important; line-height: 1em !important; height: 1.15em !important; } .page-template-page-login .um, .page-template-page-login .um-field-checkbox-option { font-size: 0.95em !important; line-height: 1.25em !important; } .page-template-page-login input[type="submit"].um-button, .page-template-page-login input[type="submit"].um-button:focus, .page-template-page-login .um input[type=submit].um-button {width: auto !important; margin: 1.25em auto 0.2em !important; text-transform: uppercase !important; padding: 1.2em 1.6em !important; min-width: auto !important; } .um input[type="submit"].um-button, .um input[type="submit"].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .page-template-page-login .um input[type=submit].um-button { background: #000 !important; } .um input[type="submit"].um-button:focus, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .um input[type="submit"].um-button:hover, .page-template-page-login .um input[type=submit].um-button:hover { background: #000 !important; color: #A5C8D6 !important;} .page-template-page-login .um-account-meta-img { max-width: 80px !important; margin: 0 auto;} /* Area Socis */ .link-account a { padding: 0;} .link-account a img { max-width: 42px; height: auto !important;} .nav li.link-account ul.sub-menu li a {padding: 0.8em 1em 0.8em;} .logged-in .nav li.menu-idiomas a {padding: 0 1em;} .nav li.menu-item-has-children.link-account > ul {left: auto; right: 0 !important;width: 200%;} .wrap_single_ajut { flex-direction: column; width: 24%; margin-right: 1%; border-left: 1px solid #000; padding-left: 2%} .wrap_single_ajut p.titulo {line-height: 1.15em; margin: 0.5em 0.5em 0.5em 0;} p.azul.data_ajut { letter-spacing: 0.015em !important; margin: 0.25em 0 2.25em !important;} .wrap_single_ajut p.download { margin-top: auto; } .wrap_single_ajut p.download a { text-decoration: none;} .wrap_single_ajut p.download span { font-size: 1.25em !important; margin: auto !important;line-height: 1em !important; vertical-align: middle !important; } .dot-amarelo, .dot-azul, .dot-verde { width: 1em; height: 1em; background-color: #ECCF67; border-radius: 100%; margin: 0 0 0 auto; } .dot-azul { background-color: #A5C8D6; } .dot-verde { background-color: #6ECF89;; } /* Page FES-TE SOCI */ .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium {font-size: 1em !important;} h3.wpb-pcf-title { display: none;} .form_soci .fifty p, .form_soci p { text-align: left !important; color: #000; } .claim-soci h1 { width: 28% !important; } .claim-soci .claim { width: 30%; margin: 0 5%; } .claim-soci a.boto-linia { margin-top: 0 !important;} .footer_festesoci h3, .footer_festesoci p.narrow { margin-bottom: 1em;} .form_soci .wpcf7-submit, .swal2-html-container .form_soci .wpcf7-submit, .form_inscripcio .wpcf7-submit { background-color: #000 !important; color: #fff !important; border: 0 !important; } .form_soci .wpcf7-submit:hover, .swal2-html-container .form_soci .wpcf7-submit:hover {color: #A5C8D6 !important; } .form_soci .wpcf7-not-valid-tip { padding-bottom: 1em !important; color: #F8623F !important;} .form_soci input.wpcf7-not-valid { border-color: #F8623F !important; margin-bottom: 5px !important; background: #FAF2F0;} /*ACCORDION */ #accordion-1{background-color: #CAD1CE !important;} #accordion-2{background-color: #A5C8D6;} .accordion-forms .head{ padding: 20px 0; cursor: pointer; transition: 0.2s ease; display: flex; justify-content: space-between; align-items: center;} .accordion-forms .head .icon{ color: #000; transition: 0.25s ease; font-weight: 200 !important; outline: 0 !important; background-color: transparent !important; font-variation-settings: 'wght' 200; } .accordion-forms .head .icon:focus-visible, .accordion-forms .head .icon:focus, .accordion-forms .head .icon:active, .accordion-forms .head.active .icon {outline: 0 !important; background-color: transparent !important; border: 0 !important;} .accordion-forms .active .icon{ transform: rotate(-180deg); opacity: 1; outline: 0 !important; background-color: transparent !important; border: 0 !important; } .accordion-forms .content, .wrap_accordion_horizontal .content { padding: 1.15em 0; display: none;} .wrap_accordion_horizontal.active .content { display: block !important; } .accordion-forms .wrap_accordion .content { width: 70%; margin: 0 15% !important;} .accordion-forms .wrap_accordion .content p:first-of-type {width: 80%; max-width: 450px; margin-bottom: 1.5em;} .accordion-forms .wrap_accordion .content p.basier700 { margin-bottom: 1em; } .beneficis { margin-bottom: 1em; } .beneficis .elipse span { color: #000; } .beneficis .check { margin: 0 4.75% 0 0;} .beneficis .check .elipse { margin: 0 5.25% 0 0 !important;} .beneficis .check p { margin: 0.75em 0 !important;} .wrap_accordion .content .boto-popup {margin: 1em 0 1.5em;} /* SELECT */ .select { background-image: url("https://floatleftstudio.com/proa/wp-content/uploads/2023/04/expand_more_FILL0_wght400_GRAD0_opsz48.svg)"); background-position: right 0.5em center; background-repeat: no-repeat; background-size: auto 50%; border:none; text-shadow: 0 0 0 #ffffff; color: #000; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none;} .select::-ms-expand { display: none !important; } #myselection { padding: 0.8em 2.5em 0.8em 1.25em !important; background-color: #A5C8D6; border: 1px solid #000; margin-bottom: 1em; } .wrap_botoes { display: inline-flex; margin: 0 2em;} .wrap_accordion .content .wrap_botoes .boto-popup, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium {margin: 0 !important;} .myDiv {display:none; padding: 0; } /* BOTO POPUP */ .swal2-close:focus, .swal2-close:hover {outline: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5) !important;} .swal2-close:hover { transform: none; background: rgba(0,0,0,0); color: #000 !important} .wpb-pcf-btn-loading:before { font-family: 'Material Symbols Outlined'; content: '\f725'; font-size: 1em; color: #fff; width: auto !important; height: auto !important; margin-right: 0.5em; border-radius: 50%; border: 0px !important; animation: spinner .6s linear infinite; display: inline-flex; } /* Flexible Content */ .bottom0, .flexible_titular .bottom0 { margin-bottom: 0 !important;} .bottom4 { margin-bottom: 4em !important;} .wrap80Left { width: 80%; margin: 0 20% 0 0; max-width: 800px;} .top1, .flexible_titular .top1 { margin-top: 1em !important;} .wrap_icono-texto { flex-wrap: wrap; margin-top: 2em;} .item-icon { width: 25%; margin: 0 4.165% !important; text-align: center; } .item-icon .foto { width: 25%; max-width: 72px; margin: 0 auto 0.75em;} .acccions .foto { width: 22.5%; max-width: 60px; margin: 0 auto 0.75em;} .item-icon p.azul { letter-spacing: 0.015em !important; margin: 0 auto 0.5em !important} .TxtLeft_ImgRight .txt_imgRight .wrap_flex_txt { width: 50%; padding-right: 5%; } .TxtLeft_ImgRight .txt_imgRight .wrap_flex_image { width: 50%; padding-left: 0; } .TxtRight_ImgLeft .txt_imgLeft .wrap_flex_txt { width: 50%; padding: 0 0 0 5%; } .TxtRight_ImgLeft .txt_imgLeft .wrap_flex_image { width: 50%; padding-right: 0; margin: auto 0 0 0; } .TxtRight_ImgLeft .txt_imgLeft .wrap_flex_txt p { margin-bottom: 1.5em !important; } .wrap_accordion_horizontal { flex-wrap: wrap;} .wrap_accordion_horizontal .menu-column { width: 44% !important; margin-bottom: 1.2em; } .wrap_accordion_horizontal .content-column {width: 56% !important ;} .wrap_accordion_horizontal .wrap_accordion .active .content {display: block !important;} .content-column .content {display: none;} .content-column .content.active {display: block;} .wrap_accordion_horizontal .head {text-decoration: none !important; } .wrap_accordion_horizontal .head h2 {margin-bottom: 0.5em; } .wrap_accordion_horizontal .head { color: #d9d9d9 !important} .wrap_accordion_horizontal .active.head {color: #000 !important} .wrap_accordion_horizontal .wrap_accordion .content { margin: 0 !important; padding: 0; } .check.quefem .elipse span {color: #000;} .wrap_accordion_horizontal #accordion-01 .content { margin-top: 1.5em !important} .wrap_accordion_horizontal .wrap_accordion .content { padding-left: 10% !important; } .wrap_accordion_horizontal .wrap_accordion .content .check { margin-left: -10% !important; flex-wrap: wrap; margin-top: 1.5em; } .wrap_accordion_horizontal .wrap_accordion .content .check .elipse { margin-right: 2%; margin-bottom: 1em} .wrap_accordion_horizontal .wrap_accordion .content .check p{ width: 80%; border-bottom: 1px solid; margin: auto 0 1em 0; padding-bottom: 1em; max-width: 380px; } .wrap_accordion_horizontal .wrap_accordion .content p{ width: 80%; max-width: 380px; } /* Anuncis */ .single_anunci .boto-linia { position: absolute; bottom: 1.9em; right: 5%; padding: 0.5em 1.25em; display: flex; align-items: center; justify-content: center; } .single_anunci .boto-linia .material-symbols-outlined { padding-left: 0.25em; font-size: 1.15em;} .header_page_filters.anuncis .facetwp-hide-empty, .header_page_filters.anuncis .reset { margin: 0 !important;} .penjar { margin: 0 0.75em 0 auto !important; padding: 0.5em 0.8em; align-items: center; max-height: 2em} .penjar .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 48 } .single_anunci .boto-linia .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48 } .penjar span.material-symbols-outlined { font-size: 3em !important; margin: 0 0.15em;} .listado_tipus, .listado_tipus li { display: flex; align-items: center; margin-right: 0.55em; } .listado_tipus li .icono { max-width: 50px; margin-left: -0.5em; z-index: -1;} .single_anunci p.narrow600.s36 { line-height: 1.15em; margin-bottom: 0.75em} .single_anunci .icono { max-width: 65px !important; margin: 0 auto 1em; width: 15%; } .single_anunci { display: flex; position: relative; flex-direction: column; background: #E4EFF3; width: 30% !important; padding: 2em 3.5% !important; margin-bottom: 3em !important; float: left; } .single_anunci p.basier500 { margin-bottom: auto;} .single_anunci p.wpsm-show, .single_anunci p.wpsm-hide { margin-top: auto !important; padding: 2em 0 0em;} .single_anunci .wpsm-content { line-height: 1.4em !important; } .wpsm-show a, .wpsm-show:active, .wpsm-show:visited { cursor: pointer; text-decoration: none; font-size: 100%; } .wpsm-show:hover, .wpsm-hide:hover { cursor: pointer; letter-spacing: 0.01em; } .wpsm-hide a, .wpsm-hide:active, .wpsm-hide:visited { cursor: pointer; text-decoration: none; } .wpsm-content-hide { display: none; } /* .wrap-anunciss { flex-wrap: wrap; display: flex; align-content: center; justify-content: space-between; } .wrap-anuncis li:first-child, .wrap-anuncis li:nth-child(2) {width: 47.5% !important; } .wrap-anuncis li:nth-child(2), .wrap-anuncis li:nth-child(3n+5){ margin-right: 0 !important; } /*CONTACTE */ .wrap_correus {min-width: 22%; max-width: 30%; margin-right: 10%} .gm-style-iw-d { overflow: hidden !important; } .wrap_formulari { width: 60%;} .marker-info .m_title, .add-header, .addess_ { display: none; } .marker-info img { max-width: 30% !important; margin: 0 auto 0.75em;} #iw-container { margin-bottom: 0px; } .mapa .wrap { display: flex; } .wrap_mapa { min-width: 65% !important; border: 1px solid #A5C8D6;display: inline-block} .mapa .wrap_info {width: 20%; margin: auto !important; display: inline; } .wrap_info p {margin-bottom: 1em !important;} .wrap_info p.border_bottom { padding-bottom: 1em; border-bottom: 1px solid;} .marker-info { padding: 1em; margin-bottom: 0; } .marker-info p { font-size: 16px !important; font-family: 'basier_circle_narrowregular' !important; font-weight: normal; font-style: normal; text-align: center; margin: 0 auto !important; padding: 0; } .mapa .gm-style .gm-style-iw-c { background-color: rgba(0, 0, 0, .0) !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0; max-width: 160px !important; } .wrap_email { border-bottom: 1px solid; margin-bottom: 0.9em; padding-bottom: 0.9em; } .wrap_email p { line-height: 1.5em !important; } .wrap_email p.basier600 { line-height: 1.5em !important; } .wrap_email a { margin: auto 0 0 auto; } .wrap_email a span { font-size: 1.25em; line-height: 1em !important; margin: 0; } .bg_azul { background-color: #A5C8D6; } .mapa { width: 100%; padding: 0;} /*PAGE PREMSA */ .wrap_single_premsa { display: flex; flex-direction: column; border-bottom: 1px solid #000; width: 21.4% !important; margin: 0 4.8% 2em 0; } .wrap_single_premsa .data_prensa { margin: 1.15em 0; line-height: 1em;} .content_premsa p { line-height: 1.5em !important; } .content_premsa p {margin-bottom: 1.25em !important; } .wrap_single_premsa a {text-decoration: none !important;} .elipse.link_premsa {background-color:#A5C8D6; color: #000 !important;} .elipse.link_premsa span { color: #000 !important;} .link_footer { margin: auto 0 1em auto;} .menu_midia .facetwp-radio { background: none !important; background-size: 0 !important; margin-bottom: 0; padding: 0.6em 1.5em !important; cursor: pointer; display: inline-flex; line-height: 1em !important; border: 1px solid #000; margin-right: 1em !important; border-radius: 1.25em; } .menu_midia .facetwp-radio.checked { background-color: #000 !important; color: #fff !important } .header_page_filters .menu_midia .facetwp-radio .facetwp-display-value {padding: 0 !important;} .wrap_single_premsa:nth-child(4n+4) {margin-right: 0 !important;} .cinza { color: #9E9E9E !important;} /* PREMSA */ .menu-idiomas ul.sub-menu li a {padding: 0.8em 1em 0.8em !important;} .wrap_azul.dossier { background-color: #A5C8D6; padding: 2.778vw 2.778vw 2.5vw; } .wrapper { width: 100%; margin: 0 auto;} .dossier .prensa-content {width: 100%;} .dossier .dossier_tab { width: 100%; justify-content: space-between; flex-wrap: wrap; } .download_border { width: 16%; margin-right: 4%; border: 1px solid #000; padding: 2em 1em 0.5em 1em; display: flex; flex-direction: column; justify-content: center; text-align: center; max-height: 13vw; } .download_border a { display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; margin: 0; width: 100% !important; height: 100%; text-decoration: none; } .dossier .download_border p.flecha { margin: auto auto 0 auto} .download_border a:hover { text-decoration: underline; } .download_bloque.bl3 p.final_bloque { margin: auto 0 0 0 !important; border-bottom: 1px solid #000; padding-bottom: 0.75em; } .download_bloque.bl3 p.s20.basier600 {margin-bottom:auto !important; padding-bottom: 0.5em;} .download_bloque.bl4 {width: 60% !important; } .notes_p .final { width: 18% !important; text-align: right; } .dossier .accordion_page .head { padding: 0 0 0.1em !important; border-bottom: 0px solid #000; margin-bottom: 1.25em !important;} .dossier .wrap_accordion.acc { border-bottom: 1px solid; margin: 1.75em 0 1em 0 !important;} .dossier .wrap_accordion.acc.ac-sobre { margin-top: 0 !important;} .dossier .accordion_page .content { padding: 0;} .dossier .download_bloque { width: 27%; margin-right: 4%;} .download_bloque.bl4 { margin-right: 0 !important;} .download_bloque p { margin-bottom: 0.75em;} .download_bloque p.s20.basier600 { margin-bottom: 0.35em;} .dosier_line { height: 1px; background-color: #000; width: 100%; margin: 1em 0 0 0; } @media only screen and (min-width: 768px) { .dossier .accordion_page .wrap_accordion { width: 90% !important; margin: 0 auto 0 0; } } @media only screen and (max-width: 767px) { .download_border { width: 46%; margin-right: 4%; padding: 2em 1em 2.5em 1em; min-height: 15vw; max-height: 45vw;} .download_bloque.bl4 { width: 96% !important;} .dossier .accordion_page .wrap_accordion .content p.wrap_flex { flex-direction: column; } .notes_p .final { width: 100% !important; margin-top: 0.5em !important; } .wrap_azul.dossier {background-color: #A5C8D6; padding: 7.5vw;} } @media only screen and (min-width: 1440px) { .download_border { max-height: 180px !important; } .wrap_azul.dossier { background-color: #A5C8D6; padding: 40px 40px 30px 40px;} } /* FORMULARIO INSCRIPCIO AGENDA */ .form_inscripcio {background-color: #A5C8D6 !important; padding: 3em 10% !important; } .form_inscripcio p.s36 { margin-bottom: 1em !important;} .form_inscripcio input, .form_inscripcio textarea { line-height: 1.85em; color: #000 !important; border-color: #000 !important; border-width: 1px; border-style: solid; border-image: initial; border-radius: 4px !important; padding: 7.5px 10px; margin: 0.25em 0 1.25em !important; background-color: #A5C8D6 !important; width: 100% !important; max-width: 100% !important; } .full.sin_input { line-height: 1.5 !important; margin: 1em 0 1.25em } .entry-header .wrap_flex { align-items: center;} .entry-header .elipse.tornar { margin: 0 0.7em 0 0 !important; } .entry-header a { text-decoration: none;} .entry-header a:hover > .elipse, a:hover .elipse.link_premsa { background-color: #789CAB !important;} .flex_final {margin-left: auto !important;} h1.single_agenda { line-height: 1.16em; margin-bottom: 0.5em;} .content_agenda { padding-right: 7%; max-width: 720px; } .info_agenda, .info_agenda p, .texto_agenda, .texto_agenda p {line-height: 1.7em !important; } .texto_agenda p { margin-bottom: 1.2em } .wrap_content_info_agenda { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 1em 0; margin-bottom: 2em;} .wpcf7-form.sent .esconder, .hidden{display:none;} .exp {background-color: #A5C8D6; padding: 1em; margin-bottom: 5em;display: none; } /*Ajustes Paginas */ .txt_imgRight .wrap_flex_txt p { width: 80%; } .wrap.wrap_accordion_horizontal .menu-column .wrap_accordion { max-width: 400px; margin-bottom: 0 !important; } .footer a { color: #fff; text-decoration: none;} /* Page Documentacio */ .filters_doc .facetwp-facet input.facetwp-search { min-width: 31ch !important; } .filters_doc .tab .facetwp-checkbox { max-width: 30ch; display: flex;} .wrap_single_doc { flex-direction: column; width: 23.5%; margin: 0 1.5% 1.75em 0; background-color: #F4F4F4; padding: 1.5em 2%; } .filters_doc.header_page_filters .search { width: 20% !important; max-width: 280px !important; margin-right: 1em !important; } .wrap_single_doc p.download { margin-top: auto; } .wrap_single_doc .wrap_tax { margin: 1.5em 0 2.5em;} .wrap_single_doc p.basier600 { line-height: 1.1em;} .wrap-docs { flex-wrap: wrap;} /* PAGE AJUT */ .header_page_filters .collapsible { min-width: 5ch !important;} .wrap-ajuts { flex-wrap: wrap;} .wrap-ajuts .wrap_single_ajut {margin-bottom: 3.5em !important;} .actualizacions .azul { margin: auto 1em 0.25em; } .wrap_flex .final { margin: 0 0 0 auto !important;} /* Single Post */ .wrap_thumb { min-width: 65%; max-width: 65%; margin-right: 5%; } .wrap_info { display: flex; flex-direction: column;} .dados { margin: auto;} .share { } .wrap_info .dados h1 { line-height: 1.15em !important; margin-bottom: 0.5em;} .blog-post { width: 65% !important; margin: 0 auto; } .blog-post blockquote { margin-left: -15% !important; font-family: 'basier_circlebold' !important; font-weight: normal; font-style: normal; border-left: 9px solid #A5C8D6; padding-left: 2.5em} .blog-post blockquote p { font-family: 'basier_circlebold' !important; font-weight: normal; font-style: normal; line-height: 1.15em !important} .blog-post blockquote p em { font-family: 'basier_circlebold_italic'; font-weight: normal; font-style: normal;} .blog-post p { line-height: 1.77em !important; } @media only screen and (min-width: 768px) {.accordion_page .wrap_accordion { width: 60% !important; margin: 0 auto 0 8%; } } /* Accordeon Page */ .accordion_page .head { padding: 0 0 0.85em 0 !important; cursor: pointer; transition: 0.2s ease; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #000; margin-bottom: 1.65em !important } .accordion_page .head h2 { padding-right: 1em; } .accordion_page .content { padding: 0 0 1.15em 0; display: none; } .accordion_page .wrap_accordion .content, .accordion_page .wrap_accordion .content p:first-of-type { width: 100% !important; margin: 0 0 auto !important; max-width: 100% !important; } .accordion_page .wrap_accordion .content p, .accordion_page .wrap_accordion .content p:first-of-type{ margin-bottom: 1.25em !important;} .acc-head .mini { display: none;} .acc-head.active .max { display: none;} .acc-head.active .mini { display: block;} .accordion_page .check .elipse { margin-right: 2.5% } .accordion_page .check p { margin-top: 1em !important; padding: 1em 0; border-bottom: 1px dotted } .material-symbols-outlined.icone { font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48 } /* Page ingles */ .wrap-listado-ingles { flex-wrap: wrap;} .wrap-listado-ingles .soci-index { width: 22.5%; margin-right: 2.5%} .parent.p-apaib { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1em !important; grid-row-gap: 20px; margin: 4em 0 !important} .parent.p-apaib li { padding-bottom: 1em; border-bottom: 1px dotted #000 } @media (min-width: 768px) and (max-width: 1024px) { .parent.p-apaib { rid-template-columns: repeat(3, 1fr); grid-column-gap: 1em !important; grid-row-gap: 1.25em; margin: 3em 0 !important} } @media (min-width: 1px) and (max-width: 767px) { .parent.p-apaib {grid-template-columns: repeat(2, 1fr); grid-column-gap: 1em !important; grid-row-gap: 1em; margin: 3em 0 !important} .wrap-listado-ingles .soci-index { width: 48%; margin-right: 2%} } .about-us h2.basier600.s64 { line-height: 1.05em !important; max-width: 80%} .wrap_play h3.play { margin: 0 !important;} .about-us p { width: 90% !important; } .wrap_flex.wrap_fifty { flex-wrap: wrap; } .wrap_flex.wrap_fifty .fifty { width: 50%; margin: 0; } .wrap_info .share { display: flex; flex-direction: column !important; } .share .icon_social { display: flex; } .header_page.ingles h2 { line-height: 1.1em !important; margin: 0 !important; } .ingles .elipse {margin-right: 1.5em !important; } .ingles .check p { border-bottom: 1px solid #000; padding-bottom: 1.5em; line-height: 1.5em !important } .share p {margin: 0 0 0.5em !important;} .share img { max-width: 30px !important; height: auto; width:5vw;} .header-associat .nav li.boto a:hover, .header-associat .nav li.link-login a:hover{ background-color: transparent !important; color: #fff !important;} /*ASSOCIACIONS RESPONSIVE */ .wrap_contact_soci .datos { width: 100%; padding: 0 25%; min-width: 100%; } .wrap_contact_soci.hay_form .datos { width: 35% !important; min-width: 35%; padding: 0 7.5%; } .hay_form .wpcf7-form-control-wrap.associacio { display: none !important} .single-associacio li.menu-idiomas, .page-template-page-org li.menu-idiomas, .page-template-page-cataleg li.menu-idiomas { display: none; } @media (min-width: 1px) and (max-width: 767px) { .wrap_flex.wrap_fifty .fifty { width: 80%; margin: 0 20% 0 0 !important; } .header-associat #logo {min-width: 80%;} .wrap_flex.beneficis { flex-direction: column;} .type-post .article-header .share { margin: 1em 5% 0!important;} .txt_imgRight, .txt_imgLeft {flex-wrap: wrap; } .wrap .wrap_85, .txt_imgRight .wrap_flex_txt, .txt_imgRight .wrap_flex_image, .txt_imgLeft .wrap_flex_txt, .txt_imgLeft .wrap_flex_image{ width: 100% !important;} .wrap_85 h2 { width: 90%; } .single-associacio .txt_imgRight .wrap_flex_image, .single-associacio .txt_imgLeft .wrap_flex_image {padding: 0 !important;} .single-associacio .txt_imgLeft .wrap_flex_txt p {margin-bottom: 1em !important;} .wrap_60 { width: 80%;} .wrap_contact_soci .datos {width: 100%; padding: 0 5%; min-width: 100%;} .wrap_contact_soci.hay_form, .header-single-associat { flex-wrap: wrap;} .wrap_contact_soci.hay_form .datos { width: 100%; padding: 0 5% 0 0; margin: 1em 0 2em !important; min-width: 100%; } .header-single-associat .logo_soci { position: relative; width: 40%; margin: 0 0 1.5em 0; left: auto; } #menu-associacio li.boto { display: none !important;} .menu-soci, .menu-soci a {display: flex; align-items: flex-start; align-content: flex-start; line-height: 1em !important; text-align: left !important; } .wrap_contact_soci.hay_form .form {width: 100% !important;padding: 0;} } /* Embed */ .mfp-container {z-index: 999 !important; } .wrap_wrapEmbed {position:relative; z-index: 1;} .bg-embed {width: 100%; height: auto; margin: 0 auto; position: absolute; z-index: -2; } .wrap_embed_image img {width: 100%; height: auto; display: block; } .wrap_embed { width: 100%; margin: 0 auto; position: relative; overflow: hidden; padding-top: 56.25%; } .wrap--embed { width: 100%; padding: 9% 8% 0 19%; z-index: 0 !important; } .wrap_embed iframe {position: absolute; top: 0;left: 0; bottom: 0;right: 0; width: 100%; height: 100%;} .wrap--embed p { margin-bottom: 0 !important;} .wrap--embed .boton-play { margin: 1em auto !important; text-align: center; max-width: 50px !important; } .tab.filtros {background-color: #fff;} .filtros li { border: 1px solid #000; border-radius: 4px; background-color: transparent !important; position: relative;} .filtros li.narrow.s18 .wrap_li { display: flex; justify-content: space-between !important; align-items: center; letter-spacing: 0.01em; line-height: 1.3em; padding: 0.65em 0.85em 0.65em 0.85em !important; } /* menu desplegable */ .filtros li ul.sub-menu { border: 1px solid #000; border-radius: 0px; padding:0; width: 101% !important; background-color: #fff;} .filtros li ul.sub-menu .facetwp-checkbox { display: block; width:100% } .filtros li ul.sub-menu .facetwp-checkbox {background-color: #fff; display: block; border-top: 1px solid #000; line-height: 1em; padding: 0.8em 0.25em 0.8em 1em;} .filtros li ul.sub-menu .facetwp-checkbox:first-child {border-top: 0px solid #000;} .filtros li > ul {display: block; visibility: hidden; position: absolute; top: 3em; left: -1px; z-index: 999999999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .filtros li:hover > ul, .nav li ul.sub-menu:hover { visibility: visible; } @media (min-width: 1px) and (max-width: 767px) { .header_page_filters .search { width: 100% !important; max-width: 100% !important; } .facetwp-facet input.facetwp-search { min-width: 84vw !important; max-width: 84vw !important; display: block;} .filtros li {justify-content: space-between !important; align-items: center; } .wrap_wrapEmbed { margin-top: 2.5em} .wrap--embed { width: 100%; padding: 5%; z-index: 999 !important; position: relative; } /* Home Soci */ .accions_destacadas .home-soci .wrap_single_accion { width: 70% !important; } .wrap_single_ajut { width: 48%; margin-bottom: 2em } .oberta.wrap_flex { flex-direction: column; } .oberta.wrap_flex .final { margin: 1em 0 0 0 !important; } } @media (min-width: 1px) and (max-width: 660px) { .wrap_single_ajut { width: 96%; margin-bottom: 2em } .wrap_mobile { flex-direction: column; } .wrap_mobile_flex { display: inline-flex;} .oberta .wrap_mobile_flex span.dot { width: 0.5em !important; height: 0.5em !important;} .wrap_single_doc { flex-direction: column; width: 100%; margin: 0 0 1.5em 0; padding: 2em 7%;} } @media (min-width: 768px) { ul.tab.filtros li.estat { min-width: 190px !important;} ul.tab.filtros { min-width: 15% !important;} } /* Formulario associacio */ .form_soci .label_tit { line-height: 1.3em; margin-bottom: 0 !important; width: 100%; display: block;} /* Cambiar el tamaño de fuente */ .wpcf7-file { font-size: 0.8em; } .form_soci input.wpcf7-file { line-height: 1.5em !important; color: #000 !important; border-color: #fff !important; border-width: 1px; border-style: solid; border-image: none; border-radius: 0 !important; padding: 0px; margin: 0.25em 0 0 0 !important; } .txt-bloco { width: 75% !important; padding: 0 2.5% 1.5em 0; } .form_soci label.lista { line-height: 1.3em; margin-bottom: 0 !important; display: flex; border-bottom: 2px dotted; justify-content: space-between; width: 100% !important; } .form_soci label.lista .wpcf7-form-control-wrap { width: 25% !important; min-width: 25% !important; margin: 0; border: 0 !important } .wpb-pcf-wpcf7-form .header_form.display_flex { display: flex; } .wpb-pcf-wpcf7-form .header_form .titular_form { width: 60%; padding: 3em 0 0 0; color: #000 !important; text-align: left !important; } .wpb-pcf-wpcf7-form .header_form .titular_form p.s36 {line-height: 1.75em; } .wpb-pcf-wpcf7-form .header_form .foto_form { width: 30%; margin: 0 auto; max-width: 140px !important; text-align: center; color: #000 !important; } .wpb-pcf-wpcf7-form .header_form .foto_form a { color: #000 !important; line-height: 2em } .wpb-pcf-wpcf7-form .header_form .foto_form img { border-radius: 40%; padding: 0 7.5%; width: 100%; height: auto !important;} .wpb-pcf-wpcf7-form .wrap_titular { padding: 1.2em 0 1em} .wpb-pcf-wpcf7-form .wrap_titular p { margin: 0 !important; text-align: left; color: #000 !important; line-height: 1.8em} p.s18 .wpcf7-form-control-wrap .wpcf7-list-item { margin: 0; width: 100% !important; } p.s18 .wpcf7-form-control-wrap .wpcf7-list-item label { width: 100%; display: flex;} p.s18 .wpcf7-form-control-wrap .wpcf7-list-item label input {margin: 0 0.5em 0 0!important; padding: 0 !important; width: 1em !important; background: #000 !important; } /* AJustes associacio */ .wrap_junta {flex-wrap: wrap; justify-content: flex-start !important;} .person { margin: 0 4% 0 0 !important; } .wrap_junta .person:nth-child(4n) { margin-right: 0 !important; } #menu-associacio .menu-idiomas { display: none !important;} .form .wpcf7-form-control-wrap.associacio { display: none; } .page-template-page-org .header_page_filters .tab { margin: 0 0 0 1em !important; } @media (min-width: 768px) and (max-width: 1029px) { .single-ajut .t-2of3 { float: left; padding-right: 5em !important; width: 66.66%; } } @media (min-width: 1030px) { .single-ajut .d-3of5 { float: left; padding-right: 5%; width: 60%; } .single-ajut .d-2of5 { float: left; margin: 0 2.5% !important; width: 35%; } } /* Timeline */ .timeline ul { padding: 0 0 0 0.7em; margin: 0; list-style: none; position: relative; } .timeline ul::before { content: " "; height: 80%; width: 1px; position: absolute; top: 0; left: 1.4em; z-index: 1; border-left: 1px dashed #000000; } .timeline li div { display: inline-block; margin: 0; vertical-align: top; } .timeline .bullet { width: 1.2em; height: 1.2em; box-sizing: border-box; border-radius: 50%; background: #A5C8D6; border: 0.1em solid #000; z-index: 9; margin-right: 1em; position: relative; margin-left: 2px; } .timeline .bullet.activo { border: 0.25em double #A5C8D6; background: #000; width: 1.4em; height: 1.4em; margin-left: 0 !important; } .timeline .desc { width: 50%; margin: 0 !important; min-height: 5em; } .timeline .desc p { margin: 0 0 0.65em 0 !important; line-height: 1em } /* Newsletter */ .foo35 p.s24 { margin-bottom: 0.15em !important;} .foo35 p {font-family: 'basier_circle_narrowregular' !important; } .foo35 p.basier500 { font-family: 'basier_circlemedium' !important;} .wrap_mailchimp label { display: flex; background: rgba(41,61,79,1) !important; border: 1px solid #fff; border-radius: 2px 40px 40px 2px } .wrap_mailchimp .input_mail { background: rgba(41,61,79,1) !important; padding: 0.85em 1.6em 0.95em 0.6em !important; border: 0 solid #fff; min-width: 65%; color: #fff !important; } .wrap_mailchimp input.boto { background-color: #fff !important; border: 2px solid #fff !important; border-radius: 30px; padding: 0.85em 1.5em; min-width: 35%; font-family: 'basier_circle_narrowregular' !important; font-size: 1.2em; color: #000 !important; font-weight: normal !important; } .wrap_mailchimp .mc4wp-response { margin: 0.75em 0 !important; } .wrap_mailchimp input::placeholder { color: #969da5; opacity: 1; } .wrap_mailchimp input:-ms-input-placeholder { color: #969da5; } .wrap_mailchimp input::-ms-input-placeholder { color: #969da5; } @media (min-width: 1px) and (max-width: 767px) { .wrap_mailchimp { width: 80%; margin: 0 10% 1em !important; } .wrap_mailchimp .input_mail,.wrap_mailchimp label { background: #1E2B3A !important;} .wrap_mailchimp input.boto { font-size: 1em !important; } /* Dossier */ .download_border { width: 46%; margin-right: 4%; border: 1px solid #000; padding: 2em 1em 0.5em 1em;margin-bottom: 2em; } .download_bloque { width: 46%; margin-right: 4%;} .download_bloque.bl4 { margin-right: 2% !important;} } @media (min-width: 1px) and (max-width: 600px) { /* Dossier */ .download_border { width: 46%; margin-right: 4%; border: 1px solid #000; padding: 2em 1em 0.5em 1em;margin-bottom: 2em; } .download_bloque { width: 96%; margin-right: 4%; margin-bottom: 1em;} .download_bloque.bl4 { margin-right: 4% !important;} } /*Agenda */ .wpml-ls-legacy-dropdown { border-color: #fff !important; } .card_agenda .info p.titulo, .card_agenda .info a p.titulo {min-height: 3.9em !important; margin-bottom: 0.5em !important; } .dia { line-height: 0.85em; } .has_thumb .clear1.thumb { max-height: 0 !important; } /* AJUT */ .single-ajut .line_clear { width: 100%; margin: 1em auto 1.5em; background-color: #000; height: 1px;} .page-template-page-ajuts-php .wrap_mobile_flex { display: flex;} .wrap_download a.down { text-decoration: none; padding: 0.75em 1.15em; border: 1px solid #000; margin-right: 1em; border-radius: 30px; justify-content: center; align-content: center; } .wrap_download a.down span {font-size: 0.75em; margin: 0 0 0 0.45em; border: 1px solid #000; border-radius: 30% } .wrap_download a.down:hover { background-color: #dde7ed !important; } #sidebar-ajut {background: #A5C8D6; padding: 2.5em 4%} /****************************************************************** RESPONSIVE ******************************************************************/ .last-col { float: right !important; padding-right: 0 !important; } /* Mobile Grid Styles These are the widths for the mobile grid. There are four types, but you can add or customize them however you see fit. */ @media (max-width: 767px) { .m-all { float: left; width: 100%; padding-right: 0; } } /* Portrait tablet to landscape */ @media (min-width: 768px) and (max-width: 1029px) { .t-all { float: left; width: 100%; padding-right: 0; } } /* Landscape to small desktop */ @media (min-width: 1030px) { .d-all { float: left; width: 100%; padding-right: 0; } } /********************* LARGER MOBILE DEVICES This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. Let's call them tweeners. *********************/ @media only screen and (min-width: 481px) { } /********************* TABLET & SMALLER LAPTOPS This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. *********************/ @media only screen and (min-width: 768px) and (max-width: 1020px) { .clear5 { height: 5.833vw; } .clear4 { height: 5vw; } .clear3 { height: 3.5vw; } .clear50 {height: 4.17vw; } .clear2 { height: 2.35vw; } .clear1 { height: 1.2vw; } body, p { font-size: 1.333vw !important;} .tags { font-size: 1vw !important;} .header-associat li a, a.boto-linia.s14, .s14 { font-size: 1.167vw !important;} .nav li a, a.boto-linia, .f001 li a, .s18, .f003 li a, .page-template-page-login .um-field-label label, .page-template-page-login input[type="submit"].um-button, .page-template-page-login .um-field-block {font-size: 1.5vw !important; } .s20 { font-size: 1.667vw !important; } .wrap_texto_home p, .first_ladrillo p, .s24, .content-accio, .content-accio p, .blog-post blockquote p {font-size: 2vw !important;} .soci, .s32 { font-size: 2.5vw !important} h3.basier600, .ch3, h1.basier600, .s36 { font-size: 3vw !important;} .single_anunci { border-radius: 3vw !important;} .s48, .content-accio-doble.s48 p { font-size: 4vw !important;} .wrap_texto_home h1, .s64 { font-size: 5vw !important} .dia, .play { font-size: 7.5vw !important;} .nav li.boto a, a.boto-linia, .form_soci input.wpcf7-submit, .page-template-page-login input[type="submit"].um-button, .facetwp-load-more, .select, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium, .form_inscripcio .wpcf7-submit { border-radius: 2.500vw !important;} #circle { width: 5.333vw !important; height: 5.333vw !important; top: -2.667vw !important; left: calc(50% - 2.667vw) !important;} #circle48 { width: 4vw !important; height: 4vw !important; right:-2vw !important; top: calc(50% - 2vw) !important;} .wrap_single_accion { min-height: 24.167vw; } .elipse {width: 4.167vw !important; min-width: 4.167vw; max-width: 4.167vw; height: 4.167vw !important;} .grid_soci .grid li:nth-child(2), .grid_soci .grid li:first-child {margin-top: 4.167vw !important;} .grid_soci .grid li:nth-child(3) {margin-top: -7.167vw !important; } /* position outside */ .flickity-prev-next-button.previous {left: -4.167vw;} .flickity-prev-next-button.next {right: -3.333vw;} .wrap_flickity { width: calc(100% -8.333vw ); margin: 0 auto; } .header_page_filters .search { width: 28% !important; max-width: 250px !important; } .wrap.wrap_accordion_horizontal .menu-column .wrap_accordion { padding: 0 10% 0 0 !important; } } @media only screen and (min-width: 1020px) { body, p { font-size: 1.111vw;} .tags { font-size: 0.833vw !important;} .header-associat li a, a.boto-linia.s14, .s14 { font-size: 1vw !important;} .nav li a, a.boto-linia, .f001 li a, .s18, .f003 li a, .page-template-page-login .um-field-label label, .page-template-page-login input[type="submit"].um-button, .page-template-page-login .um-field-block {font-size: 1.250vw !important;} .s20 { font-size: 1.389vw !important; } .wrap_texto_home p, .first_ladrillo p, .s24, .content-accio, .content-accio p, .blog-post blockquote p {font-size: 1.667vw !important;} .soci, .s32 { font-size: 2.2225vw !important} .s48, .content-accio-doble.s48 p { font-size: 3.333333vw !important;} h3.basier600, .ch3, h1.basier600, .s36 { font-size: 2.500vw !important} .single_anunci { border-radius: 2.500vw !important} .wrap_texto_home h1, .s64 { font-size: 4.444vw !important} .dia, .play { font-size: 6.667vw !important; } #circle { width: 5vw; height: 5vw; top:-2.5vw; left: calc(50% - 2.5vw);} #circle48 { width: 3.4vw; height: 3.4vw; right:-1.7vw; top: calc(50% - 1.7vw);} .wrap_single_accion { min-height: 20.2vw; } .nav li.boto a, a.boto-linia, .form_soci input.wpcf7-submit, .page-template-page-login input[type="submit"].um-button, .facetwp-load-more, .select, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium, .form_inscripcio .wpcf7-submit { border-radius: 2.049vw !important;} .elipse {width: 3.472vw; min-width: 3.472vw; max-width: 3.472vw; height: 3.472vw;} .grid_soci .grid li:nth-child(2), .grid_soci .grid li:first-child {margin-top: 3.472vw !important;} .grid_soci .grid li:nth-child(3) {margin-top: -5.972vw !important; } /* position outside */ .flickity-prev-next-button.previous {left: -3.472vw;} .flickity-prev-next-button.next {right: -2.778vw;} .wrap_flickity { width: calc(100% - 6.944vw); margin: 0 auto; } } /********************* DESKTOP This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. *********************/ @media only screen and (max-width: 1300px) { .uneix-te .wrap60 { width: 62%; } .uneix-te .wrap40 { width: 38%; } } @media only screen and (min-width: 1440px) { body, p { font-size: 16px !important;} .tags { font-size: 12px !important;} .header-associat li a, a.boto-linia.s14, .s14 { font-size: 14px !important;} .nav li a, a.boto-linia, .f001 li a, .s18, .f003 li a, .page-template-page-login .um-field-label label, .page-template-page-login input[type="submit"].um-button, .page-template-page-login .um-field-block {font-size: 18px !important; } .s20 { font-size: 20px !important; } .wrap_texto_home p, .first_ladrillo p, .s24, .content-accio, .content-accio p, .blog-post blockquote p {font-size: 24px !important;} .soci, .s32 { font-size: 32px !important} h3.basier600, .ch3, h1.basier600, .s36 { font-size: 36px !important;} .single_anunci { border-radius: 36px !important;} .s48, .content-accio-doble.s48 p { font-size: 48px !important;} .wrap_texto_home h1, .s64 { font-size: 64px !important} .dia, .play { font-size: 96px !important;} .nav li.boto a, a.boto-linia, .form_soci input.wpcf7-submit, .page-template-page-login input[type="submit"].um-button, .facetwp-load-more, .select, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium, .form_inscripcio .wpcf7-submit { border-radius: 29.5px !important;} #circle { width: 64px !important; height: 64px !important; top:-32px !important; left: calc(50% - 32px) !important;} #circle48 { width: 48px !important; height: 48px !important; right:-24px !important; top: calc(50% - 24px) !important;} .wrap_single_accion { min-height: 290px; } .elipse {width: 50px !important; min-width: 50px !important; height: 50px !important;} .grid_soci .grid li:nth-child(2), .grid_soci .grid li:first-child {margin-top: 50px !important;} .grid_soci .grid li:nth-child(3) {margin-top: -86px !important; } /* position outside */ .flickity-prev-next-button.previous {left: -50px;} .flickity-prev-next-button.next {right: -40px;} .wrap_flickity { width: calc(100% - 100px); margin: 0 auto; } } @media only screen and (max-width: 767px) { /* menu */ .responsive-menu-pro-button .responsive-menu-pro-box img, .responsive-menu-pro-button .responsive-menu-pro-box { width: 100% !important; height: auto !important; } button#responsive-menu-pro-button { max-width: 40px !important; max-height: 40px !important; } #logo {width: 36%; margin: 0 auto !important; max-width: 130px;} #inner-header {align-content: center !important;} #responsive-menu-pro-wrapper { padding-top: 13vw !important;} #responsive-menu-pro-container #responsive-menu-pro, #responsive-menu-pro-container #responsive-menu-pro ul { width: 88%; margin: 0 auto; } #responsive-menu-pro .menu-item a, #responsive-menu-pro .responsive-menu-pro-submenu-depth-1 { border-bottom: 1px dotted #A5C8D6 !important} #responsive-menu-pro .responsive-menu-pro-submenu-depth-1 .menu-item a { border-bottom: 1px dotted #fff !important} #responsive-menu-pro li:last-child a { border-bottom: 1px dotted #fff !important} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a { padding: 0 5%; text-align: center; margin: 0 auto; font-family: 'basier_circle_narrowregular'; } #responsive-menu-pro-container .footer_mobile_azul a { color: #fff} .responsive-menu-pro-subarrow img { width: 5vw !important} .v_desktop { display: none !important;} .v_mobile { display: block !important; } a.boto-linia, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium { padding: 0.9em 1.6em;} .uneix-te { display: block;} .wrap60, .wrap40 { width: 100% !important; margin: 0 auto;} #responsive-menu-pro-container #responsive-menu-pro-additional-content, #responsive-menu-pro-container #responsive-menu-pro-title { padding: 0 !important; margin-top: 2em; } .wrap_botones_mob, .footer_mobile_azul .wrap_icons.wrap_flex { align-items: center; justify-content: center; margin: 1em auto !important } .wrap_botones_mob a.boto-linia, .footer_mobile_azul .direccio p.boto a { padding: 0.8em 1.8em !important; } .footer_mobile_azul .direccio p { font-size: 2.8vw !important; line-height: 1.6em; }.wrap_botones_mob .link-login { padding: 1em 2em !important;} .footer_mobile_azul .direccio p.boto { margin: 2em auto !important;} /*Home */ .wrap_texto_home { width: 90%; bottom: auto !important; left: 5%; top: 10vw !important;} .wrap_texto_home p br {display: none;} .wrap_texto_home p {margin-bottom: 0 !important;} .wrap_banner_home { margin-bottom: 25vw !important} .full_blue #circle { display: none; } .topics, .wrap-listado, .wrap-accions-home, .wrap-destacats_revista { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start !important; -webkit-overflow-scrolling: touch; } .wrap.accions_destacadas, .wrap.topics, .wrap.destacats_revista { width: 94% !important; margin: 0 0 0 6%; } .wrap.topics { padding-bottom: 8vw !important;} .topics .item, .wrap-accions-home .wrap_single_accion, .single_post_home, .wrap-accions-home.index .wrap_single_accion{flex: 0 0 auto; width: 72.5% !important; margin-right: 7.5%} .wrap-accions-home .wrap_single_accion { padding: 10% 15% 10% 7%; min-height: 60vw; } .facetwp-template .wrap-accions-home.index { flex-wrap: wrap !important; overflow-x: hidden !important; } .facetwp-template .wrap-accions-home.index .wrap_single_accion{flex: 0 0 auto; width: 45% !important; margin-right: 5%} .associa.wrap_100 .wrap { width: 100% !important; } .wrap.accions_destacadas .wrap_flex.wrap_veuremes, .destacats_revista .wrap_flex.wrap_veuremes { width:95% !important; margin: 0 5% 0 0;} .wrap-listado .soci .bg-branco { padding: 0 0.95em !important} .wrap-properes_activitats { display: block;} .wrap-properes_activitats .single_event_home { width: 100% !important; margin-bottom: 1.25em; border-bottom: 1px solid #000; padding-bottom: 1.25em; border-right: 0 } .wrap-properes_activitats { border-bottom: 0;} /* QUI SOM */ .wrap_flex.flex_wrap { flex-wrap: wrap;} .wrap_flex_txt, .wrap_flex_image { width: 100% !important; margin: 1em 0 2em;} .wrap50 { width: 80% !important; } .item-icon, .person { width: 40%; margin: 0 5% !important; } /* Associacions */ .header_page_ass h1 { max-width: 90% !important;} .grid_soci .grid li { margin-top: 0 !important;} .grid_soci .grid li { float: left; padding: 0 2.5%; width: 95%; } .wrap_play .w60 { width: 100%; margin: auto auto auto 0; } .wrap_play .w40 { width: 80%; margin: 1em auto 0 0;} ul#grid { margin-top: 1em;} li.first_ladrillo p { margin-bottom: 0 !important; } /* Prensa */ .wrap_single_premsa { width: 28% !important; margin: 0 5.33% 2em 0; } /* Accions */ .last_accio { width: 100%; margin: 0 auto 2em; } .sidebar_call { border: 1px solid #000; margin: 0 0 0 auto; width: 100%; display: flex; padding: 2% 3.5%; } /* Agenda */ .wrap-agenda_activitats .single_event_list { width: 100%; max-width: 100% !important; margin-bottom: 1.5em !important; } .card_info { margin: 1em 0 !important;} .header_page_filters { flex-direction: column; } .header_page_filters .collapsible { min-width: 300px !important; } .header_page_filters .tab { margin: 0.75em 0 0 0} /* Footer */ .footer { background: #1E2B3A !important;} .footer .wrap_flex { display: block !important;} .footer .foo65, .wrap_suport .suport { width: 100% !important;} .footer .wrap_logos_suport.wrap_flex { display: flex !important; margin: 2em 0; } .wrap_suport .wrap_logos_suport img {width: 33% !important;} .wrap_suport .membre { width: 33% !important;} .footer .foo35, .footer .wrap_sidebars, .footer .clear_line { display:none !important; } .copyright, .wrap_legales { display: block; width: auto !important;} .source-org.copyright span { width: 100% !important; margin: 0 auto 1em !important; display: block;text-align: center;} } @media only screen and (min-width: 768px) { .v_desktop { display: block;} .v_mobile { display: none !important; } } @media only screen and (min-width: 661px) and (max-width: 767px) { .clear5 { height: 5.833vw; } .clear4 { height: 5vw; } .clear3 { height: 3.5vw; } .clear50 {height: 4.17vw; } .clear2 { height: 2.35vw; } .clear1 { height: 1.2vw; } .wrap_texto_home h1, .s64 { font-size: 6.5vw !important} .dia, .play { font-size: 7.5vw !important;} .wrap_texto_home p, .first_ladrillo p, .s24, .content-accio, .content-accio p, .blog-post blockquote p {font-size: 3vw !important;} .nav li a, a.boto-linia, .f001 li a, .s18, .f003 li a, .page-template-page-login .um-field-label label, .page-template-page-login input[type="submit"].um-button, .page-template-page-login .um-field-block {font-size: 2.5vw !important; } .s20 { font-size: 2.2vw !important; } body, p { font-size: 2vw !important;} .tags { font-size: 1.5vw !important;} .header-associat li a, a.boto-linia.s14, .s14 { font-size: 1.167vw !important;} .soci, .s32 { font-size: 2.75vw !important} h3.basier600, .ch3, .s36 { font-size: 4vw !important;} h1.basier600 { font-size: 5vw !important;} .single_anunci { border-radius: 3vw !important;} .s48, .content-accio-doble.s48 p { font-size: 6vw !important;} .nav li.boto a, a.boto-linia, .form_soci input.wpcf7-submit, .page-template-page-login input[type="submit"].um-button, .facetwp-load-more, .select, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium, .form_inscripcio .wpcf7-submit { border-radius: 5vw !important;} #circle { width: 7vw !important; height: 7vw !important; top: -3.5vw !important; left: calc(50% - 3.5vw) !important;} #circle48 { width: 6vw !important; height: 6vw !important; right:-3vw !important; top: calc(50% - 3vw) !important;} .elipse {width: 6vw !important; min-width: 6vw !important; max-width: 6vw !important; height: 6vw !important;} /* position outside */ .flickity-prev-next-button.previous {left: -7vw;} .flickity-prev-next-button.next {right: -5vw;} .wrap_flickity { width: calc(100% -12vw); margin: 0 auto; } .header_page_filters .search { width: 28% !important; max-width: 250px !important;} .wrap.wrap_accordion_horizontal .menu-column .wrap_accordion { padding: 0 10% 0 0 !important;} /* Home */ .wrap_banner_home {margin-bottom: 0 !important;} .topics .item, .wrap-accions-home .wrap_single_accion, .single_post_home, .wrap-accions-home.index .wrap_single_accion { width: 37% !important; margin-right: 5%; } .wrap-accions-home .wrap_single_accion { padding: 7% 12.5%7% 5%; min-height: 40vw;} } @media (min-width: 1px) and (max-width: 660px) { .clear5 { height: 10vw; } .clear-top { height: 6vw !important; } .clear4 { height: 8vw; } .clear3 { height: 6vw; } .clear50 {height: 7vw; } .clear2 { height: 4vw; } .clear1 { height: 2vw; } body, p { font-size: 3.8vw !important;} .header-associat li a, a.boto-linia.s14, .s14 { font-size: 3.2vw !important;} .tags, p.azul { font-size: 3vw !important;} .nav li a, a.boto-linia, .f001 li a, .s18, .f003 li a, .page-template-page-login .um-field-label label, .page-template-page-login input[type="submit"].um-button, .page-template-page-login .um-field-block, .s20 {font-size: 3.8vw !important;} .wrap_texto_home p, .first_ladrillo p, .s24, .content-accio, .content-accio p, .blog-post blockquote p, .wrap_texto_home p {font-size: 4.15vw !important;} h3.texto.s24 { font-size: 5vw !important;} .info .s24 {font-size: 4.6vw !important;} .s32 { font-size: 6vw !important} .info_post .s32 { font-size: 4.8vw !important;} .soci { font-size: 5vw !important} h3.basier600, .ch3, h1.basier600, .s36 { font-size: 4.75vw} .wrap_veuremes a { font-size: 3vw !important} .single_anunci { border-radius: 7vw !important} .s48, .content-accio-doble.s48 p { font-size: 6vw !important;} p.s48 { font-size: 6vw !important;} .wrap_texto_home h1, .s64 { font-size: 8.32vw;} .dia { font-size: 17vw !important; } .play { font-size: 12vw !important; } #circle { width: 15vw; height: 15vw; top:-7.5vw; left: calc(50% - 7.5vw);} #circle48 { width: 12vw; height: 12vw; right:-6vw; top: calc(50% - 6vw);} .nav li.boto a, a.boto-linia, .form_soci input.wpcf7-submit, .page-template-page-login input[type="submit"].um-button, .facetwp-load-more, .select, .boto-popup .wpb-pcf-btn.wpb-pcf-btn-medium, .form_inscripcio .wpcf7-submit { border-radius: 7vw !important;} .elipse {width: 9vw; height: 9vw; min-width: 9vw;} .elipse span { font-size: 1.25em !important;} /* position outside */ .flickity-prev-next-button.previous {left: -12vw;} .flickity-prev-next-button.next {right: -12vw;} .wrap_flickity { width: calc(100% - 20vw); margin: 0 auto; } /* QUI SOM */ .wrap50 { width: 90% !important; } .wrap80Left { width: 90%; margin: 0 10% 0 0; } .item-icon { width: 90%; margin: 0 5% 2em !important; } .wrap_flex_txt h1 { margin-bottom: 0.3em} .flexible_titular .s48, .flexible_editor .s48{ font-size: 8.75vw !important} .txt_imgRight .wrap_flex_txt p { width: 100%; } /* Contacte */ .wrap_correus { min-width: 100%; max-width: 100%; width: 100%; margin-right: 0; } .wrap_full.mapa .wrap { width: 100% !important; display: block;} .wrap_mapa { min-width: 100% !important; border: 1px solid #A5C8D6; display: block; } .mapa .wrap_info { width: 80%; margin: 0 10% !important; display: block; padding: 2em 0; } /* Prensa */ .wrap_single_premsa { width: 45% !important; margin: 0 5% 2em 0; } .menu_midia .facetwp-radio { margin: 0 0.5em 0.5em 0; padding: 0.4em 1em !important; font-size: 2.75vw !important; } } /* Idiomas */ .wpml-ls-legacy-dropdown > ul { } .footer_mobile_azul .wrap_embed img { width: 80%; height: auto !important; margin: 2.5em auto !important} .wpml-ls-legacy-dropdown {width: 100% !important;max-width: 150px !important; font-family: 'basier_circle_narrowregular'; font-weight: normal; font-style: normal; text-transform: uppercase; border: 1px solid #fff; border-radius: 30px; } #icl_lang_sel_widget-5 .wpml-ls-legacy-dropdown {width: 100% !important; max-width: 200px !important; margin: 0 auto; } #icl_lang_sel_widget-4 { width: 90%; margin: 0 10% 0 0; max-width: 180px !important;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {border-width: 0 !important; line-height: 1.75em !important;padding: 0.25em 0 0 2em !important;} #icl_lang_sel_widget-5 .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {padding: 0.25em 0 0 0 !important; background-color: #1E2B3A; text-align: left;} #icl_lang_sel_widget-5 .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {background-color: #1E2B3A !important;width: 100%; margin: 0 auto; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: 0.25em !important; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {padding: 0.45em !important } .wpml-ls-legacy-dropdown a, .wpml-ls-sub-menu { color: #ffffff; background-color: transparent !important; border-color: transparent !important; padding: 0 !important; } .wpml-ls-sidebars-footer4 li a:hover, .wpml-ls-sidebars-footer4 li:hover a { color: #fff !important;} a.wpml-ls-item-toggle { display: flex; align-content: center; } .wpml-ls-legacy-dropdown a span { vertical-align: middle; line-height: 1.5em;} .wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle::before {content: "\e894";font-family: 'Material Symbols Outlined';display: inline-flex;margin-right: 5px !important;font-size: 1.25em;line-height: 1em;vertical-align: -50%;} .wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle:after {font-family: 'Material Symbols Outlined';content: '\e5cf';color: #ffffff;padding: 0 0 0 0.5em;line-height: 1em !important;vertical-align: middle !important;border: 0 solid transparent;position: absolute;right: 10px;top: calc(50% - 0.5em);font-size: 1.5em;} .wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown ul li { padding: 0.5em 0.75em !important} .wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle::before { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48 } /* Ajustes */ .single-associacio .link-account a img, .page-template-page-org .link-account a img, .header-associat .link-account a img {filter: opacity(0.4) drop-shadow(0 0 0 white); filter: brightness(6);} .single-associacio .txt_imgRight .wrap_flex_txt p {width: 100% !important;} .wrap-docs p.azul {letter-spacing: 0.015em !important;} #responsive-menu-pro .menu-item-has-children:hover a { color: #000 !important;} .oberta .dot-azul {margin: 0 0 0 1em !important;} .wrap-agenda_activitats .single_event_list.card_agenda .tags.mult_dias { line-height: 1.8em !important; } @media only screen and (max-width: 1024px) { .filters_doc .facetwp-facet input.facetwp-search {min-width: 26ch !important; line-height: 1.65em !important;} } @media only screen and (max-width: 767px) { /* FESTE SOCI */ .claim-soci { flex-direction: column !important; } .claim-soci h1, .claim-soci .claim, .claim-soci .boton-AVANTATGES { width: 100% !important; margin: 0.5em auto 1em !important} /* Documentació */ .filters_doc .tab .facetwp-checkbox {max-width: 100%; } .wrap_single_doc {flex-direction: column;width: 48%;margin: 0 2% 1.25em 0;background-color: #F4F4F4;padding: 1.5em 2%;} /* BLOG */ .wrap_single_accion.last_accio .content-accio-doble{padding: 10% 15% 10% 7% !important;} .sidebar_call { padding: 2.5em !important;} .wrap_blog .wrap_grid {width: 88% !important; max-width: 760px !important;} .wrap_blog .wrap_grid li.single_post_home {width: 100% !important; margin: 0 auto 1.5em !important; padding: 0 !important; } .type-post .wrap_thumb { min-width: 100%; max-width: 100%; margin: 0 auto 1em !important;;} .type-post .article-header { flex-direction: column; } .type-post .article-header .dados {margin: 1em 5% 0!important; } .type-post .blog-post { width: 90% !important; margin: 0 auto;} .type-post .blog-post blockquote { margin-left: -5% !important; border-left: 6px solid #A5C8D6; padding-left: 1.5em;} .related-posts.wrap {flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start !important; -webkit-overflow-scrolling: touch; width: 94% !important; margin: 0 0 0 6%; } .responsive-menu-pro-subarrow img { width: 7.5vw !important; margin-top: 2.5vw !important;} .filtros li > ul {-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;} .page-template-page-agenda .oberta.wrap_flex { flex-direction: row !important; } } /* pop up */ .mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 502;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;filter: alpha(opacity=80);}.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 503;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}.mfp-container {height: 100%;text-align: center;position: absolute;width: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}.mfp-align-top .mfp-container:before {display: none;}.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 505;}.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}.mfp-ajax-cur {cursor: progress;}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}.mfp-auto-cursor .mfp-content {cursor: auto;}.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}.mfp-loading.mfp-figure {display: none;}.mfp-hide {display: none !important;}.mfp-preloader {color: #cccccc;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 504;}.mfp-preloader a {color: #cccccc;}.mfp-preloader a:hover {color: white;}.mfp-s-ready .mfp-preloader {display: none;}.mfp-s-error .mfp-content {display: none;}button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;padding: 0;z-index: 506;}button::-moz-focus-inner {padding: 0;border: 0;}.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: white;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace;}.mfp-close:hover, .mfp-close:focus {opacity: 1;}.mfp-close:active {top: 1px;}.mfp-close-btn-in .mfp-close {color: #333333;}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: white;right: -6px;text-align: right;padding-right: 6px;width: 100%;}.mfp-counter {position: absolute;top: 0;right: 0;color: #cccccc;font-size: 12px;line-height: 18px;}.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.mfp-arrow:active {margin-top: -54px;}.mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;}.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: solid transparent;}.mfp-arrow:after, .mfp-arrow .mfp-a {opacity: 0.8;border-top-width: 12px;border-bottom-width: 12px;top: 8px;}.mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 20px;border-bottom-width: 20px;}.mfp-arrow-left {left: 0;}.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 12px solid black;left: 5px;}.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {border-right: 20px solid white;}.mfp-arrow-right {right: 0;}.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 12px solid black;left: 3px;}.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 20px solid white;}.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}.mfp-iframe-scaler iframe {position: absolute;top: -3px;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: black;}.mfp-iframe-holder .mfp-close {top: -43px;}img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}.mfp-figure {line-height: 0;}.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}.mfp-title {text-align: left;line-height: 18px;color: #f3f3f3;word-break: break-word;padding-right: 36px;}.mfp-figure small {color: #bdbdbd;display: block;font-size: 12px;line-height: 14px;}.mfp-image-holder .mfp-content {max-width: 100%;}.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}.mfp-img-mobile img.mfp-img {padding: 0;}.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}.mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;}.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}}@media all and (max-width: 800px) {.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}.mfp-container {padding-left: 6px;padding-right: 6px;}}.mfp-ie7 .mfp-img {padding: 0;}.mfp-ie7 .mfp-bottom-bar {width: 600px;left: 50%;margin-left: -300px;margin-top: 5px;padding-bottom: 5px;}.mfp-ie7 .mfp-container {padding: 0;}.mfp-ie7 .mfp-content {padding-top: 44px;}.mfp-ie7 .mfp-close {top: 0;right: 0;padding-top: 0;} /* ULTIMATE FEB-25 */ .um_request_name, .um-account .um-account-profile-link a { COLOR: #FFFFFF; } .wrap_suport .wrap_logos_suport .wrap-image-suport { width: 25% !important; } .wrap_suport .wrap_logos_suport .wrap-image-suport:first-child { width: 50% !important; height: auto !important; margin: 0 5% 0 0 !important; } .wrap_suport .wrap_logos_suport img, .wrap_suport .wrap_logos_suport .wrap-image-suport:first-child img { width: 100% !important; } .wrap_embed.ca .news_es, .wrap_embed.es .news_ca, #menu-asociacio-es .menu-idiomas{ display: none !important;} .dot.escuro, .dot-azul.escuro { background-color: #789CAB !important} .wrap_single_accion p.download span { padding: 0 0.5em; } .wrap_mapa { width: 65% !important;} .ctf-tweet-text { font-family: 'basier_circle_narrowregular' !important; font-weight: normal; font-style: normal; letter-spacing: 0.01em; } #ctf.ctf-masonry .ctf-item { padding: 0 !important; margin: 0 6.5% 0 0 !important; width: 29% !important; } #ctf.ctf-masonry .ctf-item:last-child { margin: 0 !important;} #ctf .ctf-corner-logo { right: 12%; } #ctf.ctf-narrow .ctf-tweet-content { padding: 0 !important; margin: 1.5em 10% 0 0 } .header_soci .link-account .menu-idiomas { display: none !important; } .footer.ca .news_es, .footer.es .news_ca, .page-template-page-home-ingles .f004.wrap_foo, .wrap_select.ca .esp, .wrap_select.es .cat {display: none !important; } @media only screen and (min-width: 661px) and (max-width: 767px) { .single_anunci { width: 47.5% !important; } } @media only screen and (min-width: 1px) and (max-width: 660px) { .single_anunci, .wrap-anuncis li:first-child, .wrap-anuncis li:nth-child(2) { width: 100% !important; } .header_page_filters .collapsible { min-width: 84vw !important; } .page-template-page-anuncis .listado_tipus { display: none; } .penjar { margin: 1.5em 0 1.5em 0 !important; padding: 0; align-items: center; max-height: 2em; } .penjar span.material-symbols-outlined { font-size: 3em !important; margin: 0; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.6; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .white-popup, .white-popup-block { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 500px; margin: 20px auto; } .popup_associat { margin: 2em auto;} .popup_associat p.basier600 { margin: 0.75em auto; width: 80%; letter-spacing: 0 !important; } /* ENERO-26 */ .swal2-close{ display: block !important; } .facetwp-template { height: auto !important; } /* Aplicar solo en la página de Anuncis */ .wrap_masonry_anuncis.wrap {width: 91.66% !important; max-width: 1416px !important; } .page-template-page-anuncis .wrap-anuncis { display: block !important; } .new_anuncis .single_anunci { background: #E4EFF3; padding: 2em 3.5%; margin: 0 1.515% 1.75em !important; width: 30.03% !important; box-sizing: border-box; transition: height 0.3s ease-out; float:left; } .new_anuncis .wrap-anuncis { display:block !important; } @media only screen and (min-width: 661px) and (max-width: 767px) { .new_anuncis .single_anunci { width: 47.5% !important; margin: 0 1% 1.75em !important; } } @media only screen and (min-width: 1px) and (max-width: 660px) { .new_anuncis .single_anunci, .page-template-page-anuncis .wrap-anuncis li:first-child, .page-template-page-anuncis .wrap-anuncis li:nth-child(2) { width: 100% !important;} }