@charset "UTF-8"; /* $Id: style.css Exp $ credits _____________ theme: cenie date: 08/10/2017 author: Cesar Alvarez, cesar@wildwildweb.es - Javi del Campo, javi@wildwildweb.es company: wildwildweb.es __ __ __ __ __ _ __( ) /___/ /_ __(_) /___/ /_ __ __ / / | |/|/ / / // _ /| |/|/ / / // _ /| |/|/ / -_) _ \ |__,__/_/_/ \_,_/ |__,__/_/_/ \_,_/ |__,__/\__/_.__/ code is poetry /* variables ______________ */ /* mixins ______________ */ /* general ______________ */ * { padding: 0; margin: 0; list-style: none; } html { overflow-y: scroll !important; } ::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */ } body { font-family: "Titillium Web", sans-serif; font-style: normal; font-weight: 300; font-size: 100%; background: #ffffff; color: #555555; padding-top: 140px; } p, ul { line-height: 160%; margin: 0 0 1em; } ul li.leaf { float: left; list-style-image: none; list-style-type: none; margin-bottom: 12px; } ul#horizontal-menu li.leaf { float: none; } ol { margin: 20px 0 !important; } ol li { list-style-type: disc; margin: 0 0 15px 20px; } ul li { list-style-type: disc; margin: 0 0 10px 3px; } td, th { padding: 3px; color: #333 !important; } abbr { cursor: help; border-bottom: 1px dotted #666; } a { text-decoration: none; } .field-name-body a { color: #206eda; } .field-name-body a:hover { color: #83cdac; } a:focus { outline: none; } a img { border: none; } strong, b { font-weight: 700; } img { width: 100%; height: auto; } .field-name-body img { width: auto; height: auto !important; max-width: 100%; } fieldset { padding: 10px 0 0 1px; } .krumo-root img, .views_infinite_scroll-ajax-loader img { width: auto; } /* headers ______________ */ h1 { font-size: 250%; font-weight: 100; margin-bottom: 30px; color: #3e4383; } .field-name-body h2 { margin: 30px 0 10px; } /* logo ______________ */ .i18n-es #logo, .i18n-en #logo, .i18n-pt #logo { background: url("images/logo.svg") no-repeat scroll center center transparent; height: 102px; text-indent: -9000px; width: 260px; display: block; position: absolute; top: 25px; background-size: 100%; } .i18n-es #logo:hover, .i18n-en #logo:hover, .i18n-pt #logo:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .i18n-en #logo { background: url("images/logo_cenie_EN.svg") no-repeat scroll center center transparent; } .i18n-pt #logo { background: url("images/logo_cenie_PT.svg") no-repeat scroll center center transparent; } /* header ______________ */ header { position: fixed; top: 0; z-index: 100; width: 100%; background: #ffffff; -webkit-box-shadow: 0px 3px 25px 4px rgba(209, 209, 209, 0.41); -moz-box-shadow: 0px 3px 25px 4px rgba(209, 209, 209, 0.41); box-shadow: 0px 3px 25px 4px rgba(209, 209, 209, 0.41); /* #block-block-16 { position: absolute; right: 130px; top: 30px; a { background: $lila; color: $blanco; padding: 5px 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; &:hover { background: $blanco; color: $lila; border: solid 1px $lila; } } } */ /* ----- Boton sociedad longeva y zamora ------*/ } header .header-content { max-width: 1181px; margin: 0 auto; width: 90%; height: 140px; position: relative; } header #block-responsive-menu-horizontal-menu { display: none !important; float: right; margin-top: 90px; } header #block-responsive-menu-horizontal-menu ul li { list-style-type: none; margin: 0 0 0 15px; display: inline-block; padding: 0; } header #block-responsive-menu-horizontal-menu ul li a { color: #3e4383; font-weight: 800; font-size: 95%; padding: 0; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } header #block-responsive-menu-horizontal-menu ul li a:hover { color: #83cdac; } header #block-responsive-menu-horizontal-menu ul li.expanded > a::after { font-size: 80%; display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } header #block-responsive-menu-horizontal-menu .sub-nav { background: #83cdac; padding: 0; margin-top: 10px; text-align: center; left: 50%; margin-left: -110px; } header #block-responsive-menu-horizontal-menu .sub-nav li { margin: 0; padding: 5px 15px; width: -moz-available; /* WebKit-based browsers will ignore this. */ width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ width: fill-available; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } header #block-responsive-menu-horizontal-menu .sub-nav li a { color: #fff; font-weight: 300; } header #block-responsive-menu-horizontal-menu .sub-nav li a:hover { color: #fff; } header #block-responsive-menu-horizontal-menu .sub-nav li:hover { background: rgba(0, 0, 0, 0.05); } header #block-responsive-menu-horizontal-menu .sub-nav li.last { padding: 5px 15px 10px 15px; } header #block-lang-dropdown-language-content { position: absolute; top: 55px; right: 100px; } header #block-lang-dropdown-language-content select { font-family: "Titillium Web", sans-serif; border: none; text-transform: uppercase; background: url(images/arrow-down.svg) no-repeat scroll center right 0px; } header #block-block-14 { right: 195px; position: absolute; top: 70px; width: 20px; height: 20px; } header #block-block-14 .login-c a { background: url("images/profile.svg") no-repeat scroll center center; position: absolute; width: 20px; height: 20px; } header #block-block-16 { position: absolute; right: 260px; top: 0; } header #block-block-16 > .content { display: flex; } header #block-block-16 > .content .boton-multimedia a { width: 125px; height: 140px; display: block; } header #block-block-16 > .content .boton-multimedia a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } header #block-block-16 > .content .boton-curso a { width: 125px; height: 140px; display: block; } header #block-block-16 > .content .boton-curso a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } header #block-block-16 > .content .boton-longevo a { width: 125px; height: 140px; display: block; } header #block-block-16 > .content .boton-longevo a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } header #block-block-16 > .content .boton-zamora a { width: 125px; height: 140px; display: block; } header #block-block-16 > .content .boton-zamora a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .i18n-es header #block-block-16 .boton-longevo a { background: url("images/psl_header.svg") no-repeat scroll center; background-size: cover; } .i18n-en header #block-block-16 .boton-longevo a { background: url("images/psl_header_en.svg") no-repeat scroll center center transparent; background-size: cover; } .i18n-pt header #block-block-16 .boton-longevo a { background: url("images/psl_header_pt.svg") no-repeat scroll center center transparent; background-size: cover; } .i18n-es header #block-block-16 .boton-zamora a { background: url("images/juntosdamosmasvida_header.svg") no-repeat scroll center; background-size: cover; } .i18n-en header #block-block-16 .boton-zamora a { background: url("images/juntosdamosmasvida_header_en.svg") no-repeat scroll center center transparent; background-size: cover; } .i18n-pt header #block-block-16 .boton-zamora a { background: url("images/juntosdamosmasvida_header_pt.svg") no-repeat scroll center center transparent; background-size: cover; } .i18n-es header #block-block-16 .boton-curso a { background: url("images/curso_online-header.svg") no-repeat scroll center; background-size: cover; } .i18n-en header #block-block-16 .boton-curso a { background: url("images/curso_online-header_en.svg") no-repeat scroll center; background-size: cover; } .i18n-pt header #block-block-16 .boton-curso a { background: url("images/curso_online-header_pt.svg") no-repeat scroll center; background-size: cover; } .i18n-es header #block-block-16 .boton-multimedia a { background: url("images/multimedia_es.svg") no-repeat scroll center; background-size: cover; } .i18n-en header #block-block-16 .boton-multimedia a { background: url("images/multimedia_en.svg") no-repeat scroll center; background-size: cover; } .i18n-pt header #block-block-16 .boton-multimedia a { background: url("images/multimedia_pt.svg") no-repeat scroll center; background-size: cover; } .not-front header { margin: 0 auto 50px; } /* search ______________ */ .custom-searchbox-popup-trigger a.button { padding: 0; border: none; color: #000; background: url("images/search-black.svg") no-repeat scroll center center; right: 155px; position: absolute; top: 70px; text-indent: -9000px; width: 20px; height: 20px; } .custom-searchbox-popup-trigger a.button:hover, .custom-searchbox-popup-trigger a.button:focus { color: #000; background: url("images/search-black.svg") no-repeat scroll center center; border: none; cursor: pointer; } .mfp-fade.mfp-bg.mfp-ready.custom-searchbox { opacity: 0; } .mfp-wrap.custom-searchbox .mfp-container { padding: 0; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content { position: absolute; top: 0; left: 0; right: 0; background: #3e4383; width: 1181px; max-width: 90%; margin: 0 auto; -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.75); box-sizing: border-box; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.35s ease-out; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup { padding: 0; background: none; height: 85px; line-height: 85px; max-width: 1181px; margin: 0 auto; width: 90%; width: 100%; box-shadow: none; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup .form-item { margin: 0; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup .form-item label { background: url(images/search-white.svg) no-repeat scroll center center; width: 70px; text-indent: -9000px; height: 85px; margin: 0; background-size: 32%; position: absolute; top: 0; left: 0; border-right: 1px solid #fff; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input.form-submit { display: none; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input[type=text] { background: none; border: none; color: #ffffff; font-size: 130%; font-weight: 100; max-width: 700px; width: 80%; position: absolute; top: 16px; left: 80px; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input[type=text]::placeholder { color: #ffffff; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input[type=text]:-ms-input-placeholder { /* IE 10+ */ color: #ffffff; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup button.mfp-close { top: 32px; right: 20px; text-indent: -9000px; background: url("images/exit.svg") no-repeat scroll center center; width: 20px; height: 20px; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup .ui-widget { font-family: "Titillium Web", sans-serif; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete { top: 85px !important; width: 100% !important; position: absolute; left: 0 !important; border-radius: 0; border: none; padding: 20px 0; opacity: 0.95; -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.75); } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item { list-style: none; display: block; max-width: 100%; width: 100% !important; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item a { padding: 5px 0; margin: 0 0 0 85px; width: 90%; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item .ui-autocomplete-field-type { color: #795192; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; font-size: 100%; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item .ui-autocomplete-field-title { font-size: 115% !important; width: 85%; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item .ui-state-focus { background: none; border: none; border-radius: 0; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item:hover { background: #83cdac; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item:hover .ui-autocomplete-field-type, .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item:hover .ui-autocomplete-field-title { color: #ffffff; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-state-disabled.ui-menu-item-.ui-menu-item { margin-left: 90px; font-size: 110%; color: #555555; opacity: 1; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-state-disabled.ui-menu-item-.ui-menu-item:hover { background: #ffffff; } /* Overlay */ .mfp-bg { background: #3e4383; } .mfp-fade.mfp-bg { /* at start */ opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { /* animate in */ opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { /* animate out */ opacity: 0; } /* Content */ .mfp-fade.mfp-wrap .mfp-content { /* at start */ opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { /* animate it */ opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { /* animate out */ opacity: 0; } /* content ______________ */ #content { max-width: 1181px; margin: 0 auto; width: 90%; overflow: initial; } /* main ______________ */ #main { margin: 40px auto; } /* flexslider ______________ */ .flex-direction-nav a:before { display: none; } .flex-direction-nav a.flex-prev { background: url(images/arrow-left.svg) no-repeat scroll center center; } .flex-direction-nav a.flex-next { background: url(images/arrow-right.svg) no-repeat scroll center center; } /* precontent ______________ */ #block-bean-front-top { height: 486px; position: relative; margin: 0 0 50px 0; } #block-bean-front-top .group-text { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-bean-front-top .group-text h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #ffffff; } #block-bean-front-top .group-text .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-bean-front-top .group-text .field-name-field-boton a { border: 1px solid #ffffff; padding: 10px 50px 10px 15px; color: #ffffff; background: url("images/arrow-cta-white.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-bean-front-top .group-text .field-name-field-boton a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } #block-views-slider-block .flexslider { border: none; } #block-views-slider-block .flexslider ul.flex-direction-nav li { list-style-type: none; margin: 0; } #block-views-slider-block .flexslider ul.flex-direction-nav li a { padding-top: 7px; } #block-views-slider-block .flexslider ol.flex-control-nav { top: 5px; height: 20px; } #block-views-slider-block .flexslider .flex-control-paging li a { background: rgba(255, 255, 255, 0.5); } #block-views-slider-block .flexslider .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 0.9); } #block-views-slider-block .flexslider .views-field-field-imagen { position: relative; } #block-views-slider-block .flexslider .views-field-field-imagen .background-image { height: 486px; background-size: cover; background-position: center; } #block-views-slider-block .flexslider .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-views-slider-block .flexslider .slider-content h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #ffffff; } #block-views-slider-block .flexslider .slider-content .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-views-slider-block .flexslider .slider-content .field-name-field-boton { float: left; margin-right: 15px; } #block-views-slider-block .flexslider .slider-content .field-name-field-boton a, #block-views-slider-block .flexslider .slider-content .field-name-field-boton-2 a { border: 1px solid #ffffff; padding: 10px 50px 10px 15px; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-slider-block .flexslider .slider-content .field-name-field-boton a:hover, #block-views-slider-block .flexslider .slider-content .field-name-field-boton-2 a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } /* front ______________ */ .front #main { margin: 0 auto; } #block-block-4 h2, #block-block-4 span.title-block, #block-block-5 h2, #block-block-5 span.title-block { text-transform: uppercase; font-weight: 400; margin-bottom: 30px; font-size: 110%; display: block; } #block-block-4 img, #block-block-5 img { width: 100%; } #block-block-4 a, #block-block-5 a { vertical-align: middle; } #block-block-4 a:hover img, #block-block-5 a:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } #block-block-4 { display: inline-block; width: 26%; } #block-block-5 { float: right; width: 64%; display: inline-block; } #block-block-5 a { display: inline-block; margin: 0 5% 0 0; } #block-block-5 a.fgusal { width: 8.5%; vertical-align: top; } #block-block-5 a.fgcsic { width: 12.5%; vertical-align: top; } #block-block-5 a.dgs { width: 8%; } #block-block-5 a.ualg { width: 27%; } /* bloque lo último */ #block-views-ultimo-block { margin: 40px 0 120px; display: block; } #block-views-ultimo-block h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-ultimo-block .views-row { position: relative; } #block-views-ultimo-block .views-field-nothing { width: 48%; float: left; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0px, -50%); } #block-views-ultimo-block .views-field-nothing .tipo { text-transform: uppercase; color: #83cdac; margin: 0 0 12px; } #block-views-ultimo-block .views-field-nothing .title a { color: #555555; font-size: 220%; margin: 0 0 20px; line-height: 110%; display: block; } #block-views-ultimo-block .views-field-nothing .link a { padding: 10px 50px 10px 0; color: #3e4383; background: url(images/arrow-cta-blue.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-ultimo-block .views-field-nothing .link a:hover { padding-right: 55px; } #block-views-ultimo-block .views-field-field-image { width: 48%; float: right; max-width: 590px; -webkit-box-shadow: -15px 15px 0px 2px #9e5cca; -moz-box-shadow: -15px 15px 0px 2px #9e5cca; box-shadow: -15px 15px 0px 2px #9e5cca; } #block-views-ultimo-block .views-field-field-image img { vertical-align: top; } /* videos portada */ #block-block-10 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto; padding-bottom: 100px; } #block-block-10 h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-noticias-block-1 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto; } #block-views-noticias-block-1 h2, #block-views-noticias-block-1 span.title-block { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; display: block; font-weight: bold; } #block-views-noticias-block-1 .views-field-field-image { width: 65%; float: left; } #block-views-noticias-block-1 .views-field-nothing { width: 30%; float: right; } #block-views-noticias-block-1 .views-field-nothing .title h2 { text-transform: inherit; font-weight: 100; font-size: 160%; } #block-views-noticias-block-1 .views-field-nothing .title h2 a { color: #555555; margin: 20px 0; display: block; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-noticias-block-1 .views-field-nothing .title h2 a:hover { color: #2771d7; } #block-views-noticias-block-1 .views-field-nothing .button a { color: #206eda; } #block-bean-destacado { position: relative; height: 900px; } #block-bean-destacado .field-name-field-encabezado { color: white; margin: 0 auto 40px; text-align: center; text-transform: uppercase; display: inline-block; width: 100%; font-weight: bold; font-size: 150%; } #block-bean-destacado .backstretch { background-color: #000; } #block-bean-destacado .backstretch img { opacity: 1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } #block-bean-destacado .entity-bean { opacity: 0; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); text-align: center; color: #ffffff; width: 90%; max-width: 900px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } #block-bean-destacado .entity-bean .field-name-field-imagen { max-width: 250px; margin: 0 auto; } #block-bean-destacado .entity-bean .field-name-field-imagen img { border-radius: 100px; } #block-bean-destacado .entity-bean .field-name-title-field { font-size: 200%; font-weight: 600; margin: 20px 0 10px; } #block-bean-destacado .entity-bean .field-name-field-cita { font-size: 185%; font-weight: 400; margin: 80px auto; line-height: 110%; } #block-bean-destacado .entity-bean .field-name-field-button a { border: 1px solid white; padding: 10px 50px 10px 15px; color: white; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-bean-destacado .entity-bean .field-name-field-button a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } #block-bean-testimonios { position: relative; height: 800px; } #block-bean-testimonios h2 { color: #ffffff; margin: 80px auto 0; text-align: center; text-transform: uppercase; display: inline-block; width: 100%; } #block-bean-testimonios .backstretch { background-color: #000; } #block-bean-testimonios .backstretch img { opacity: 1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } #block-bean-testimonios .entity-bean { opacity: 0; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); text-align: center; color: #ffffff; width: 90%; max-width: 900px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } #block-bean-testimonios .entity-bean .field-name-field-imagen { max-width: 250px; margin: 0 auto; } #block-bean-testimonios .entity-bean .field-name-field-imagen img { border-radius: 100px; } #block-bean-testimonios .entity-bean .field-name-title-field { font-size: 180%; text-transform: uppercase; font-weight: 600; margin: 20px 0 10px; } #block-bean-testimonios .entity-bean .field-name-field-cita { font-size: 225%; font-weight: 600; margin: 80px auto 0; line-height: 110%; } #block-views-blog-block-1 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto; } #block-views-blog-block-1 h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-blog-block-1 .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 0 0; } #block-views-blog-block-1 .views-row:nth-child(3n) { margin-right: 0; } #block-views-blog-block-1 .views-row .views-field-nothing .tags-date { text-transform: uppercase; font-size: 90%; margin: 10px 0; } #block-views-blog-block-1 .views-row .views-field-nothing .tags-date span.hashtag { display: none; } #block-views-blog-block-1 .views-row .views-field-nothing .tags-date a { color: #206eda; font-weight: 600; pointer-events: all; cursor: pointer; } #block-views-blog-block-1 .views-row .views-field-nothing .tags-date a:hover { color: #83cdac; } #block-views-blog-block-1 .views-row .views-field-nothing .title a { color: #555555; font-size: 140%; line-height: 120%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-blog-block-1 .views-row .views-field-nothing .title a:hover { color: #2771d7; } #block-views-eventos-block h2 { color: #ffffff; text-transform: uppercase; position: relative; top: 80px; z-index: 3; text-align: center; font-size: 150%; } #block-views-eventos-block .views-field-field-image { position: relative; } #block-views-eventos-block .flexslider { border: none; } #block-views-eventos-block .flexslider li .background-image-formatter { height: 855px; background-color: rgba(8, 8, 16, 0.7); background-blend-mode: multiply; -webkit-transition: background-color 0.6s ease-in-out; -o-transition: background-color 0.6s ease-in-out; transition: background-color 0.6s ease-in-out; background-size: cover; background-position: center; } #block-views-eventos-block .flexslider li .slider-content { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; text-align: center; } #block-views-eventos-block .flexslider li .slider-content .dates { font-size: 125%; } #block-views-eventos-block .flexslider li .slider-content .dates .category a { text-transform: uppercase; color: #83cdac; font-weight: 600; } #block-views-eventos-block .flexslider li .slider-content .lugar { font-size: 125%; margin: 20px 0; } #block-views-eventos-block .flexslider li .slider-content .title a { font-size: 300%; color: #ffffff; font-weight: 600; max-width: 550px; display: inline-block; line-height: 130%; margin-bottom: 100px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-eventos-block .flexslider li .slider-content .title a:hover { color: #83cdac; } #block-views-eventos-block .flexslider li .slider-content .link a { background: url("images/arrow-cta-white.svg") no-repeat scroll right 10px center; color: #ffffff; border: 1px solid #ffffff; padding: 10px 50px 10px 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-eventos-block .flexslider li .slider-content .link a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 70px; } #block-views-eventos-block .flex-control-nav { top: 100px; z-index: 3; height: 12px; } #block-views-eventos-block .flex-control-paging li a { background: rgba(255, 255, 255, 0.5); } #block-views-eventos-block .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 0.9); } #block-views-eventos-block ul.flex-direction-nav li { list-style-type: none; margin: 0; } /* postcontent ______________ */ .front #postcontent { max-width: 100%; width: 100%; margin: 0 auto; } #block-block-8 { background: #E1E1E1; display: inline-block; width: 100%; padding: 50px 0; } #block-block-8 .block-content { max-width: 1181px; margin: 0 auto; width: 90%; } #block-block-8 .block-content #block-block-6 h2, #block-block-8 .block-content #block-block-6 span.title-block, #block-block-8 .block-content #block-block-7 h2, #block-block-8 .block-content #block-block-7 span.title-block { font-weight: 400; margin-bottom: 30px; font-size: 110%; display: block; } #block-block-8 .block-content #block-block-6 a, #block-block-8 .block-content #block-block-7 a { vertical-align: middle; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-8 .block-content #block-block-6 a:hover, #block-block-8 .block-content #block-block-7 a:hover { filter: none; -webkit-filter: grayscale(0%); } #block-block-8 .block-content #block-block-6 { display: inline-block; float: right; width: 26%; border-left: 1px solid #ccc; padding-left: 40px; } #block-block-8 .block-content #block-block-7 { float: left; width: 64%; display: inline-block; } #block-block-8 .block-content #block-block-7 a { display: inline-block; margin: 0 8% 0 0; } #block-block-8 .block-content #block-block-7 a.fgusal { width: 8.5%; } #block-block-8 .block-content #block-block-7 a.fgcsic { width: 12.5%; } #block-block-8 .block-content #block-block-7 a.dgs { width: 8%; } #block-block-8 .block-content #block-block-7 a.ualg { width: 20%; } #block-block-17, .block-block-17-instance { background: url("images/banner-tribuna-abierta.jpg") no-repeat scroll center center; height: 500px; background-size: cover; position: relative; } #block-block-17 .content, .block-block-17-instance .content { max-width: 1181px; margin: 0 auto; width: 90%; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-17 .content h2, .block-block-17-instance .content h2 { font-size: 180%; font-weight: 500; } #block-block-17 .content .text, .block-block-17-instance .content .text { max-width: 550px; width: 90%; margin: 5px 0 15px; } #block-block-17 .content .text2, .block-block-17-instance .content .text2 { max-width: 550px; width: 90%; font-size: 80%; margin: 0 0 30px; } #block-block-17 .content .text2 a, .block-block-17-instance .content .text2 a { color: #3e4383; font-weight: bold; } #block-block-17 .content .text2 a:hover, .block-block-17-instance .content .text2 a:hover { color: #83cdac; } #block-block-17 .content .button, .block-block-17-instance .content .button { background: none; border: 1px solid #555555; color: #555555; padding: 10px 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-17 .content .button:hover, .block-block-17-instance .content .button:hover { background: #555555; color: #ffffff; } /* footer______________ */ footer { background: #3e4383; color: #ffffff; padding: 50px 0; } footer .region-footer { max-width: 1181px; margin: 0 auto; width: 90%; position: relative; padding: 70px 0; } footer .region-footer #block-block-1 { position: absolute; top: 0; left: 0; } footer .region-footer #block-menu-menu-footer-menu { position: absolute; top: 18px; right: 0; } footer .region-footer #block-menu-menu-footer-menu li { margin: 0 0 0 15px; padding: 0; } footer .region-footer #block-menu-menu-footer-menu li a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #ffffff; } footer .region-footer #block-menu-menu-footer-menu li a:hover { color: #83cdac; } footer .region-footer #block-menu-menu-footer-menu li.last a { border: 1px solid #ffffff; padding: 10px 15px; } footer .region-footer #block-menu-menu-footer-menu li.last a:hover { background: #ffffff; color: #3e4383; } footer .region-footer #block-block-2, footer .region-footer #block-block-9 { position: absolute; bottom: 0; left: 0; } footer .region-footer #block-block-2 a, footer .region-footer #block-block-9 a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 30px; height: 30px; } footer .region-footer #block-block-2 a.twitter, footer .region-footer #block-block-9 a.twitter { background: url("images/twitter.svg") no-repeat scroll center center; } footer .region-footer #block-block-2 a.facebook, footer .region-footer #block-block-9 a.facebook { background: url("images/facebook.svg") no-repeat scroll center center; } footer .region-footer #block-block-2 a.instagram, footer .region-footer #block-block-9 a.instagram { background: url("images/instagram.svg") no-repeat scroll center center; } footer .region-footer #block-block-2 a.youtube, footer .region-footer #block-block-9 a.youtube { background: url("images/youtube.svg") no-repeat scroll center center; } footer .region-footer #block-block-2 a.pinterest, footer .region-footer #block-block-9 a.pinterest { background: url("images/pinterest.svg") no-repeat scroll center center; } footer .region-footer #block-block-2 a.linkedin, footer .region-footer #block-block-9 a.linkedin { background: url("images/linkedin.svg") no-repeat scroll center center; } footer .region-footer #block-block-2 a:hover, footer .region-footer #block-block-9 a:hover { opacity: 0.8; } footer .region-footer #block-block-3 { position: absolute; bottom: 0; right: 0; } /* view blog ______________ */ .view-blog.view-display-id-page_1 span.hashtag, .view-blog.view-display-id-page span.hashtag, .view-blog.view-display-id-block_3 span.hashtag, .view-noticias.view-display-id-page span.hashtag, .view-zona-multimedia.view-display-id-page span.hashtag, .view-eventos.view-display-id-page span.hashtag, .view-eventos.view-display-id-block_1 span.hashtag, .view-conversaciones.view-display-id-page span.hashtag, #block-views-eventos-block-2 span.hashtag { display: none; } .view-blog.view-display-id-page_1 .views-row, .view-blog.view-display-id-page .views-row, .view-blog.view-display-id-block_3 .views-row, .view-noticias.view-display-id-page .views-row, .view-zona-multimedia.view-display-id-page .views-row, .view-eventos.view-display-id-page .views-row, .view-eventos.view-display-id-block_1 .views-row, .view-conversaciones.view-display-id-page .views-row, #block-views-eventos-block-2 .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 8% 0; } .view-blog.view-display-id-page_1 .views-row:nth-child(3n), .view-blog.view-display-id-page .views-row:nth-child(3n), .view-blog.view-display-id-block_3 .views-row:nth-child(3n), .view-noticias.view-display-id-page .views-row:nth-child(3n), .view-zona-multimedia.view-display-id-page .views-row:nth-child(3n), .view-eventos.view-display-id-page .views-row:nth-child(3n), .view-eventos.view-display-id-block_1 .views-row:nth-child(3n), .view-conversaciones.view-display-id-page .views-row:nth-child(3n), #block-views-eventos-block-2 .views-row:nth-child(3n) { margin-right: 0; } .view-blog.view-display-id-page_1 .views-row .views-field-field-imagen-video, .view-blog.view-display-id-page .views-row .views-field-field-imagen-video, .view-blog.view-display-id-block_3 .views-row .views-field-field-imagen-video, .view-noticias.view-display-id-page .views-row .views-field-field-imagen-video, .view-zona-multimedia.view-display-id-page .views-row .views-field-field-imagen-video, .view-eventos.view-display-id-page .views-row .views-field-field-imagen-video, .view-eventos.view-display-id-block_1 .views-row .views-field-field-imagen-video, .view-conversaciones.view-display-id-page .views-row .views-field-field-imagen-video, #block-views-eventos-block-2 .views-row .views-field-field-imagen-video { margin-bottom: 12px; } .view-blog.view-display-id-page_1 .views-row .views-field-field-imagen-video .field-content a, .view-blog.view-display-id-page .views-row .views-field-field-imagen-video .field-content a, .view-blog.view-display-id-block_3 .views-row .views-field-field-imagen-video .field-content a, .view-noticias.view-display-id-page .views-row .views-field-field-imagen-video .field-content a, .view-zona-multimedia.view-display-id-page .views-row .views-field-field-imagen-video .field-content a, .view-eventos.view-display-id-page .views-row .views-field-field-imagen-video .field-content a, .view-eventos.view-display-id-block_1 .views-row .views-field-field-imagen-video .field-content a, .view-conversaciones.view-display-id-page .views-row .views-field-field-imagen-video .field-content a, #block-views-eventos-block-2 .views-row .views-field-field-imagen-video .field-content a { position: relative; display: block; } .view-blog.view-display-id-page_1 .views-row .views-field-field-imagen-video .field-content a::before, .view-blog.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::before, .view-blog.view-display-id-block_3 .views-row .views-field-field-imagen-video .field-content a::before, .view-noticias.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::before, .view-zona-multimedia.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::before, .view-eventos.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::before, .view-eventos.view-display-id-block_1 .views-row .views-field-field-imagen-video .field-content a::before, .view-conversaciones.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::before, #block-views-eventos-block-2 .views-row .views-field-field-imagen-video .field-content a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); } .view-blog.view-display-id-page_1 .views-row .views-field-field-imagen-video .field-content a::after, .view-blog.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::after, .view-blog.view-display-id-block_3 .views-row .views-field-field-imagen-video .field-content a::after, .view-noticias.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::after, .view-zona-multimedia.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::after, .view-eventos.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::after, .view-eventos.view-display-id-block_1 .views-row .views-field-field-imagen-video .field-content a::after, .view-conversaciones.view-display-id-page .views-row .views-field-field-imagen-video .field-content a::after, #block-views-eventos-block-2 .views-row .views-field-field-imagen-video .field-content a::after { content: ''; display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("images/play.svg") no-repeat scroll center center transparent; background-size: cover; } .view-blog.view-display-id-page_1 .views-row .views-field-field-imagen-video .field-content a img, .view-blog.view-display-id-page .views-row .views-field-field-imagen-video .field-content a img, .view-blog.view-display-id-block_3 .views-row .views-field-field-imagen-video .field-content a img, .view-noticias.view-display-id-page .views-row .views-field-field-imagen-video .field-content a img, .view-zona-multimedia.view-display-id-page .views-row .views-field-field-imagen-video .field-content a img, .view-eventos.view-display-id-page .views-row .views-field-field-imagen-video .field-content a img, .view-eventos.view-display-id-block_1 .views-row .views-field-field-imagen-video .field-content a img, .view-conversaciones.view-display-id-page .views-row .views-field-field-imagen-video .field-content a img, #block-views-eventos-block-2 .views-row .views-field-field-imagen-video .field-content a img { display: block; } .view-blog.view-display-id-page_1 .views-row .views-field-nothing .catefecha, .view-blog.view-display-id-page .views-row .views-field-nothing .catefecha, .view-blog.view-display-id-block_3 .views-row .views-field-nothing .catefecha, .view-noticias.view-display-id-page .views-row .views-field-nothing .catefecha, .view-zona-multimedia.view-display-id-page .views-row .views-field-nothing .catefecha, .view-eventos.view-display-id-page .views-row .views-field-nothing .catefecha, .view-eventos.view-display-id-block_1 .views-row .views-field-nothing .catefecha, .view-conversaciones.view-display-id-page .views-row .views-field-nothing .catefecha, #block-views-eventos-block-2 .views-row .views-field-nothing .catefecha { font-size: 90%; margin: 8px 0; } .view-blog.view-display-id-page_1 .views-row .views-field-nothing .catefecha .categoria, .view-blog.view-display-id-page .views-row .views-field-nothing .catefecha .categoria, .view-blog.view-display-id-block_3 .views-row .views-field-nothing .catefecha .categoria, .view-noticias.view-display-id-page .views-row .views-field-nothing .catefecha .categoria, .view-zona-multimedia.view-display-id-page .views-row .views-field-nothing .catefecha .categoria, .view-eventos.view-display-id-page .views-row .views-field-nothing .catefecha .categoria, .view-eventos.view-display-id-block_1 .views-row .views-field-nothing .catefecha .categoria, .view-conversaciones.view-display-id-page .views-row .views-field-nothing .catefecha .categoria, #block-views-eventos-block-2 .views-row .views-field-nothing .catefecha .categoria { text-transform: uppercase; color: #206eda; font-weight: 600; } .view-blog.view-display-id-page_1 .views-row .views-field-nothing .catefecha .fecha, .view-blog.view-display-id-page .views-row .views-field-nothing .catefecha .fecha, .view-blog.view-display-id-block_3 .views-row .views-field-nothing .catefecha .fecha, .view-noticias.view-display-id-page .views-row .views-field-nothing .catefecha .fecha, .view-zona-multimedia.view-display-id-page .views-row .views-field-nothing .catefecha .fecha, .view-eventos.view-display-id-page .views-row .views-field-nothing .catefecha .fecha, .view-eventos.view-display-id-block_1 .views-row .views-field-nothing .catefecha .fecha, .view-conversaciones.view-display-id-page .views-row .views-field-nothing .catefecha .fecha, #block-views-eventos-block-2 .views-row .views-field-nothing .catefecha .fecha { margin-left: 3px; } .view-blog.view-display-id-page_1 .views-row .views-field-nothing .catefecha .fecha::before, .view-blog.view-display-id-page .views-row .views-field-nothing .catefecha .fecha::before, .view-blog.view-display-id-block_3 .views-row .views-field-nothing .catefecha .fecha::before, .view-noticias.view-display-id-page .views-row .views-field-nothing .catefecha .fecha::before, .view-zona-multimedia.view-display-id-page .views-row .views-field-nothing .catefecha .fecha::before, .view-eventos.view-display-id-page .views-row .views-field-nothing .catefecha .fecha::before, .view-eventos.view-display-id-block_1 .views-row .views-field-nothing .catefecha .fecha::before, .view-conversaciones.view-display-id-page .views-row .views-field-nothing .catefecha .fecha::before, #block-views-eventos-block-2 .views-row .views-field-nothing .catefecha .fecha::before { content: '·'; display: inline-block; margin-right: 3px; } .view-blog.view-display-id-page_1 .views-row .tags-date, .view-blog.view-display-id-page .views-row .tags-date, .view-blog.view-display-id-block_3 .views-row .tags-date, .view-noticias.view-display-id-page .views-row .tags-date, .view-zona-multimedia.view-display-id-page .views-row .tags-date, .view-eventos.view-display-id-page .views-row .tags-date, .view-eventos.view-display-id-block_1 .views-row .tags-date, .view-conversaciones.view-display-id-page .views-row .tags-date, #block-views-eventos-block-2 .views-row .tags-date { text-transform: uppercase; font-size: 90%; margin: 10px 0; } .view-blog.view-display-id-page_1 .views-row .tags-date a, .view-blog.view-display-id-page .views-row .tags-date a, .view-blog.view-display-id-block_3 .views-row .tags-date a, .view-noticias.view-display-id-page .views-row .tags-date a, .view-zona-multimedia.view-display-id-page .views-row .tags-date a, .view-eventos.view-display-id-page .views-row .tags-date a, .view-eventos.view-display-id-block_1 .views-row .tags-date a, .view-conversaciones.view-display-id-page .views-row .tags-date a, #block-views-eventos-block-2 .views-row .tags-date a { color: #206eda; font-weight: 600; pointer-events: all; cursor: pointer; } .view-blog.view-display-id-page_1 .views-row .tags-date a:hover, .view-blog.view-display-id-page .views-row .tags-date a:hover, .view-blog.view-display-id-block_3 .views-row .tags-date a:hover, .view-noticias.view-display-id-page .views-row .tags-date a:hover, .view-zona-multimedia.view-display-id-page .views-row .tags-date a:hover, .view-eventos.view-display-id-page .views-row .tags-date a:hover, .view-eventos.view-display-id-block_1 .views-row .tags-date a:hover, .view-conversaciones.view-display-id-page .views-row .tags-date a:hover, #block-views-eventos-block-2 .views-row .tags-date a:hover { color: #83cdac; } .view-blog.view-display-id-page_1 .views-row .title a, .view-blog.view-display-id-page_1 .views-row .views-field-title a, .view-blog.view-display-id-page .views-row .title a, .view-blog.view-display-id-page .views-row .views-field-title a, .view-blog.view-display-id-block_3 .views-row .title a, .view-blog.view-display-id-block_3 .views-row .views-field-title a, .view-noticias.view-display-id-page .views-row .title a, .view-noticias.view-display-id-page .views-row .views-field-title a, .view-zona-multimedia.view-display-id-page .views-row .title a, .view-zona-multimedia.view-display-id-page .views-row .views-field-title a, .view-eventos.view-display-id-page .views-row .title a, .view-eventos.view-display-id-page .views-row .views-field-title a, .view-eventos.view-display-id-block_1 .views-row .title a, .view-eventos.view-display-id-block_1 .views-row .views-field-title a, .view-conversaciones.view-display-id-page .views-row .title a, .view-conversaciones.view-display-id-page .views-row .views-field-title a, #block-views-eventos-block-2 .views-row .title a, #block-views-eventos-block-2 .views-row .views-field-title a { color: #555555; font-size: 140%; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .view-blog.view-display-id-page_1 .views-row .title a:hover, .view-blog.view-display-id-page_1 .views-row .views-field-title a:hover, .view-blog.view-display-id-page .views-row .title a:hover, .view-blog.view-display-id-page .views-row .views-field-title a:hover, .view-blog.view-display-id-block_3 .views-row .title a:hover, .view-blog.view-display-id-block_3 .views-row .views-field-title a:hover, .view-noticias.view-display-id-page .views-row .title a:hover, .view-noticias.view-display-id-page .views-row .views-field-title a:hover, .view-zona-multimedia.view-display-id-page .views-row .title a:hover, .view-zona-multimedia.view-display-id-page .views-row .views-field-title a:hover, .view-eventos.view-display-id-page .views-row .title a:hover, .view-eventos.view-display-id-page .views-row .views-field-title a:hover, .view-eventos.view-display-id-block_1 .views-row .title a:hover, .view-eventos.view-display-id-block_1 .views-row .views-field-title a:hover, .view-conversaciones.view-display-id-page .views-row .title a:hover, .view-conversaciones.view-display-id-page .views-row .views-field-title a:hover, #block-views-eventos-block-2 .views-row .title a:hover, #block-views-eventos-block-2 .views-row .views-field-title a:hover { color: #206eda; } .view-blog.view-display-id-page_1 .views-row .lugar, .view-blog.view-display-id-page .views-row .lugar, .view-blog.view-display-id-block_3 .views-row .lugar, .view-noticias.view-display-id-page .views-row .lugar, .view-zona-multimedia.view-display-id-page .views-row .lugar, .view-eventos.view-display-id-page .views-row .lugar, .view-eventos.view-display-id-block_1 .views-row .lugar, .view-conversaciones.view-display-id-page .views-row .lugar, #block-views-eventos-block-2 .views-row .lugar { background: url("images/marker.svg") no-repeat scroll center left; padding-left: 20px; margin: 10px 0 0; } .view-blog.view-display-id-page_1 .views-row .body, .view-blog.view-display-id-page .views-row .body, .view-blog.view-display-id-block_3 .views-row .body, .view-noticias.view-display-id-page .views-row .body, .view-zona-multimedia.view-display-id-page .views-row .body, .view-eventos.view-display-id-page .views-row .body, .view-eventos.view-display-id-block_1 .views-row .body, .view-conversaciones.view-display-id-page .views-row .body, #block-views-eventos-block-2 .views-row .body { font-size: 125%; } .view-blog.view-display-id-page .view-display-id-attachment_1, .view-blog.view-display-id-page_1 .view-display-id-attachment_1, .view-noticias.view-display-id-page .view-display-id-attachment_1, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 { margin-bottom: 70px; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row { width: 100%; display: inline-block; vertical-align: top; margin: 0; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-field-image, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-field-image, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-field-image, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-field-image { width: 65%; float: left; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-nothing, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing { width: 30%; float: right; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a { color: #206eda; text-transform: uppercase; font-weight: 600; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a:hover, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a:hover, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a:hover, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .tags-date a:hover { color: #83cdac; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .title a, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-nothing .title a, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .title a, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .title a { font-size: 160%; color: #555555; margin: 20px 0; display: block; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .title a:hover, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-nothing .title a:hover, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .title a:hover, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing .title a:hover { color: #206eda; } #block-views-eventos-block-2, #block-views-blog-invitados-block-1 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto; } #block-views-eventos-block-2 h2, #block-views-blog-invitados-block-1 h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-eventos-block-2 .more-link, #block-views-blog-invitados-block-1 .more-link { text-align: center; } #block-views-eventos-block-2 .more-link a, #block-views-blog-invitados-block-1 .more-link a { border: 1px solid #3e4383; padding: 10px 50px 10px 15px; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-eventos-block-2 .more-link a:hover, #block-views-blog-invitados-block-1 .more-link a:hover { background: url("images/arrow-cta-white.svg") no-repeat scroll right 10px center #3e4383; color: #ffffff; padding-right: 55px; } #block-views-blog-invitados-block-1 span.title-block { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; display: block; font-weight: bold; } #block-views-blog-invitados-block-1 span.hashtag { display: none; } #block-views-blog-invitados-block-1 .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 8% 0; } #block-views-blog-invitados-block-1 .views-row:nth-child(3n) { margin-right: 0; } #block-views-blog-invitados-block-1 .views-row .views-field-title-field { margin: 15px 0; } #block-views-blog-invitados-block-1 .views-row .views-field-title-field a { color: #555555; font-size: 140%; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-blog-invitados-block-1 .views-row .views-field-title-field a:hover { color: #206eda; } #block-views-blog-invitados-block-1 .views-row .views-field-body { margin-bottom: 30px; } #block-views-blog-invitados-block-1 .views-row .ficha-usuario { display: flex; } #block-views-blog-invitados-block-1 .views-row .ficha-usuario img { width: 60px; height: 60px; border-radius: 40px; margin-right: 20px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #block-views-blog-invitados-block-1 .views-row .ficha-usuario .ficha-nombre-cargo .ficha-nombre { font-weight: 600; font-size: 110%; } #block-views-blog-invitados-block-1 .views-row .ficha-usuario .ficha-nombre-cargo .ficha-nombre a { color: #555555; } .page-blog-invitados #block-system-main .view-header { margin-bottom: 30px; } .page-blog-invitados #block-system-main .view-header span.title-block { font-size: 250%; font-weight: 100; color: #3e4383; } .page-blog-invitados #block-system-main span.hashtag { display: none; } .page-blog-invitados #block-system-main .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 8% 0; } .page-blog-invitados #block-system-main .views-row:nth-child(3n) { margin-right: 0; } .page-blog-invitados #block-system-main .views-row .views-field-title-field { margin: 15px 0; } .page-blog-invitados #block-system-main .views-row .views-field-title-field a { color: #555555; font-size: 140%; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-blog-invitados #block-system-main .views-row .views-field-title-field a:hover { color: #206eda; } .page-blog-invitados #block-system-main .views-row .views-field-body { margin-bottom: 30px; } .page-blog-invitados #block-system-main .views-row .ficha-usuario { display: flex; } .page-blog-invitados #block-system-main .views-row .ficha-usuario img { width: 60px; height: 60px; border-radius: 40px; margin-right: 20px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .page-blog-invitados #block-system-main .views-row .ficha-usuario .ficha-nombre-cargo .ficha-nombre { font-weight: 600; font-size: 110%; } .page-blog-invitados #block-system-main .views-row .ficha-usuario .ficha-nombre-cargo .ficha-nombre a { color: #555555; } .page-blog-invitados #block-block-12 .fondo .info-user { align-items: center; display: flex; flex-direction: column; } .page-blog-invitados #block-block-12 .fondo .info-user h1 { color: #ffffff; font-weight: 400; font-size: 300%; } .page-blog-invitados #block-block-12 .fondo .info-user img { width: 100px; height: 100px; border-radius: 60px; margin-bottom: 20px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .page-blog-invitados #block-block-12 .fondo .info-user .datos-user { display: flex; flex-direction: column; align-items: center; color: #ffffff; } .page-blog-invitados #block-block-12 .fondo .info-user .datos-user .nombre { font-size: 110%; font-weight: 600; } /* add fotografia ______________ */ .page-node-add-fotograf-a input.form-text, .page-node-add-fotograf-a select, .page-node-add-fotograf-a textarea { border: 1px solid #9e5cca; } .page-node-add-fotograf-a label, .page-node-add-fotograf-a .fieldset-legend { font-size: 120%; } .page-node-add-fotograf-a .location-wrapper { display: none; } .page-node-add-fotograf-a #edit-field-lugar-foto .fieldset-wrapper { padding: 10px; } .page-node-add-fotograf-a .field-type-image input.form-submit { margin-left: 20px; } .page-node-add-fotograf-a .field-type-image input.form-file { padding: 15px 55px 15px 15px; border: 1px solid #ffffff; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center #3e4383; font-size: 100%; } .page-node-add-fotograf-a .field-type-datetime fieldset { border: none; } .page-node-add-fotograf-a .field-type-datetime fieldset .fieldset-legend { font-weight: bold; } .page-node-add-fotograf-a .field-type-datetime fieldset #edit-field-fecha-fotografia-und-0-value { padding: 20px 0; } .page-node-add-fotograf-a .field-type-datetime fieldset label { display: none; } .page-node-add-fotograf-a .field-name-body .filter-wrapper { display: none; } .page-node-add-fotograf-a .field-name-field-categor-a-fotograf-a select { padding: 0 35px 0 10px; } .page-node-add-fotograf-a .field-name-field-lugar-foto fieldset { border: none; } .page-node-add-fotograf-a .field-name-field-lugar-foto .fieldset-legend { font-weight: bold; } .page-node-add-fotograf-a .field-name-field-lugar-foto .fieldset-wrapper { padding: 20px 0px !important; } .page-node-add-fotograf-a .field-name-field-lugar-foto label { font-size: 100%; } /* node blog / noticia / conversacion ______________ */ .node-type-blog .group-dates, .node-type-blog .field-name-title-field, .node-type-blog .field-name-author, .node-type-blog .field-name-body, .node-type-blog .field-name-field-tags, .node-type-blog .field-name-field-tags-blog, .node-type-blog #block-views-blog-block-2, .node-type-blog #block-views-noticias-block-2, .node-type-blog #block-disqus-disqus-comments, .node-type-blog .field-name-post-date, .node-type-blog .field-name-field-documentos, .node-type-blog .field-name-field-tags-articulos, .node-type-blog .field-name-field-compartir, .node-type-articulo-blog-de-invitados .group-dates, .node-type-articulo-blog-de-invitados .field-name-title-field, .node-type-articulo-blog-de-invitados .field-name-author, .node-type-articulo-blog-de-invitados .field-name-body, .node-type-articulo-blog-de-invitados .field-name-field-tags, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog, .node-type-articulo-blog-de-invitados #block-views-blog-block-2, .node-type-articulo-blog-de-invitados #block-views-noticias-block-2, .node-type-articulo-blog-de-invitados #block-disqus-disqus-comments, .node-type-articulo-blog-de-invitados .field-name-post-date, .node-type-articulo-blog-de-invitados .field-name-field-documentos, .node-type-articulo-blog-de-invitados .field-name-field-tags-articulos, .node-type-articulo-blog-de-invitados .field-name-field-compartir, .node-type-article .group-dates, .node-type-article .field-name-title-field, .node-type-article .field-name-author, .node-type-article .field-name-body, .node-type-article .field-name-field-tags, .node-type-article .field-name-field-tags-blog, .node-type-article #block-views-blog-block-2, .node-type-article #block-views-noticias-block-2, .node-type-article #block-disqus-disqus-comments, .node-type-article .field-name-post-date, .node-type-article .field-name-field-documentos, .node-type-article .field-name-field-tags-articulos, .node-type-article .field-name-field-compartir, .node-type-page .group-dates, .node-type-page .field-name-title-field, .node-type-page .field-name-author, .node-type-page .field-name-body, .node-type-page .field-name-field-tags, .node-type-page .field-name-field-tags-blog, .node-type-page #block-views-blog-block-2, .node-type-page #block-views-noticias-block-2, .node-type-page #block-disqus-disqus-comments, .node-type-page .field-name-post-date, .node-type-page .field-name-field-documentos, .node-type-page .field-name-field-tags-articulos, .node-type-page .field-name-field-compartir, .node-type-conversaciones .group-dates, .node-type-conversaciones .field-name-title-field, .node-type-conversaciones .field-name-author, .node-type-conversaciones .field-name-body, .node-type-conversaciones .field-name-field-tags, .node-type-conversaciones .field-name-field-tags-blog, .node-type-conversaciones #block-views-blog-block-2, .node-type-conversaciones #block-views-noticias-block-2, .node-type-conversaciones #block-disqus-disqus-comments, .node-type-conversaciones .field-name-post-date, .node-type-conversaciones .field-name-field-documentos, .node-type-conversaciones .field-name-field-tags-articulos, .node-type-conversaciones .field-name-field-compartir, .node-type-proyecto-investigacion .group-dates, .node-type-proyecto-investigacion .field-name-title-field, .node-type-proyecto-investigacion .field-name-author, .node-type-proyecto-investigacion .field-name-body, .node-type-proyecto-investigacion .field-name-field-tags, .node-type-proyecto-investigacion .field-name-field-tags-blog, .node-type-proyecto-investigacion #block-views-blog-block-2, .node-type-proyecto-investigacion #block-views-noticias-block-2, .node-type-proyecto-investigacion #block-disqus-disqus-comments, .node-type-proyecto-investigacion .field-name-post-date, .node-type-proyecto-investigacion .field-name-field-documentos, .node-type-proyecto-investigacion .field-name-field-tags-articulos, .node-type-proyecto-investigacion .field-name-field-compartir, .node-type-articulo-investigacion .group-dates, .node-type-articulo-investigacion .field-name-title-field, .node-type-articulo-investigacion .field-name-author, .node-type-articulo-investigacion .field-name-body, .node-type-articulo-investigacion .field-name-field-tags, .node-type-articulo-investigacion .field-name-field-tags-blog, .node-type-articulo-investigacion #block-views-blog-block-2, .node-type-articulo-investigacion #block-views-noticias-block-2, .node-type-articulo-investigacion #block-disqus-disqus-comments, .node-type-articulo-investigacion .field-name-post-date, .node-type-articulo-investigacion .field-name-field-documentos, .node-type-articulo-investigacion .field-name-field-tags-articulos, .node-type-articulo-investigacion .field-name-field-compartir { max-width: 700px; margin: 0 auto; width: 90%; width: 100%; } .node-type-blog .group-dates, .node-type-articulo-blog-de-invitados .group-dates, .node-type-article .group-dates, .node-type-page .group-dates, .node-type-conversaciones .group-dates, .node-type-proyecto-investigacion .group-dates, .node-type-articulo-investigacion .group-dates { width: 100%; } .node-type-blog .group-dates .field, .node-type-articulo-blog-de-invitados .group-dates .field, .node-type-article .group-dates .field, .node-type-page .group-dates .field, .node-type-conversaciones .group-dates .field, .node-type-proyecto-investigacion .group-dates .field, .node-type-articulo-investigacion .group-dates .field { float: left; margin-right: 3px; } .node-type-blog .group-dates .field a, .node-type-articulo-blog-de-invitados .group-dates .field a, .node-type-article .group-dates .field a, .node-type-page .group-dates .field a, .node-type-conversaciones .group-dates .field a, .node-type-proyecto-investigacion .group-dates .field a, .node-type-articulo-investigacion .group-dates .field a { text-transform: uppercase; color: #206eda; font-weight: 600; } .node-type-blog .field-name-author a, .node-type-articulo-blog-de-invitados .field-name-author a, .node-type-article .field-name-author a, .node-type-page .field-name-author a, .node-type-conversaciones .field-name-author a, .node-type-proyecto-investigacion .field-name-author a, .node-type-articulo-investigacion .field-name-author a { color: #206eda; font-weight: 600; } .node-type-blog .field-name-title-field h1, .node-type-articulo-blog-de-invitados .field-name-title-field h1, .node-type-article .field-name-title-field h1, .node-type-page .field-name-title-field h1, .node-type-conversaciones .field-name-title-field h1, .node-type-proyecto-investigacion .field-name-title-field h1, .node-type-articulo-investigacion .field-name-title-field h1 { display: inline-block; width: 100%; color: #555555; line-height: 110%; margin: 40px 0; } .node-type-blog .field-name-field-image, .node-type-articulo-blog-de-invitados .field-name-field-image, .node-type-article .field-name-field-image, .node-type-page .field-name-field-image, .node-type-conversaciones .field-name-field-image, .node-type-proyecto-investigacion .field-name-field-image, .node-type-articulo-investigacion .field-name-field-image { margin: 50px 0; } .node-type-blog .field-name-tag-y-fecha a, .node-type-articulo-blog-de-invitados .field-name-tag-y-fecha a, .node-type-article .field-name-tag-y-fecha a, .node-type-page .field-name-tag-y-fecha a, .node-type-conversaciones .field-name-tag-y-fecha a, .node-type-proyecto-investigacion .field-name-tag-y-fecha a, .node-type-articulo-investigacion .field-name-tag-y-fecha a { pointer-events: all !important; cursor: pointer !important; } .node-type-blog .field-name-tag-y-fecha a:hover, .node-type-articulo-blog-de-invitados .field-name-tag-y-fecha a:hover, .node-type-article .field-name-tag-y-fecha a:hover, .node-type-page .field-name-tag-y-fecha a:hover, .node-type-conversaciones .field-name-tag-y-fecha a:hover, .node-type-proyecto-investigacion .field-name-tag-y-fecha a:hover, .node-type-articulo-investigacion .field-name-tag-y-fecha a:hover { color: #83cdac !important; } .node-type-blog .field-name-tags-con-hashtag .field-items, .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items, .node-type-article .field-name-tags-con-hashtag .field-items, .node-type-page .field-name-tags-con-hashtag .field-items, .node-type-conversaciones .field-name-tags-con-hashtag .field-items, .node-type-proyecto-investigacion .field-name-tags-con-hashtag .field-items, .node-type-articulo-investigacion .field-name-tags-con-hashtag .field-items { margin: 30px auto 60px; font-weight: 600; text-transform: uppercase; max-width: 700px; width: 100%; } .node-type-blog .field-name-tags-con-hashtag .field-items > .field-item, .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items > .field-item, .node-type-article .field-name-tags-con-hashtag .field-items > .field-item, .node-type-page .field-name-tags-con-hashtag .field-items > .field-item, .node-type-conversaciones .field-name-tags-con-hashtag .field-items > .field-item, .node-type-proyecto-investigacion .field-name-tags-con-hashtag .field-items > .field-item, .node-type-articulo-investigacion .field-name-tags-con-hashtag .field-items > .field-item { display: flex; } .node-type-blog .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-article .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-page .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-conversaciones .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-proyecto-investigacion .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-articulo-investigacion .field-name-tags-con-hashtag .field-items > .field-item a { display: inline-block; margin-right: 15px; color: #206eda; } .node-type-blog .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-article .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-page .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-conversaciones .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-proyecto-investigacion .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-articulo-investigacion .field-name-tags-con-hashtag .field-items > .field-item a:hover { color: #83cdac; } .node-type-blog .field-name-field-tags, .node-type-blog .field-name-field-tags-blog, .node-type-blog .field-name-field-tags-articulos, .node-type-articulo-blog-de-invitados .field-name-field-tags, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog, .node-type-articulo-blog-de-invitados .field-name-field-tags-articulos, .node-type-article .field-name-field-tags, .node-type-article .field-name-field-tags-blog, .node-type-article .field-name-field-tags-articulos, .node-type-page .field-name-field-tags, .node-type-page .field-name-field-tags-blog, .node-type-page .field-name-field-tags-articulos, .node-type-conversaciones .field-name-field-tags, .node-type-conversaciones .field-name-field-tags-blog, .node-type-conversaciones .field-name-field-tags-articulos, .node-type-proyecto-investigacion .field-name-field-tags, .node-type-proyecto-investigacion .field-name-field-tags-blog, .node-type-proyecto-investigacion .field-name-field-tags-articulos, .node-type-articulo-investigacion .field-name-field-tags, .node-type-articulo-investigacion .field-name-field-tags-blog, .node-type-articulo-investigacion .field-name-field-tags-articulos { margin: 30px auto 60px; font-weight: 600; text-transform: uppercase; } .node-type-blog .field-name-field-tags .field-item, .node-type-blog .field-name-field-tags-blog .field-item, .node-type-blog .field-name-field-tags-articulos .field-item, .node-type-articulo-blog-de-invitados .field-name-field-tags .field-item, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item, .node-type-articulo-blog-de-invitados .field-name-field-tags-articulos .field-item, .node-type-article .field-name-field-tags .field-item, .node-type-article .field-name-field-tags-blog .field-item, .node-type-article .field-name-field-tags-articulos .field-item, .node-type-page .field-name-field-tags .field-item, .node-type-page .field-name-field-tags-blog .field-item, .node-type-page .field-name-field-tags-articulos .field-item, .node-type-conversaciones .field-name-field-tags .field-item, .node-type-conversaciones .field-name-field-tags-blog .field-item, .node-type-conversaciones .field-name-field-tags-articulos .field-item, .node-type-proyecto-investigacion .field-name-field-tags .field-item, .node-type-proyecto-investigacion .field-name-field-tags-blog .field-item, .node-type-proyecto-investigacion .field-name-field-tags-articulos .field-item, .node-type-articulo-investigacion .field-name-field-tags .field-item, .node-type-articulo-investigacion .field-name-field-tags-blog .field-item, .node-type-articulo-investigacion .field-name-field-tags-articulos .field-item { display: inline-block; margin-right: 15px; color: #206eda; } .node-type-blog .field-name-field-tags .field-item:hover, .node-type-blog .field-name-field-tags-blog .field-item:hover, .node-type-blog .field-name-field-tags-articulos .field-item:hover, .node-type-articulo-blog-de-invitados .field-name-field-tags .field-item:hover, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item:hover, .node-type-articulo-blog-de-invitados .field-name-field-tags-articulos .field-item:hover, .node-type-article .field-name-field-tags .field-item:hover, .node-type-article .field-name-field-tags-blog .field-item:hover, .node-type-article .field-name-field-tags-articulos .field-item:hover, .node-type-page .field-name-field-tags .field-item:hover, .node-type-page .field-name-field-tags-blog .field-item:hover, .node-type-page .field-name-field-tags-articulos .field-item:hover, .node-type-conversaciones .field-name-field-tags .field-item:hover, .node-type-conversaciones .field-name-field-tags-blog .field-item:hover, .node-type-conversaciones .field-name-field-tags-articulos .field-item:hover, .node-type-proyecto-investigacion .field-name-field-tags .field-item:hover, .node-type-proyecto-investigacion .field-name-field-tags-blog .field-item:hover, .node-type-proyecto-investigacion .field-name-field-tags-articulos .field-item:hover, .node-type-articulo-investigacion .field-name-field-tags .field-item:hover, .node-type-articulo-investigacion .field-name-field-tags-blog .field-item:hover, .node-type-articulo-investigacion .field-name-field-tags-articulos .field-item:hover { color: #83cdac; } .node-type-blog .field-name-field-tags .field-item:hover a, .node-type-blog .field-name-field-tags-blog .field-item:hover a, .node-type-blog .field-name-field-tags-articulos .field-item:hover a, .node-type-articulo-blog-de-invitados .field-name-field-tags .field-item:hover a, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item:hover a, .node-type-articulo-blog-de-invitados .field-name-field-tags-articulos .field-item:hover a, .node-type-article .field-name-field-tags .field-item:hover a, .node-type-article .field-name-field-tags-blog .field-item:hover a, .node-type-article .field-name-field-tags-articulos .field-item:hover a, .node-type-page .field-name-field-tags .field-item:hover a, .node-type-page .field-name-field-tags-blog .field-item:hover a, .node-type-page .field-name-field-tags-articulos .field-item:hover a, .node-type-conversaciones .field-name-field-tags .field-item:hover a, .node-type-conversaciones .field-name-field-tags-blog .field-item:hover a, .node-type-conversaciones .field-name-field-tags-articulos .field-item:hover a, .node-type-proyecto-investigacion .field-name-field-tags .field-item:hover a, .node-type-proyecto-investigacion .field-name-field-tags-blog .field-item:hover a, .node-type-proyecto-investigacion .field-name-field-tags-articulos .field-item:hover a, .node-type-articulo-investigacion .field-name-field-tags .field-item:hover a, .node-type-articulo-investigacion .field-name-field-tags-blog .field-item:hover a, .node-type-articulo-investigacion .field-name-field-tags-articulos .field-item:hover a { color: #83cdac; } .node-type-blog .field-name-field-tags .field-item a, .node-type-blog .field-name-field-tags-blog .field-item a, .node-type-blog .field-name-field-tags-articulos .field-item a, .node-type-articulo-blog-de-invitados .field-name-field-tags .field-item a, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item a, .node-type-articulo-blog-de-invitados .field-name-field-tags-articulos .field-item a, .node-type-article .field-name-field-tags .field-item a, .node-type-article .field-name-field-tags-blog .field-item a, .node-type-article .field-name-field-tags-articulos .field-item a, .node-type-page .field-name-field-tags .field-item a, .node-type-page .field-name-field-tags-blog .field-item a, .node-type-page .field-name-field-tags-articulos .field-item a, .node-type-conversaciones .field-name-field-tags .field-item a, .node-type-conversaciones .field-name-field-tags-blog .field-item a, .node-type-conversaciones .field-name-field-tags-articulos .field-item a, .node-type-proyecto-investigacion .field-name-field-tags .field-item a, .node-type-proyecto-investigacion .field-name-field-tags-blog .field-item a, .node-type-proyecto-investigacion .field-name-field-tags-articulos .field-item a, .node-type-articulo-investigacion .field-name-field-tags .field-item a, .node-type-articulo-investigacion .field-name-field-tags-blog .field-item a, .node-type-articulo-investigacion .field-name-field-tags-articulos .field-item a { color: #206eda; } .node-type-blog #block-disqus-disqus-comments, .node-type-articulo-blog-de-invitados #block-disqus-disqus-comments, .node-type-article #block-disqus-disqus-comments, .node-type-page #block-disqus-disqus-comments, .node-type-conversaciones #block-disqus-disqus-comments, .node-type-proyecto-investigacion #block-disqus-disqus-comments, .node-type-articulo-investigacion #block-disqus-disqus-comments { margin: 150px auto; } .node-type-blog #block-disqus-disqus-comments h2, .node-type-articulo-blog-de-invitados #block-disqus-disqus-comments h2, .node-type-article #block-disqus-disqus-comments h2, .node-type-page #block-disqus-disqus-comments h2, .node-type-conversaciones #block-disqus-disqus-comments h2, .node-type-proyecto-investigacion #block-disqus-disqus-comments h2, .node-type-articulo-investigacion #block-disqus-disqus-comments h2 { color: #555555; text-transform: uppercase; font-size: 120%; border-bottom: 1px solid #555555; padding: 0 0 10px; margin: 0 0 40px; width: 100%; } .node-type-blog .field-name-body, .node-type-articulo-blog-de-invitados .field-name-body, .node-type-article .field-name-body, .node-type-page .field-name-body, .node-type-conversaciones .field-name-body, .node-type-proyecto-investigacion .field-name-body, .node-type-articulo-investigacion .field-name-body { font-size: 125%; } .node-type-video .group-cabecera { max-width: 700px; margin: 0 auto; width: 90%; width: 100%; } .node-type-video .group-cabecera .group-cat-fecha { margin: 0 auto 10px; display: flex; } .node-type-video .group-cabecera .group-cat-fecha .field-name-field-categoria-video { text-transform: uppercase; color: #206eda; font-weight: 600; } .node-type-video .group-cabecera .group-cat-fecha .field-name-field-fecha-video .date-display-single { color: #555555; margin-left: 3px; } .node-type-video .group-cabecera .group-cat-fecha .field-name-field-fecha-video .date-display-single::before { content: '·'; display: inline-block; margin-right: 3px; } .node-type-video .group-cabecera .field-name-title h2 { display: inline-block; width: 100%; color: #555555; line-height: 110%; margin: 40px 0; font-size: 250%; font-weight: 100; } .node-type-video .field-name-field-video .player { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .node-type-video .field-name-field-video .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .node-type-video .field-name-body { font-size: 125%; max-width: 700px; margin: 0 auto; width: 90%; width: 100%; margin: 40px auto 90px; } .node-type-articulo-blog-de-invitados .field-name-tag-y-fecha a, .node-type-poster .field-name-tag-y-fecha a { pointer-events: all !important; cursor: pointer !important; } .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items, .node-type-poster .field-name-tags-con-hashtag .field-items { margin: 30px auto 60px; font-weight: 600; text-transform: uppercase; max-width: 700px; width: 100%; } .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items > .field-item, .node-type-poster .field-name-tags-con-hashtag .field-items > .field-item { display: flex; } .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items > .field-item a, .node-type-poster .field-name-tags-con-hashtag .field-items > .field-item a { display: inline-block; margin-right: 15px; color: #206eda; } .node-type-articulo-blog-de-invitados .field-name-tags-con-hashtag .field-items > .field-item a:hover, .node-type-poster .field-name-tags-con-hashtag .field-items > .field-item a:hover { color: #83cdac; } .node-type-articulo-blog-de-invitados .field-name-author, .node-type-poster .field-name-author { color: #206eda; font-weight: 600; } .node-type-articulo-blog-de-invitados .field-name-author span, .node-type-poster .field-name-author span { color: #555555; font-weight: 400; } .node-type-articulo-blog-de-invitados .field-name-info-usuario, .node-type-poster .field-name-info-usuario { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 100px; } .node-type-articulo-blog-de-invitados .field-name-info-usuario h3, .node-type-poster .field-name-info-usuario h3 { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 40px; padding-bottom: 5px; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user, .node-type-poster .field-name-info-usuario .user { display: flex; border-bottom: 1px solid #cdcdcd; margin-right: 50px; padding-bottom: 20px; margin-bottom: 70px; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .userimg img, .node-type-poster .field-name-info-usuario .user .userimg img { width: 100px; height: 100px; border-radius: 70px; margin-right: 30px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser, .node-type-poster .field-name-info-usuario .user .datosuser { display: flex; flex-direction: column; justify-content: center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .usernombre, .node-type-poster .field-name-info-usuario .user .datosuser .usernombre { font-weight: 600; font-size: 110%; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .usernombre a, .node-type-poster .field-name-info-usuario .user .datosuser .usernombre a { color: #555555; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .redes, .node-type-poster .field-name-info-usuario .user .datosuser .redes { margin: 10px 0; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .redes a, .node-type-poster .field-name-info-usuario .user .datosuser .redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 15px; height: 15px; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .redes a.facebook, .node-type-poster .field-name-info-usuario .user .datosuser .redes a.facebook { background: url(images/facebook-black.svg) no-repeat scroll center center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .redes a.twitter, .node-type-poster .field-name-info-usuario .user .datosuser .redes a.twitter { background: url(images/twitter-black.svg) no-repeat scroll center center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .user .datosuser .redes a.linkedin, .node-type-poster .field-name-info-usuario .user .datosuser .redes a.linkedin { background: url(images/linkedin-black.svg) no-repeat scroll center center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user, .node-type-poster .field-name-info-usuario .fondo .info-user { display: flex; color: #ffffff; margin-left: 60px; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user img, .node-type-poster .field-name-info-usuario .fondo .info-user img { width: 100px; border-radius: 60px; margin-right: 30px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user { display: flex; flex-direction: column; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .nombre, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .nombre { font-size: 110%; font-weight: 600; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .nombre a, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .nombre a { color: #ffffff; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .cargo, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .cargo { font-weight: 400; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .separator, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .separator { width: 30px; height: 3px; background: #ffffff; margin: 7px 0; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .redes a, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .redes a { display: inline-block; margin: 0; text-indent: -9000px; width: 30px; height: 30px; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .redes a.twitter, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .redes a.twitter { background: url("images/twitter.svg") no-repeat scroll center center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .redes a.facebook, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .redes a.facebook { background: url("images/facebook.svg") no-repeat scroll center center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .redes a.instagram, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .redes a.instagram { background: url("images/instagram.svg") no-repeat scroll center center; } .node-type-articulo-blog-de-invitados .field-name-info-usuario .fondo .info-user .datos-user .redes a:hover, .node-type-poster .field-name-info-usuario .fondo .info-user .datos-user .redes a:hover { opacity: 0.8; } .node-type-page .field-name-field-image { margin: 0; } /* addthis ______________ */ .field-name-field-compartir { margin: 0 auto 80px !important; max-width: 700px; width: 90%; } .field-name-field-compartir .field-label { color: #555555; text-transform: uppercase; font-size: 120%; border-bottom: 1px solid #555555; padding: 0 0 10px; margin: 0 0 40px; width: 100%; } /* relacionados ______________ */ #block-views-blog-block-2 h2, #block-views-noticias-block-2 h2 { color: #555555; text-transform: uppercase; font-size: 120%; border-bottom: 1px solid #555555; padding: 0 0 10px; margin: 0 0 40px; width: 100%; } #block-views-blog-block-2 .views-row, #block-views-noticias-block-2 .views-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d1d1d1; } #block-views-blog-block-2 .views-row .views-field-field-image, #block-views-noticias-block-2 .views-row .views-field-field-image { width: 25%; float: left; } #block-views-blog-block-2 .views-row .views-field-nothing, #block-views-noticias-block-2 .views-row .views-field-nothing { width: 70%; float: right; } #block-views-blog-block-2 .views-row .views-field-nothing .category a, #block-views-noticias-block-2 .views-row .views-field-nothing .category a { color: #206eda; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; display: block; } #block-views-blog-block-2 .views-row .views-field-nothing .title a, #block-views-noticias-block-2 .views-row .views-field-nothing .title a { color: #555555; font-size: 140%; line-height: 110%; } #block-views-blog-block-2 .views-row .views-field-nothing .title a:hover, #block-views-noticias-block-2 .views-row .views-field-nothing .title a:hover { color: #83cdac; } /* flippy pager ______________ */ #block-flippy-flippy-pager-node-type-blog .pager, #block-flippy-flippy-pager-node-type-article .pager, #block-flippy-flippy-pager-node-type-conversaciones .pager, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager { position: relative; width: 50%; display: block; background: #000; } #block-flippy-flippy-pager-node-type-blog .pager:hover .field-name-field-image img, #block-flippy-flippy-pager-node-type-article .pager:hover .field-name-field-image img, #block-flippy-flippy-pager-node-type-conversaciones .pager:hover .field-name-field-image img, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager:hover .field-name-field-image img { opacity: 0.4; } #block-flippy-flippy-pager-node-type-blog .pager:hover .text, #block-flippy-flippy-pager-node-type-article .pager:hover .text, #block-flippy-flippy-pager-node-type-conversaciones .pager:hover .text, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager:hover .text { color: #83cdac; } #block-flippy-flippy-pager-node-type-blog .pager.previous-node, #block-flippy-flippy-pager-node-type-article .pager.previous-node, #block-flippy-flippy-pager-node-type-conversaciones .pager.previous-node, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager.previous-node { float: left; } #block-flippy-flippy-pager-node-type-blog .pager.next-node, #block-flippy-flippy-pager-node-type-article .pager.next-node, #block-flippy-flippy-pager-node-type-conversaciones .pager.next-node, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager.next-node { float: right; } #block-flippy-flippy-pager-node-type-blog .pager .text, #block-flippy-flippy-pager-node-type-article .pager .text, #block-flippy-flippy-pager-node-type-conversaciones .pager .text, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; color: #ffffff; } #block-flippy-flippy-pager-node-type-blog .pager .text .arrow, #block-flippy-flippy-pager-node-type-article .pager .text .arrow, #block-flippy-flippy-pager-node-type-conversaciones .pager .text .arrow, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .text .arrow { text-align: center; font-size: 110%; } #block-flippy-flippy-pager-node-type-blog .pager .text .title, #block-flippy-flippy-pager-node-type-article .pager .text .title, #block-flippy-flippy-pager-node-type-conversaciones .pager .text .title, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .text .title { font-size: 200%; font-weight: 600; text-align: center; line-height: 110%; margin: 15px 0 0; } #block-flippy-flippy-pager-node-type-blog .pager .field-name-field-image, #block-flippy-flippy-pager-node-type-article .pager .field-name-field-image, #block-flippy-flippy-pager-node-type-conversaciones .pager .field-name-field-image, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .field-name-field-image { margin: 0 0 -5px; } #block-flippy-flippy-pager-node-type-blog .pager .field-name-field-image img, #block-flippy-flippy-pager-node-type-article .pager .field-name-field-image img, #block-flippy-flippy-pager-node-type-conversaciones .pager .field-name-field-image img, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .field-name-field-image img { opacity: 0.6; } /* node evento ______________ */ .node-type-event #content { max-width: 100%; margin: 0 auto; width: 100%; } .node-type-event #content .group-cabecera { height: 413px; margin-bottom: 50px; position: relative; color: #ffffff; } .node-type-event #content .group-cabecera .backstretch { background-color: #000; } .node-type-event #content .group-cabecera .backstretch img { opacity: 0.6; } .node-type-event #content .group-cabecera .group-dates { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 700px; width: 90%; } .node-type-event #content .group-cabecera .group-dates .group-dates-header .field { display: inline-block; margin: 0 5px 0 0; color: #ffffff; } .node-type-event #content .group-cabecera .group-dates .group-dates-header .field.field-name-field-categoria a { color: #83cdac; font-weight: 600; text-transform: uppercase; } .node-type-event #content .group-cabecera .group-dates .field-name-title-field h1 { color: #ffffff; font-size: 250%; line-height: 110%; margin: 30px 0; } .node-type-event #content .field-name-body, .node-type-event #content .field-name-field-programa, .node-type-event #content .field-name-field-fotos { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 100px; } .node-type-event #content .field-name-body .field-label, .node-type-event #content .field-name-field-programa .field-label, .node-type-event #content .field-name-field-fotos .field-label { text-transform: uppercase; font-size: 130%; margin: 0 0 20px; } .node-type-event #content .field-name-field-fotos .field-item { max-width: 220px; display: inline-block; margin: 0 1.5% 1.5% 0; overflow: hidden; width: 18.8%; } .node-type-event #content .field-name-field-fotos .field-item:nth-child(5n) { margin-right: 0; } .node-type-event #content .field-name-field-fotos .field-item img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .node-type-event #content .field-name-field-fotos .field-item img:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .node-type-event #content .field-name-body { font-size: 125%; } /* node page ______________ */ #block-fieldblock-node-page-default-field-image, #block-fieldblock-node-exposicion-default-field-imagen { position: relative; height: 413px; } #block-fieldblock-node-page-default-field-image img, #block-fieldblock-node-exposicion-default-field-imagen img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; } #block-menu-block-1, #block-menu-block-2, #block-menu-block-3, #block-menu-block-4, #block-menu-block-5 { border-bottom: 1px solid #ccc; padding: 20px 0; } #block-menu-block-1 .menu-block-1, #block-menu-block-1 .menu-block-2, #block-menu-block-1 .menu-block-3, #block-menu-block-1 .menu-block-4, #block-menu-block-1 .menu-block-5, #block-menu-block-2 .menu-block-1, #block-menu-block-2 .menu-block-2, #block-menu-block-2 .menu-block-3, #block-menu-block-2 .menu-block-4, #block-menu-block-2 .menu-block-5, #block-menu-block-3 .menu-block-1, #block-menu-block-3 .menu-block-2, #block-menu-block-3 .menu-block-3, #block-menu-block-3 .menu-block-4, #block-menu-block-3 .menu-block-5, #block-menu-block-4 .menu-block-1, #block-menu-block-4 .menu-block-2, #block-menu-block-4 .menu-block-3, #block-menu-block-4 .menu-block-4, #block-menu-block-4 .menu-block-5, #block-menu-block-5 .menu-block-1, #block-menu-block-5 .menu-block-2, #block-menu-block-5 .menu-block-3, #block-menu-block-5 .menu-block-4, #block-menu-block-5 .menu-block-5 { max-width: 1181px; margin: 0 auto; width: 90%; } #block-menu-block-1 .menu-block-1 ul, #block-menu-block-1 .menu-block-2 ul, #block-menu-block-1 .menu-block-3 ul, #block-menu-block-1 .menu-block-4 ul, #block-menu-block-1 .menu-block-5 ul, #block-menu-block-2 .menu-block-1 ul, #block-menu-block-2 .menu-block-2 ul, #block-menu-block-2 .menu-block-3 ul, #block-menu-block-2 .menu-block-4 ul, #block-menu-block-2 .menu-block-5 ul, #block-menu-block-3 .menu-block-1 ul, #block-menu-block-3 .menu-block-2 ul, #block-menu-block-3 .menu-block-3 ul, #block-menu-block-3 .menu-block-4 ul, #block-menu-block-3 .menu-block-5 ul, #block-menu-block-4 .menu-block-1 ul, #block-menu-block-4 .menu-block-2 ul, #block-menu-block-4 .menu-block-3 ul, #block-menu-block-4 .menu-block-4 ul, #block-menu-block-4 .menu-block-5 ul, #block-menu-block-5 .menu-block-1 ul, #block-menu-block-5 .menu-block-2 ul, #block-menu-block-5 .menu-block-3 ul, #block-menu-block-5 .menu-block-4 ul, #block-menu-block-5 .menu-block-5 ul { margin: 0; } #block-menu-block-1 .menu-block-1 ul li, #block-menu-block-1 .menu-block-2 ul li, #block-menu-block-1 .menu-block-3 ul li, #block-menu-block-1 .menu-block-4 ul li, #block-menu-block-1 .menu-block-5 ul li, #block-menu-block-2 .menu-block-1 ul li, #block-menu-block-2 .menu-block-2 ul li, #block-menu-block-2 .menu-block-3 ul li, #block-menu-block-2 .menu-block-4 ul li, #block-menu-block-2 .menu-block-5 ul li, #block-menu-block-3 .menu-block-1 ul li, #block-menu-block-3 .menu-block-2 ul li, #block-menu-block-3 .menu-block-3 ul li, #block-menu-block-3 .menu-block-4 ul li, #block-menu-block-3 .menu-block-5 ul li, #block-menu-block-4 .menu-block-1 ul li, #block-menu-block-4 .menu-block-2 ul li, #block-menu-block-4 .menu-block-3 ul li, #block-menu-block-4 .menu-block-4 ul li, #block-menu-block-4 .menu-block-5 ul li, #block-menu-block-5 .menu-block-1 ul li, #block-menu-block-5 .menu-block-2 ul li, #block-menu-block-5 .menu-block-3 ul li, #block-menu-block-5 .menu-block-4 ul li, #block-menu-block-5 .menu-block-5 ul li { margin: 0 20px 0 0; padding: 0; } #block-menu-block-1 .menu-block-1 ul li a, #block-menu-block-1 .menu-block-2 ul li a, #block-menu-block-1 .menu-block-3 ul li a, #block-menu-block-1 .menu-block-4 ul li a, #block-menu-block-1 .menu-block-5 ul li a, #block-menu-block-2 .menu-block-1 ul li a, #block-menu-block-2 .menu-block-2 ul li a, #block-menu-block-2 .menu-block-3 ul li a, #block-menu-block-2 .menu-block-4 ul li a, #block-menu-block-2 .menu-block-5 ul li a, #block-menu-block-3 .menu-block-1 ul li a, #block-menu-block-3 .menu-block-2 ul li a, #block-menu-block-3 .menu-block-3 ul li a, #block-menu-block-3 .menu-block-4 ul li a, #block-menu-block-3 .menu-block-5 ul li a, #block-menu-block-4 .menu-block-1 ul li a, #block-menu-block-4 .menu-block-2 ul li a, #block-menu-block-4 .menu-block-3 ul li a, #block-menu-block-4 .menu-block-4 ul li a, #block-menu-block-4 .menu-block-5 ul li a, #block-menu-block-5 .menu-block-1 ul li a, #block-menu-block-5 .menu-block-2 ul li a, #block-menu-block-5 .menu-block-3 ul li a, #block-menu-block-5 .menu-block-4 ul li a, #block-menu-block-5 .menu-block-5 ul li a { color: #3e4383; font-size: 110%; } #block-menu-block-1 .menu-block-1 ul li a.active, #block-menu-block-1 .menu-block-2 ul li a.active, #block-menu-block-1 .menu-block-3 ul li a.active, #block-menu-block-1 .menu-block-4 ul li a.active, #block-menu-block-1 .menu-block-5 ul li a.active, #block-menu-block-2 .menu-block-1 ul li a.active, #block-menu-block-2 .menu-block-2 ul li a.active, #block-menu-block-2 .menu-block-3 ul li a.active, #block-menu-block-2 .menu-block-4 ul li a.active, #block-menu-block-2 .menu-block-5 ul li a.active, #block-menu-block-3 .menu-block-1 ul li a.active, #block-menu-block-3 .menu-block-2 ul li a.active, #block-menu-block-3 .menu-block-3 ul li a.active, #block-menu-block-3 .menu-block-4 ul li a.active, #block-menu-block-3 .menu-block-5 ul li a.active, #block-menu-block-4 .menu-block-1 ul li a.active, #block-menu-block-4 .menu-block-2 ul li a.active, #block-menu-block-4 .menu-block-3 ul li a.active, #block-menu-block-4 .menu-block-4 ul li a.active, #block-menu-block-4 .menu-block-5 ul li a.active, #block-menu-block-5 .menu-block-1 ul li a.active, #block-menu-block-5 .menu-block-2 ul li a.active, #block-menu-block-5 .menu-block-3 ul li a.active, #block-menu-block-5 .menu-block-4 ul li a.active, #block-menu-block-5 .menu-block-5 ul li a.active { font-weight: 600; } #block-menu-block-1 .menu-block-1 ul li a:hover, #block-menu-block-1 .menu-block-2 ul li a:hover, #block-menu-block-1 .menu-block-3 ul li a:hover, #block-menu-block-1 .menu-block-4 ul li a:hover, #block-menu-block-1 .menu-block-5 ul li a:hover, #block-menu-block-2 .menu-block-1 ul li a:hover, #block-menu-block-2 .menu-block-2 ul li a:hover, #block-menu-block-2 .menu-block-3 ul li a:hover, #block-menu-block-2 .menu-block-4 ul li a:hover, #block-menu-block-2 .menu-block-5 ul li a:hover, #block-menu-block-3 .menu-block-1 ul li a:hover, #block-menu-block-3 .menu-block-2 ul li a:hover, #block-menu-block-3 .menu-block-3 ul li a:hover, #block-menu-block-3 .menu-block-4 ul li a:hover, #block-menu-block-3 .menu-block-5 ul li a:hover, #block-menu-block-4 .menu-block-1 ul li a:hover, #block-menu-block-4 .menu-block-2 ul li a:hover, #block-menu-block-4 .menu-block-3 ul li a:hover, #block-menu-block-4 .menu-block-4 ul li a:hover, #block-menu-block-4 .menu-block-5 ul li a:hover, #block-menu-block-5 .menu-block-1 ul li a:hover, #block-menu-block-5 .menu-block-2 ul li a:hover, #block-menu-block-5 .menu-block-3 ul li a:hover, #block-menu-block-5 .menu-block-4 ul li a:hover, #block-menu-block-5 .menu-block-5 ul li a:hover { color: #83cdac; } .page-node-30 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 a, .page-node-31 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 a, .page-node-32 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 a, .page-node-33 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 a, .page-node-34 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 a { color: #83cdac; } .page-node-30 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 ul li a, .page-node-31 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 ul li a, .page-node-32 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 ul li a, .page-node-33 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 ul li a, .page-node-34 header #block-responsive-menu-horizontal-menu ul li.menu-mlid-538 ul li a { color: #ffffff; } .node-type-page .field-name-body { font-size: 125%; } /* newsletter page ______________ */ .page-node-40 #main { max-width: 700px; margin: 40px auto; } .page-node-40 #main #mc_embed_signup form { padding: 0; } /* contacto ______________ */ .page-node-36 #main { max-width: 700px; } /* responsive videos ______________ */ .video-container { position: relative; padding-bottom: 57.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* banner cookies ______________ */ #sliding-popup { position: fixed; left: 30px; max-width: 400px; width: 90%; bottom: 30px !important; background: #3e4383; } #sliding-popup .popup-content { max-width: 100%; width: 100%; padding: 15px 15px; box-sizing: border-box; position: relative; } #sliding-popup .popup-content #popup-text { float: left; max-width: 100%; } #sliding-popup .popup-content #popup-text p { margin: 0; font-weight: 500; font-size: 85%; color: #ffffff; } #sliding-popup .popup-content #popup-text p a { color: #83cdac; } #sliding-popup .popup-content #popup-buttons button.find-more-button { display: none; } #sliding-popup .popup-content #popup-buttons button.agree-button { background: url("images/crowd.svg") no-repeat scroll left top; text-indent: -9000px; position: absolute; border: none; top: 10px; right: 10px; width: 13px; height: 13px; } /* collapse______________ */ html.js fieldset.collapsed, fieldset.collapsible { border: none; line-height: 160%; } /* tables______________ */ table { margin-bottom: 20px; } tbody { border-top: 0; } th, th a { background: #fff !important; color: #555555 !important; font-weight: bold; padding: 10px; } td { vertical-align: top; } td, th { padding: 12px; color: #23475F !important; } tr.even, tr.odd { border: 0; padding: 0; } /* clear --------------------- */ .floatclear, .clear-block { overflow: hidden; } * html .floatclear, * html .clear-block { height: 1%; } .tabs { display: none; } /* tabs, messages, etc.. --------------------- */ .tabs { max-width: 1181px; margin: 0 auto; width: 90%; width: 100%; margin: 24px auto; } #main .tabs ul.primary { border-bottom: 0; padding: 0; margin: 0; position: fixed; top: 165px; left: 40px; max-width: 450px; } #main .tabs ul.primary li { display: inline-block; height: 18px; width: auto; margin: 0 0 8px; padding: 0; } #main .tabs ul.primary li a { text-transform: uppercase; font-size: 65%; color: #111; border: 0 none; display: inline-block; height: 18px; line-height: 18px; padding: 0 8px; width: auto; color: #666; letter-spacing: 1px; } #main .tabs ul.primary li.active a { background: #f5f5f5; color: #333; } .tabs ul.primary li.active a { font-weight: bold; } #messages { max-width: 1181px; margin: 0 auto; width: 90%; width: 100%; margin: 24px auto; font-size: 90%; } #main .messages { margin: 10px 0 20px 0; color: #ffffff; } #main .status { background-color: #01b5dd; border: none; } #main .warning { background-color: #dddd39; } div.messages { font-size: 90%; } div.error { border: none; color: #fff; padding: 15px 10px 12px 40px; box-sizing: border-box; margin: 0 0 10px; } div.error ul li { list-style-type: disc; margin: 0 0 10px 15px; } .form-item input.error, .form-item textarea.error, .form-item select.error { color: #555555; } .messages a { color: #ffffff; text-decoration: underline; } /* forms -------------------- */ .node-type-webform #content, .block-webform { max-width: 700px; margin: 0 auto; width: 90%; } input.form-text { background: #ffffff; font: inherit; outline: medium none; padding: 5px 10px; width: 100%; border: 1px solid #d1d1d1; height: 50px; line-height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } textarea { width: 100%; padding: 10px 10px; outline: medium none; background: #ffffff; border: none; font-size: 100%; border: 1px solid #d1d1d1; color: #555555; } .webform-component-textarea .grippie { display: none; } html.js .resizable-textarea textarea { font-size: 100%; } input.form-submit, a.button { padding: 15px 55px 15px 15px; border: 1px solid #ffffff; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center #3e4383; font-size: 100%; } input.form-submit:hover, input.form-submit:focus, a.button:hover, a.button:focus { color: #3e4383; background: url(images/arrow-cta-blue.svg) no-repeat scroll right 10px center #ffffff; border: 1px solid #3e4383; cursor: pointer; } input.form-submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input.form-submit + input.form-submit { margin-left: 10px; } .admin input.form-submit, .node-form input.form-submit { text-indent: 0; width: auto; } .form-item { margin-bottom: 32px; } .form-item label { margin: 0 0 10px 0; } input.form-checkbox, input.form-radio { margin-right: 5px; margin-top: -5px; vertical-align: middle; } select { background: url("images/arrow-down.svg") no-repeat scroll center right 10px; color: #555555; font-size: 90%; height: 50px; line-height: 50px; padding-left: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d1d1d1; border-radius: 0; } /* login -------------------- */ #user .tabs, #user-password .tabs, #user-register .tabs { display: none; } .toboggan-unified #login-links a.lt-active, .toboggan-unified #login-links a.lt-active:hover { border: none; color: #ffffff; background: #555555; } .toboggan-unified #login-links a { border: medium none; border-radius: 0; color: #353535; display: inline-block; font-size: 55%; font-weight: 100; letter-spacing: 3px; margin-bottom: 10px; padding: 19px 20px 20px; text-transform: uppercase; } .toboggan-unified #login-links { margin: 40px 0 50px; line-height: 0; } .toboggan-unified input.form-text { height: 45px; line-height: 45px; border-radius: 0; border: 1px solid #ccc; } #user-login .login-forgot, .password-strength, .form-type-password-confirm .description { display: none; } .confirm-parent, .password-parent { width: auto; } .form-item .description { margin-top: 5px; } /* page user -------------------- */ .page-user #content { max-width: 1181px; margin: 0 auto; width: 90%; } .page-user .profile .left a { display: inline-block; margin: 15px 10px 15px 0; } .page-user .views-field-field-areaprivada-archivos img { width: auto; } /* acumulado -------------------- */ .category a, .tags-date a, .field-name-field-categoria a, .node-type-blog .field-name-field-tags-blog .field-item, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item, .node-type-article .field-name-field-tags .field-item, .node-type-blog .field-name-field-tags-blog .field-item a, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item a, .node-type-article .field-name-field-tags .field-item a, .node-type-blog .group-dates .field a, .node-type-articulo-blog-de-invitados .group-dates .field a { pointer-events: none; cursor: default; } .category a:hover, .tags-date a:hover, .field-name-field-categoria a:hover, .node-type-blog .field-name-field-tags-blog .field-item:hover, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item:hover, .node-type-article .field-name-field-tags .field-item:hover, .node-type-blog .field-name-field-tags-blog .field-item a:hover, .node-type-articulo-blog-de-invitados .field-name-field-tags-blog .field-item a:hover, .node-type-article .field-name-field-tags .field-item a:hover, .node-type-blog .group-dates .field a:hover, .node-type-articulo-blog-de-invitados .group-dates .field a:hover { color: #206eda; } form#webform-client-form-171 .webform-component-file .form-file { background: url("images/upload.svg") no-repeat scroll center center; text-indent: -9000px; width: 20px; padding-top: 26px; margin-left: 23px; } form#webform-client-form-171 .webform-component-file .form-file:hover { cursor: pointer; } form#webform-client-form-171 .webform-component-file .description, form#webform-client-form-171 .webform-component-file label, form#webform-client-form-171 .webform-component-file .form-managed-file a { display: none; } form#webform-client-form-171 .webform-component--documentacion-extra .webform-component-file label { display: block; float: left; } form#webform-client-form-171 .webform-component--documentacion-extra .webform-component-file .form-file { padding-top: 5px; } form#webform-client-form-171 .webform-component-file .form-managed-file input.form-submit { background: url("images/delete.svg") no-repeat scroll center center; padding: 0; text-indent: -9000px; border: none; display: inline-block; width: 20px; height: 30px; margin: 10px 0 0 20px; } img.file-icon { width: auto; height: auto; } .webform-component--advertencia-firma { color: #fff; background: #CA0305; box-sizing: border-box; padding: 20px; } /* investigacion ___________________*/ .view-articulos-investigacion .views-row { width: 31%; display: inline-block; vertical-align: top; margin: 0 3% 8% 0; } .view-articulos-investigacion .views-row:nth-child(3n) { margin-right: 0; } .view-articulos-investigacion .views-row .views-field-title-field a { color: #555555; font-size: 140%; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .view-articulos-investigacion .views-row .views-field-title-field a:hover { color: #206eda; } .view-articulos-investigacion .views-row .views-field-created { text-transform: uppercase; font-size: 90%; margin: 10px 0; } .node-type-articulo-investigacion .field-name-field-documentos, .node-type-proyecto-investigacion .field-name-field-documentos { margin-top: 50px; } .node-type-articulo-investigacion .field-name-field-documentos .field-label, .node-type-proyecto-investigacion .field-name-field-documentos .field-label { font-size: 120%; margin-bottom: 20px; } .node-type-articulo-investigacion .field-name-field-documentos span.file a, .node-type-proyecto-investigacion .field-name-field-documentos span.file a { color: #206eda; } /* proyectos ___________________*/ .view-proyectos .views-row { width: 100%; display: inline-block; margin: 0 0 50px; } .view-proyectos .views-row .views-field-field-image { width: 30%; float: left; } .view-proyectos .views-row .views-field.views-field-nothing { float: right; width: 65%; } .view-proyectos .views-row .views-field.views-field-nothing .title a { font-size: 130%; margin: -7px 0 9px; display: block; line-height: 130%; color: #555555; } .view-proyectos .views-row .views-field.views-field-nothing .title a:hover { color: #206eda; } /*Nueva version blog investigadores*/ #block-views-3401c2dbc28b62d82dc9f112f0893d3c, #block-views-e05d1978068c2c19329c72973811065e { margin: 30px 0 0; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c h2, #block-views-e05d1978068c2c19329c72973811065e h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .imagenblogdestacada, #block-views-e05d1978068c2c19329c72973811065e .imagenblogdestacada { width: 65%; float: left; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada { width: 30%; float: right; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .programa, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .programa { display: inline-block; margin: 0 6px 0 0; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .programa a, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .programa a { color: #3e4383; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .programa a:hover, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .programa a:hover { color: #2771d7; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .created, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .created { display: inline-block; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .title, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .title { text-transform: inherit; font-weight: 100; font-size: 160%; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .title a, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .title a { color: #555555; margin: 20px 0; display: block; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .title a:hover, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .title a:hover { color: #2771d7; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .datosuser, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .datosuser { display: flex; align-items: center; margin: 10px 0; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .datosuser .imagenuser img, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .datosuser .imagenuser img { width: 50px; height: 50px; border-radius: 40px; margin-right: 15px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .datosuser .user, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .datosuser .user { font-weight: 400; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .datosuser .user a, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .datosuser .user a { color: #3e4383; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .leer a, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .leer a { padding: 10px 50px 10px 0; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada .leer a:hover, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada .leer a:hover { padding-right: 55px; } #block-block-15 { margin: 100px 0 0; } #block-block-15 .view-articulos-blog-invitados { width: 14%; display: inline-block; vertical-align: top; margin: 0 0 0 0; padding: 0 0.5%; border-right: 1px solid #cdcdcd; } #block-block-15 .view-articulos-blog-invitados .views-field-field-programa-ref { margin-bottom: 10px; font-size: 85%; } #block-block-15 .view-articulos-blog-invitados .views-field-field-programa-ref a { color: #3e4383; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-15 .view-articulos-blog-invitados .views-field-field-programa-ref a:hover { color: #2771d7; } #block-block-15 .view-articulos-blog-invitados .views-field-title, #block-block-15 .view-articulos-blog-invitados .views-field-title-field-et { margin-bottom: 10px; } #block-block-15 .view-articulos-blog-invitados .views-field-title a, #block-block-15 .view-articulos-blog-invitados .views-field-title-field-et a { color: #3e4383; font-weight: 600; font-size: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-15 .view-articulos-blog-invitados .views-field-title a:hover, #block-block-15 .view-articulos-blog-invitados .views-field-title-field-et a:hover { color: #2771d7; } #block-block-15 .view-articulos-blog-invitados .views-field-field-nombre-y-apellidos { margin-bottom: 5px; font-size: 90%; } #block-block-15 .view-articulos-blog-invitados .views-field-field-nombre-y-apellidos .field-content { display: inline; font-weight: 600; } #block-block-15 .view-articulos-blog-invitados .views-field-field-nombre-y-apellidos .field-content a { color: #3e4383; } #block-block-15 .view-articulos-blog-invitados .views-field-body { font-size: 95%; } #block-views-articulos-blog-invitados-block { margin: 100px 0 0; } #block-views-articulos-blog-invitados-block .views-row { width: 14%; display: inline-block; vertical-align: top; margin: 0 0 0 1%; padding-right: 1.5%; border-right: 1px solid #cdcdcd; } #block-views-articulos-blog-invitados-block .views-row .views-field-field-programa-ref { margin-bottom: 10px; font-size: 85%; } #block-views-articulos-blog-invitados-block .views-row .views-field-field-programa-ref a { color: #3e4383; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-articulos-blog-invitados-block .views-row .views-field-field-programa-ref a:hover { color: #2771d7; } #block-views-articulos-blog-invitados-block .views-row .views-field-title, #block-views-articulos-blog-invitados-block .views-row .views-field-title-field-et { margin-bottom: 10px; } #block-views-articulos-blog-invitados-block .views-row .views-field-title a, #block-views-articulos-blog-invitados-block .views-row .views-field-title-field-et a { color: #3e4383; font-weight: 600; font-size: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-articulos-blog-invitados-block .views-row .views-field-title a:hover, #block-views-articulos-blog-invitados-block .views-row .views-field-title-field-et a:hover { color: #2771d7; } #block-views-articulos-blog-invitados-block .views-row .views-field-field-nombre-y-apellidos { margin-bottom: 5px; font-size: 90%; } #block-views-articulos-blog-invitados-block .views-row .views-field-field-nombre-y-apellidos .field-content { display: inline; font-weight: 600; } #block-views-articulos-blog-invitados-block .views-row .views-field-body { font-size: 95%; } #block-views-articulos-blog-invitados-block .views-row-first { margin: 0; } #block-views-articulos-blog-invitados-block .views-row-last { border-right: none; padding-right: 0; } #block-views-blog-de-invitados-block { margin: 100px 0 150px; } #block-views-blog-de-invitados-block h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-blog-de-invitados-block .views-row { width: 14.7%; display: inline-block; vertical-align: top; margin: 0 2% 0 0; } #block-views-blog-de-invitados-block .views-row .views-field-title { margin: 6px 0 4px; } #block-views-blog-de-invitados-block .views-row .views-field-title a { color: #3e4383; font-weight: 600; font-size: 120%; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-blog-de-invitados-block .views-row .views-field-title a:hover { color: #2771d7; } #block-views-blog-de-invitados-block .views-row .views-field-field-categoria-programa { font-weight: bold; font-size: 90%; margin-bottom: 12px; } #block-views-blog-de-invitados-block .views-row-last { margin: 0; } #block-views-blog-de-invitados-block-1 .programadestacado .programatitle, #block-views-blog-de-invitados-block-2 .programadestacado .programatitle { max-width: 1181px; margin: 0 auto; width: 90%; margin: 0 auto 30px; padding-top: 40px; } #block-views-blog-de-invitados-block-1 .programadestacado .programatitle a, #block-views-blog-de-invitados-block-2 .programadestacado .programatitle a { color: #ffffff; font-size: 350%; font-weight: 100; line-height: 110%; } #block-views-blog-de-invitados-block-1 .programadestacado .programabdoy, #block-views-blog-de-invitados-block-2 .programadestacado .programabdoy { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; } #block-views-blog-de-invitados-block-1 .programadestacado .programabdoy p, #block-views-blog-de-invitados-block-2 .programadestacado .programabdoy p { max-width: 550px; } #block-views-blog-de-invitados-block-1 .programadestacado .user, #block-views-blog-de-invitados-block-2 .programadestacado .user { max-width: 1181px; margin: 0 auto; width: 90%; margin: 40px auto 0; padding-bottom: 60px; display: flex; } #block-views-blog-de-invitados-block-1 .programadestacado .user .userimg img, #block-views-blog-de-invitados-block-2 .programadestacado .user .userimg img { width: 70px; height: 70px; border-radius: 40px; margin-right: 20px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #block-views-blog-de-invitados-block-1 .programadestacado .user .datosuser, #block-views-blog-de-invitados-block-2 .programadestacado .user .datosuser { display: flex; flex-direction: column; justify-content: center; } #block-views-blog-de-invitados-block-1 .programadestacado .user .datosuser .usernombre, #block-views-blog-de-invitados-block-2 .programadestacado .user .datosuser .usernombre { font-weight: 600; font-size: 110%; } #block-views-blog-de-invitados-block-1 .programadestacado .user .datosuser .usernombre a, #block-views-blog-de-invitados-block-2 .programadestacado .user .datosuser .usernombre a { color: #ffffff; } #block-views-blog-de-invitados-block-1 .programadestacado .user .datosuser .usercargo, #block-views-blog-de-invitados-block-2 .programadestacado .user .datosuser .usercargo { color: #ffffff; } #block-views-blog-de-invitados-block-1 .programablogdestacada, #block-views-blog-de-invitados-block-2 .programablogdestacada { max-width: 1181px; margin: 0 auto; width: 90%; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada { width: 30%; float: left; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada .created, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada .created { margin: 25px 0; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada .title, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada .title { text-transform: inherit; font-weight: 100; font-size: 160%; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada .title a, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada .title a { color: #555555; margin: 20px 0; display: block; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada .title a:hover, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada .title a:hover { color: #2771d7; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada .leer a, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada .leer a { padding: 10px 50px 10px 0; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada .leer a:hover, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada .leer a:hover { padding-right: 55px; } #block-views-blog-de-invitados-block-1 .programablogdestacada .imagenblogdestacada, #block-views-blog-de-invitados-block-2 .programablogdestacada .imagenblogdestacada { width: 65%; float: right; margin-top: -50px; z-index: 1; position: relative; } #block-views-blog-de-invitados-block-2 { margin: 100px 0; } .node-type-blog-de-invitados #content { max-width: 100%; margin: 0 auto; width: 100%; } .node-type-blog-de-invitados #content .group-cabecera { height: 413px; margin-bottom: 70px; position: relative; color: #ffffff; } .node-type-blog-de-invitados #content .group-cabecera .backstretch { background-color: #000; } .node-type-blog-de-invitados #content .group-cabecera .backstretch img { opacity: 0.6; } .node-type-blog-de-invitados #content .group-cabecera .group-dates { max-width: 1181px; margin: 0 auto; width: 90%; height: 100%; display: flex; } .node-type-blog-de-invitados #content .group-cabecera .group-dates .group-dates-header { display: flex; flex-direction: column; justify-content: center; } .node-type-blog-de-invitados #content .group-cabecera .group-dates .group-dates-header .field-name-title-field { color: #ffffff; font-size: 350%; font-weight: 100; line-height: 110%; margin-bottom: 25px; } .node-type-blog-de-invitados #content .group-cabecera .group-dates .group-dates-header .field-name-body { font-size: 130%; max-width: 590px; } .node-type-blog-de-invitados #content .field-name-field-descripci-n { max-width: 1181px; margin: 0 auto; width: 90%; margin-bottom: 70px; } .node-type-blog-de-invitados #content .field-name-autores { max-width: 1181px; margin: 0 auto; width: 90%; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user { width: 30%; display: inline-block; border-bottom: 1px solid #cdcdcd; margin-right: 50px; padding-bottom: 20px; margin: 0 2% 70px 0; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .userimg img { width: 100px; height: 100px; border-radius: 70px; margin-right: 30px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser { display: flex; flex-direction: column; justify-content: center; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .usernombre { font-weight: 600; font-size: 110%; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .usernombre a { color: #555555; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .redes { margin: 10px 0; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 15px; height: 15px; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .redes a.facebook { background: url(images/facebook-black.svg) no-repeat scroll center center; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .redes a.twitter { background: url(images/twitter-black.svg) no-repeat scroll center center; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .datosuser .redes a.linkedin { background: url(images/linkedin-black.svg) no-repeat scroll center center; } #block-views-730d3b933dc66545136925b29edfa9d7, #block-views-2944b302ac7b4a17227a968788e52adb, #block-views-f09546541946fd25f3375e123cc58fb0 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row, #block-views-2944b302ac7b4a17227a968788e52adb .views-row, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 6% 0; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row:nth-child(3n), #block-views-2944b302ac7b4a17227a968788e52adb .views-row:nth-child(3n), #block-views-f09546541946fd25f3375e123cc58fb0 .views-row:nth-child(3n) { margin-right: 0; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .imagenblog, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .imagenblog, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .imagenblog { margin-bottom: 15px; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .textoblog .tags, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .textoblog .tags, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .textoblog .tags { text-transform: uppercase; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .textoblog .tags a, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .textoblog .tags a, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .textoblog .tags a { color: #206eda; font-weight: 600; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .textoblog .tags a:hover, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .textoblog .tags a:hover, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .textoblog .tags a:hover { color: #83cdac; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .title, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .title, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .title { margin-top: 15px; margin-bottom: 20px; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .title a, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .title a, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .title a { color: #555555; font-size: 140%; line-height: 120%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .title a:hover, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .title a:hover, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .title a:hover { color: #2771d7; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .usuario, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .usuario, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .usuario { display: flex; align-items: center; margin: 10px 0; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .usuario .usuarioimagen img, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .usuario .usuarioimagen img, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .usuario .usuarioimagen img { width: 50px; height: 50px; border-radius: 40px; margin-right: 15px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .usuario .datosuser, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .usuario .datosuser, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .usuario .datosuser { display: flex; flex-direction: column; justify-content: center; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .usuario .datosuser .usuarionombre, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .usuario .datosuser .usuarionombre, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .usuario .datosuser .usuarionombre { font-weight: 600; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row .views-field-nothing .usuario .datosuser .usuariocargo, #block-views-2944b302ac7b4a17227a968788e52adb .views-row .views-field-nothing .usuario .datosuser .usuariocargo, #block-views-f09546541946fd25f3375e123cc58fb0 .views-row .views-field-nothing .usuario .datosuser .usuariocargo { font-size: 90%; } #block-views-f09546541946fd25f3375e123cc58fb0 { width: 100%; } #block-views-f09546541946fd25f3375e123cc58fb0 h2 { text-transform: uppercase; border-bottom: 1px solid #555555; padding-bottom: 10px; margin-bottom: 60px; font-size: 125%; } .page-blog #content .view-id-blog .view-header h1 { display: none; } .node-type-portada-concurso #main { margin: 0 auto; } .node-type-fotograf-a .field-name-field-imagen-concurso { text-align: center; } .node-type-fotograf-a .field-name-field-imagen-concurso img { width: auto; height: auto; max-width: 100%; } .node-type-fotograf-a .field-name-field-categor-a-fotograf-a { max-width: 700px; margin: 0 auto; width: 90%; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 10px; } .node-type-fotograf-a .field-name-field-categor-a-fotograf-a a { color: #206eda; } .node-type-fotograf-a .field-name-field-categor-a-fotograf-a a:hover { color: #83cdac; } .node-type-fotograf-a .field-name-title-field { max-width: 700px; margin: 0 auto; width: 90%; } .node-type-fotograf-a .field-name-title-field h1 { color: #555555; } .node-type-fotograf-a .group-info { max-width: 700px; margin: 0 auto; width: 90%; display: flex; justify-content: space-between; margin-top: 50px; } .node-type-fotograf-a .group-info .flag-outer-votas-fotograf-as a { color: #206eda; font-weight: 600; } .node-type-fotograf-a .group-info .field-name-denunciar-foto { margin-left: auto; } .node-type-fotograf-a .group-info .field-name-denunciar-foto a { color: #206eda; } .node-type-fotograf-a .field-name-votar-foto-custom { margin: 10px auto 0; max-width: 700px; } .node-type-fotograf-a .field-name-votar-foto-custom a.flag-action { background: #4D8F41; padding: 10px 30px; color: #ffffff; text-transform: uppercase; font-weight: bold; } .node-type-fotograf-a .field-name-votar-foto-custom a.flag-action:hover { opacity: 0.5; cursor: pointer; } .node-type-fotograf-a .field-name-votar-foto-custom a.unflag-action { background: #555555; padding: 10px 30px; color: #fff; text-transform: uppercase; font-weight: bold; } .node-type-fotograf-a .field-name-votar-foto-custom a.unflag-action:hover { opacity: 0.5; cursor: pointer; } .node-type-fotograf-a .field-name-copyright { margin: 10px auto 0; max-width: 700px; text-align: right; } .node-type-fotograf-a .field-name-copyright .copyrigth { display: flex; justify-content: flex-end; } .node-type-fotograf-a .field-name-copyright .copyrigth .nombre { margin-left: 7px; } .node-type-fotograf-a .field-name-copyright .copyrigth .nombre:before { content: "\00a9"; margin-right: 7px; } .node-type-fotograf-a .field-name-body { max-width: 700px; margin: 0 auto; width: 90%; margin-top: 30px; font-size: 20px; line-height: 160%; text-align: justify; } .node-type-fotograf-a .field-name-field-tag-imagen { max-width: 700px; margin: 0 auto; width: 90%; margin-top: 30px; font-size: 20px; text-transform: uppercase; } .node-type-fotograf-a .field-name-field-tag-imagen .field-items { display: flex; } .node-type-fotograf-a .field-name-field-tag-imagen .field-items .field-item { margin-right: 10px; } .node-type-fotograf-a .field-name-field-tag-imagen .field-items .field-item a { color: #206eda; } .node-type-fotograf-a .field-name-field-tag-imagen .field-items .field-item a:before { content: '#'; } .node-type-fotograf-a .field-name-field-tag-imagen .field-items .field-item a:hover { color: #83cdac; } .node-type-fotograf-a #block-views-ubicaci-n-fotograf-a-block { margin-top: 80px; } .node-type-fotograf-a #block-views-ubicaci-n-fotograf-a-block h2 { max-width: 700px; margin: 0 auto; width: 90%; font-size: 117%; text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 40px; padding-bottom: 5px; } .node-type-fotograf-a #block-views-ubicaci-n-fotograf-a-block .view-ubicaci-n-fotograf-a .gmap { max-width: 700px; margin: 0 auto; width: 90%; } .node-type-fotograf-a .field-name-info-autor-fotograf-a { max-width: 700px; margin: 0 auto; width: 90%; margin-top: 50px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a h3 { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 40px; padding-bottom: 5px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user { display: flex; margin-bottom: 70px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .userimg img { width: 100px; height: 100px; border-radius: 70px; margin-right: 30px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser { display: flex; flex-direction: column; justify-content: center; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .usernombre { font-weight: 600; font-size: 125%; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .usernombre a { color: #555555; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .usernombre a:active { color: #555555; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .userlocalidad { font-size: 113%; position: relative; margin: 5px 0 20px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .userlocalidad:after { content: ''; width: 17px; height: 1px; position: absolute; background: #555555; left: 0; bottom: -10px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .redes { margin: 20px 0; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 15px; height: 15px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .redes a.facebook { background: url(images/facebook-black.svg) no-repeat scroll center center; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .redes a.twitter { background: url(images/twitter-black.svg) no-repeat scroll center center; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .redes a.linkedin { background: url(images/linkedin-black.svg) no-repeat scroll center center; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user .datosuser .redes a.instagram { background: url(images/instagram-black.svg) no-repeat scroll center center; } .node-type-fotograf-a .group-exif { max-width: 700px; margin: 0 auto; width: 90%; margin-bottom: 100px; } .node-type-fotograf-a .group-exif h3 { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 40px; padding-bottom: 5px; } .node-type-fotograf-a .group-exif .field { position: relative; } .node-type-fotograf-a .group-exif .field .field-items { position: absolute; left: 30%; } .page-concurso-de-fotografia-ganadores #block-block-13 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 40px auto 20px; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso { margin-bottom: 50px; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-1 { display: flex; justify-content: space-around; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-1 a { margin-right: 15px; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-1 a img { max-width: 150px; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-1 a.interr img { max-width: 200px; margin-top: 15px; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-1 a.cenie { margin-right: 0; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-2 { display: flex; justify-content: center; margin: 50px 0; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso .logos-concurso .logos-concurso-2 a img { max-width: 300px; } .page-concurso-de-fotografia-ganadores #block-block-13 .infoconcurso p { margin: 0 auto 1em; } .page-concurso-de-fotografia-ganadores #block-block-13 h3 { font-size: 200%; margin-bottom: 40px; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso { margin-bottom: 100px; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row { width: 18.85%; display: inline-block; vertical-align: top; margin: 0 1% 1.3% 0; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row .views-field-nothing { position: relative; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; font-weight: 600; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a { display: flex; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a:hover img { opacity: 1; -webkit-animation: none; -o-animation: none; animation: none; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:hover .views-field-nothing .aurtorconcurso { visibility: visible; opacity: 1; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 1%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(5n) { margin-right: 0; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row { width: 100%; display: block; margin: 0; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content { display: flex; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .imagenconcurso { flex: 2.6 1 0; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .imagenconcurso a { display: grid; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha { flex: 1 1 0; background-color: #D8D8D8; padding: 50px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso { margin: 0 0 10px; border-bottom: none; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a { font-size: 200%; font-weight: 400; position: relative; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a::before { content: ''; position: absolute; width: 30px; height: 30px; left: -50px; top: 10px; background: #B200CD; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso { margin-bottom: 20px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso a { color: #206eda; font-weight: 600; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso a:hover { color: #83cdac; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 { margin-top: 15px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row { width: 32%; margin: 0 1.5% 1% 0; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso { position: relative; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso .categoria { position: absolute; top: 10px; padding-left: 25px; z-index: 1; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso .categoria a { font-size: 130%; font-weight: 400; color: #ffffff; position: relative; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso .categoria a::before { content: ''; position: absolute; width: 20px; height: 20px; top: 7px; left: -25px; background: #83cdac; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso a img { filter: brightness(0.66); } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso a:hover img { opacity: 1; -webkit-animation: none; -o-animation: none; animation: none; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row:nth-child(3n) { margin-right: 0; } .view-fotografias-concurso .view-filters { margin-bottom: 50px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets { position: relative; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper { position: absolute; right: 0; display: flex; font-size: 115%; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper label { font-weight: 400; color: #C2C2C2; margin-right: 15px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper .form-type-textfield { font-size: 16px; width: 400px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper .form-type-textfield input#edit-title { background: #F0F0F0; border: 1px solid #F0F0F0; height: 30px; line-height: 30px; border-radius: 20px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by { display: flex; font-size: 115%; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by label { font-weight: 400; color: #C2C2C2; margin-right: 15px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by .bef-select-as-links > .form-item { display: flex; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by .bef-select-as-links > .form-item div { margin-right: 15px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by .bef-select-as-links > .form-item div a { font-weight: 600; color: #3e4383; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by .bef-select-as-links > .form-item div a:hover { color: #C2C2C2; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-submit-button { position: absolute; top: 5px; right: 30px; padding: 0; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-submit-button #edit-submit-fotografias-concurso { margin: 0; padding: 0; color: transparent; font-size: 1px; background: url(images/search-black.svg) no-repeat scroll right 0px center; border: none; width: 20px; height: 20px; } .view-fotografias-concurso .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 8% 0; } .view-fotografias-concurso .views-row .titleconcurso { margin-top: 15px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; height: 47px; } .view-fotografias-concurso .views-row .titleconcurso a { color: #555555; font-size: 140%; line-height: 110%; } .view-fotografias-concurso .views-row .titleconcurso a:hover { color: #83cdac; } .view-fotografias-concurso .views-row .infoconcrso { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; display: flex; justify-content: space-between; flex-wrap: wrap; } .view-fotografias-concurso .views-row .infoconcrso > span a { color: #206eda; font-weight: 600; } .view-fotografias-concurso .views-row .infoconcrso > span a:hover { color: #83cdac; } .view-fotografias-concurso .views-row .infoconcrso > a { color: #B200CD; text-transform: uppercase; } .view-fotografias-concurso .views-row .infoconcrso > a:hover { color: #83cdac; } .view-fotografias-concurso .views-row .tagconcurso { display: flex; flex-wrap: wrap; } .view-fotografias-concurso .views-row .tagconcurso a { color: #206eda; text-transform: uppercase; margin-right: 8px; } .view-fotografias-concurso .views-row .tagconcurso a:before { content: '#'; } .view-fotografias-concurso .views-row .tagconcurso a:hover { color: #83cdac; } .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 0; } #block-views-fotografias-concurso-block-3 h2 { max-width: 700px; margin: 0 auto; width: 90%; text-transform: uppercase; font-size: 18.72px; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso { margin: 50px 0; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row { margin: 0 !important; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row .views-field-nothing { position: relative; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: 600; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a:hover img { opacity: 1; -webkit-animation: none; -o-animation: none; animation: none; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row:hover .views-field-nothing .aurtorconcurso { visibility: visible; opacity: 1; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row.views-row-odd { clear: inherit; float: right !important; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row.views-row-even { float: left !important; } .page-user .profile .user .userimg img { max-width: 250px; } .page-user .profile .user .usernombre { font-size: 150%; font-weight: 600; } .page-user .profile .user .userbio { font-size: 20px; margin: 10px 0 30px; max-width: 380px; font-weight: 600; text-align: justify; } .page-user .profile .user .redes { margin: 25px 0; } .page-user .profile .user .redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 15px; height: 15px; } .page-user .profile .user .redes a.facebook { background: url(images/facebook-black.svg) no-repeat scroll center center; } .page-user .profile .user .redes a.twitter { background: url(images/twitter-black.svg) no-repeat scroll center center; } .page-user .profile .user .redes a.linkedin { background: url(images/linkedin-black.svg) no-repeat scroll center center; } .page-user .profile .user .redes a.instagram { background: url(images/instagram-black.svg) no-repeat scroll center center; } .page-user .profile .button { display: inline-block; } .page-user .profile .fotosde { margin-top: 80px; } .page-user .profile .fotosde h3 { text-transform: uppercase; border-bottom: 1px solid #555555; padding-bottom: 10px; margin-bottom: 60px; } .page-user .profile .fotosde .view-fotografias-concurso .contextual-links-region-active { outline: none !important; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso { position: relative; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar { position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to top right, transparent 75%, #555555); background-image: -moz-linear-gradient(to top right, transparent 75%, #555555); background-image: -webkit-linear-gradient(to top right, transparent 75%, #555555); background-image: -o-linear-gradient(to top right, transparent 75%, #555555); } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar > a { width: 100%; display: inline-block; height: 100%; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar a.contextual-links-trigger { display: none; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar a.contextual-links-trigger-active { display: none; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar .contextual-links { display: flex; background-color: transparent; border: none; margin: 5px; padding: 0; top: 0; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar .contextual-links .edit_node a { color: transparent !important; background: url(images/edit.svg) no-repeat scroll center center; display: inline-block; text-indent: -9000px; width: 16px; height: 16px; margin: 0 10px 0; padding: 0; opacity: 0.5; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar .contextual-links .edit_node a:hover { opacity: 1; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar .contextual-links .delete_node a { color: transparent !important; background: url(images/trash.svg) no-repeat scroll center center; display: inline-block; text-indent: -9000px; width: 16px; height: 16px; margin: 0; padding: 0; opacity: 0.5; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso .editar .contextual-links .delete_node a:hover { opacity: 1; } .page-user .profile .fotosde .view-fotografias-concurso .imagenconcurso a:hover img { opacity: 1; -webkit-animation: none; -o-animation: none; animation: none; } .page-user .profile .mapade { margin-top: 80px; margin-bottom: 60px; } .page-user .profile .mapade h3 { text-transform: uppercase; border-bottom: 1px solid #555555; padding-bottom: 10px; margin-bottom: 60px; } .page-user .profile .mapade .gmap { width: 100% !important; } .page-user .profile .denunciar { margin-bottom: 80px; } .page-user .profile .denunciar a { color: #206eda; } .page-user .profile .denunciar a:hover { color: #83cdac; } .view-categor-as-fotografias-concurso { margin-bottom: 150px; } .view-categor-as-fotografias-concurso .views-row { position: relative; display: flex; justify-content: center; align-items: center; } .view-categor-as-fotografias-concurso .views-row .views-field-name { position: absolute; z-index: 1; } .view-categor-as-fotografias-concurso .views-row .views-field-name span { text-transform: uppercase; font-weight: 600; font-size: 200%; } .view-categor-as-fotografias-concurso .views-row .views-field-name span a { color: #ffffff; } .view-categor-as-fotografias-concurso .views-row img { filter: brightness(0.66); } .view-categor-as-fotografias-concurso .views-row:nth-child(1) { width: 49.88%; float: left; clear: both; } .view-categor-as-fotografias-concurso .views-row:nth-child(2) { width: 49.88%; float: right; } .view-categor-as-fotografias-concurso .views-row:nth-child(3n) { width: 100%; float: none; } .view-categor-as-fotografias-concurso .views-row:nth-child(3n + 1) { width: 49.88%; float: left; clear: both; } .view-categor-as-fotografias-concurso .views-row:nth-child(3n + 2) { width: 49.88%; float: right; } .node-type-portada-concurso #content { max-width: 100%; margin: 0 auto; width: 100%; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera { height: 575px; margin-bottom: 80px; position: relative; color: #ffffff; display: flex; flex-direction: column; justify-content: center; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .backstretch { background-color: #000; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .backstretch img { opacity: 0.6; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .field-name-title-field { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; font-size: 350%; font-weight: 100; line-height: 110%; margin-bottom: 15px; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .field-name-title-field .field-item { width: 60%; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .field-name-field-descripcin { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; font-size: 350%; font-weight: 100; line-height: 110%; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .field-name-field-descripcin .field-item { width: 60%; } .node-type-portada-concurso #content .node-portada-concurso .field-name-fotografias-destacadas { max-width: 1181px; margin: 0 auto; width: 90%; } .node-type-portada-concurso #content .node-portada-concurso .field-name-fotografias-destacadas h2 { text-transform: uppercase; font-size: 170%; margin-bottom: 40px; } .node-type-portada-concurso #content .node-portada-concurso .field-name-categorias-fotos { max-width: 1181px; margin: 0 auto; width: 90%; } .node-type-portada-concurso #content .node-portada-concurso .field-name-categorias-fotos h2 { text-transform: uppercase; font-size: 170%; margin-bottom: 40px; } .node-type-portada-concurso #block-block-22, .node-type-portada-concurso #block-block-25, .node-type-portada-concurso #block-block-30 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 40px auto 20px; } .node-type-portada-concurso #block-block-22 .infoconcurso, .node-type-portada-concurso #block-block-25 .infoconcurso, .node-type-portada-concurso #block-block-30 .infoconcurso { margin-bottom: 50px; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-1, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-1, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-1 { display: flex; justify-content: space-around; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-1 a, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-1 a, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-1 a { margin-right: 15px; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-1 a img, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-1 a img, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-1 a img { max-width: 150px; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-1 a.interr img, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-1 a.interr img, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-1 a.interr img { max-width: 200px; margin-top: 15px; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-1 a.cenie, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-1 a.cenie, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-1 a.cenie { margin-right: 0; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-2, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-2, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-2 { display: flex; justify-content: center; margin: 50px 0; } .node-type-portada-concurso #block-block-22 .infoconcurso .logos-concurso .logos-concurso-2 a img, .node-type-portada-concurso #block-block-25 .infoconcurso .logos-concurso .logos-concurso-2 a img, .node-type-portada-concurso #block-block-30 .infoconcurso .logos-concurso .logos-concurso-2 a img { max-width: 300px; } .node-type-portada-concurso #block-block-22 .infoconcurso p, .node-type-portada-concurso #block-block-25 .infoconcurso p, .node-type-portada-concurso #block-block-30 .infoconcurso p { margin: 0 auto 1em; } .node-type-portada-concurso #block-block-22 h3, .node-type-portada-concurso #block-block-25 h3, .node-type-portada-concurso #block-block-30 h3 { font-size: 200%; margin-bottom: 40px; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso { margin-bottom: 100px; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row { width: 18.85%; display: inline-block; vertical-align: top; margin: 0 1% 1.3% 0; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing { position: relative; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; font-weight: 600; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a { display: flex; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a:hover img, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a:hover img, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .imagenconcurso a:hover img { opacity: 1; -webkit-animation: none; -o-animation: none; animation: none; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .granpremioNo, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .granpremioNo, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .granpremioNo { display: none; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .ganadorNo, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .ganadorNo, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .ganadorNo { display: none; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .publicoNo, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .publicoNo, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .publicoNo { display: none; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .granpremioSí, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .granpremioSí, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .granpremioSí { position: absolute; bottom: 0; left: 0; background: url("images/gran-premio.png") no-repeat scroll right center; width: 180px; height: 45px; background-size: 100%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .ganadorSí, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .ganadorSí, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .ganadorSí { position: absolute; bottom: 0; left: 0; background: url("images/ganador.png") no-repeat scroll right center; width: 180px; height: 45px; background-size: 100%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .publicoSí, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .publicoSí, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row .views-field-nothing .publicoSí { position: absolute; bottom: 0; left: 0; background: url("images/premio-eleccion.png") no-repeat scroll right center; width: 180px; height: 45px; background-size: 100%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:hover .views-field-nothing .aurtorconcurso, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:hover .views-field-nothing .aurtorconcurso, .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row:hover .views-field-nothing .aurtorconcurso { visibility: visible; opacity: 1; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(3n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(3n), .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 1%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(5n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(5n), .node-type-portada-concurso #block-block-30 .view-fotografias-concurso .views-row:nth-child(5n) { margin-right: 0; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row { width: 100%; display: block; margin: 0; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content { display: flex; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .imagenconcurso { flex: 2.6 1 0; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .imagenconcurso a { display: grid; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha { flex: 1 1 0; background-color: #D8D8D8; padding: 50px; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso { margin: 0 0 10px; border-bottom: none; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a { font-size: 200%; font-weight: 400; position: relative; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a::before { content: ''; position: absolute; width: 30px; height: 30px; left: -50px; top: 10px; background: #B200CD; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso { margin-bottom: 20px; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso a { color: #206eda; font-weight: 600; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso a:hover { color: #83cdac; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 { margin-top: 15px; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row { width: 32%; margin: 0 1.5% 1% 0; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso { position: relative; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso .categoria { position: absolute; top: 10px; padding-left: 25px; z-index: 1; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso .categoria a { font-size: 130%; font-weight: 400; color: #ffffff; position: relative; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso .categoria a::before { content: ''; position: absolute; width: 20px; height: 20px; top: 7px; left: -25px; background: #83cdac; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso a img { filter: brightness(0.66); } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row .imagenconcurso a:hover img { opacity: 1; -webkit-animation: none; -o-animation: none; animation: none; } .node-type-portada-concurso .view-fotografias-concurso.view-display-id-block_4 .views-row:nth-child(3n) { margin-right: 0; } .slick-prev, .slick-next { cursor: pointer; height: 100%; position: absolute; top: 0; width: 15px; z-index: 99; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent; color: transparent; outline: none; } .slick-prev { left: 15px; } .slick-next { right: 15px; } .slicker-programas { width: 102%; margin: 0 auto; } .slicker-programas .slick-prev, .slicker-programas .slick-next { cursor: pointer; height: 100%; position: absolute; top: 0; width: 20px; z-index: 99; } .slicker-programas .slick-prev:hover, .slicker-programas .slick-prev:focus, .slicker-programas .slick-next:hover, .slicker-programas .slick-next:focus { background: transparent; color: transparent; outline: none; } .slicker-programas .slick-prev { left: -30px; } .slicker-programas .slick-next { right: -9px; } .slicker-blogs { width: 100%; margin: 0 auto; /* the parent */ } .slicker-blogs .slick-prev, .slicker-blogs .slick-next { cursor: pointer; height: 100%; position: absolute; top: 0; width: 20px; z-index: 99; } .slicker-blogs .slick-prev:hover, .slicker-blogs .slick-prev:focus, .slicker-blogs .slick-next:hover, .slicker-blogs .slick-next:focus { background: transparent; color: transparent; outline: none; } .slicker-blogs .slick-prev { left: -30px; } .slicker-blogs .slick-next { right: -20px; } .slicker-blogs .slick-active:last-of-type { border-right: none !important; } .slicker-blogs .slick-slide { margin: 0 10px; } .slicker-blogs .slick-list { margin: 0 -10px; } .slicker-blog-listado { width: 97%; margin: 0 auto; /* the parent */ } .slicker-blog-listado .slick-prev, .slicker-blog-listado .slick-next { cursor: pointer; height: 100%; position: absolute; top: 0; width: 20px; z-index: 99; } .slicker-blog-listado .slick-prev:hover, .slicker-blog-listado .slick-prev:focus, .slicker-blog-listado .slick-next:hover, .slicker-blog-listado .slick-next:focus { background: transparent; color: transparent; outline: none; } .slicker-blog-listado .slick-prev { left: -15px; } .slicker-blog-listado .slick-next { right: -15px; } .slicker-blog-listado .slick-active:last-of-type { border-right: none !important; } .slicker-blog-listado .slick-slide { margin: 0 10px; } .slicker-blog-listado .slick-list { margin: 0 -10px; } #block-views-blog-de-invitados-block .slicker-programas .views-row, #block-views-blog-de-invitados-block .slicker-programas .views-row-last { margin: 0 0.5% 0 0; } .view-blog.view-display-id-page .views-row { margin: 0 0.04% !important; } .view-blog.view-display-id-page .more-link { text-align: center; margin-bottom: 50px; } .view-blog.view-display-id-page .more-link a { border: 1px solid #3e4383; padding: 10px 50px 10px 15px; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .view-blog.view-display-id-page .more-link a:hover { background: url("images/arrow-cta-white.svg") no-repeat scroll right 10px center #3e4383; color: #ffffff; padding-right: 55px; } body.logged-in li.user { display: none !important; } #block-menu-menu-concurso-meunu { padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #cdcdcd; } #block-menu-menu-concurso-meunu ul.menu { max-width: 1181px; margin: 0 auto; width: 90%; display: flex; } #block-menu-menu-concurso-meunu ul.menu li { list-style-type: none; margin: 0 0 0 15px; display: inline-block; } #block-menu-menu-concurso-meunu ul.menu li:first-child { margin: 0; } #block-menu-menu-concurso-meunu ul.menu li a { color: #3e4383; font-size: 115%; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } #block-menu-menu-concurso-meunu ul.menu li a:hover { color: #83cdac; } #block-menu-menu-concurso-meunu ul.menu li.active-trail a { font-weight: 600; } #block-menu-menu-concurso-meunu ul.menu li.user { margin-left: auto; padding: 2px 20px; background: #3e4383; border-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-menu-menu-concurso-meunu ul.menu li.user a { color: #ffffff; } #block-menu-menu-concurso-meunu ul.menu li.user:hover { background: #83cdac; } #block-menu-menu-concurso-meunu ul.menu li.enviarfoto { margin-left: auto; padding: 2px 20px; background: #3e4383; border-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-menu-menu-concurso-meunu ul.menu li.enviarfoto a { color: #ffffff; } #block-menu-menu-concurso-meunu ul.menu li.enviarfoto:hover { background: #83cdac; } .page-user-edit .tabs { display: none; } .page-user-edit #user-profile-form .form-item-entity-language, .page-user-edit #user-profile-form #edit-locale, .page-user-edit #user-profile-form #edit-timezone { display: none; } .page-user-edit #user-profile-form #edit-picture { padding: 10px; border: 1px solid #ccc; } .page-user-edit #user-profile-form #edit-picture .user-picture img { width: auto; } .page-user-edit #user-profile-form #social { padding: 10px; border: 1px solid #ccc; } .page-user #main .tabs ul.primary { position: inherit; } /* view exposiciones ______________ */ .view-exposiciones .views-row, .view-posters .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 8% 0; } .view-exposiciones .views-row:nth-child(3n), .view-posters .views-row:nth-child(3n) { margin-right: 0; } .view-exposiciones .views-row .views-field-title a, .view-posters .views-row .views-field-title a { color: #555555; font-size: 140%; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 20px 0; display: block; } .view-exposiciones .views-row .views-field-title a:hover, .view-posters .views-row .views-field-title a:hover { color: #206eda; } /* node exposicion ______________ */ .node-type-exposicion h1 { color: #555555; } .node-type-exposicion .field-name-field-imagen { margin: 0; } /* view posters ______________ */ #block-views-posters-block h2 { margin: 50px 0 20px; } #block-views-posters-block .views-field-field-autores { border-top: 1px solid #ccc; padding-top: 10px; } #block-views-posters-block .views-field-field-autores span { font-weight: bold; text-transform: uppercase; font-size: 80%; margin: 0 0 10px; display: block; } #block-views-posters-block .views-field-field-autores li { list-style: none; margin: 0 0 5px; font-weight: bold; } /* node porster ______________ */ .node-poster { max-width: 700px; margin: 0 auto; width: 90%; } .node-poster h1 { color: #555555; } .node-poster .field-name-field-imagen-alta { display: block; margin: 25px 0; } .node-poster .field-name-field-imagen-alta img { display: none; } .node-poster .field-name-field-imagen-alta a { color: #206eda; } .node-poster .field-name-info-usuario, .node-poster .field-name-field-compartir { width: 100%; } /* Bloque contadores footer */ #block-block-18 { background: #B27AD6; display: inline-block; width: 100%; padding: 50px 0; } #block-block-18 > .content { max-width: 1181px; margin: 0 auto; width: 90%; } #block-block-18 > .content h3 { text-align: center; color: #ffffff; text-transform: uppercase; font-weight: 600; font-size: 170%; } #block-block-18 > .content .contadores-footer { display: flex; justify-content: space-around; padding: 70px 0 60px; } #block-block-18 > .content .contadores-footer .contador-fotos, #block-block-18 > .content .contadores-footer .contador-participantes, #block-block-18 > .content .contadores-footer .contador-ciudades, #block-block-18 > .content .contadores-footer .contador-paises { width: 100%; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 120%; padding: 30px 0; border-right: 1px solid rgba(255, 255, 255, 0.5); } #block-block-18 > .content .contadores-footer .contador-fotos .views-field.views-field-uid, #block-block-18 > .content .contadores-footer .contador-fotos .views-field.views-field-nid, #block-block-18 > .content .contadores-footer .contador-participantes .views-field.views-field-uid, #block-block-18 > .content .contadores-footer .contador-participantes .views-field.views-field-nid, #block-block-18 > .content .contadores-footer .contador-ciudades .views-field.views-field-uid, #block-block-18 > .content .contadores-footer .contador-ciudades .views-field.views-field-nid, #block-block-18 > .content .contadores-footer .contador-paises .views-field.views-field-uid, #block-block-18 > .content .contadores-footer .contador-paises .views-field.views-field-nid { display: flex; flex-direction: row-reverse; justify-content: center; } #block-block-18 > .content .contadores-footer .contador-fotos .views-field.views-field-uid .field-content, #block-block-18 > .content .contadores-footer .contador-fotos .views-field.views-field-nid .field-content, #block-block-18 > .content .contadores-footer .contador-participantes .views-field.views-field-uid .field-content, #block-block-18 > .content .contadores-footer .contador-participantes .views-field.views-field-nid .field-content, #block-block-18 > .content .contadores-footer .contador-ciudades .views-field.views-field-uid .field-content, #block-block-18 > .content .contadores-footer .contador-ciudades .views-field.views-field-nid .field-content, #block-block-18 > .content .contadores-footer .contador-paises .views-field.views-field-uid .field-content, #block-block-18 > .content .contadores-footer .contador-paises .views-field.views-field-nid .field-content { font-weight: 600; margin-right: 8px; } #block-block-18 > .content .contadores-footer .contador-ciudades .views-field-field-localidad, #block-block-18 > .content .contadores-footer .contador-ciudades .views-field-field-pa-s, #block-block-18 > .content .contadores-footer .contador-paises .views-field-field-localidad, #block-block-18 > .content .contadores-footer .contador-paises .views-field-field-pa-s { display: flex; flex-direction: row-reverse; justify-content: center; } #block-block-18 > .content .contadores-footer .contador-ciudades .views-field-field-localidad .field-content, #block-block-18 > .content .contadores-footer .contador-ciudades .views-field-field-pa-s .field-content, #block-block-18 > .content .contadores-footer .contador-paises .views-field-field-localidad .field-content, #block-block-18 > .content .contadores-footer .contador-paises .views-field-field-pa-s .field-content { display: inline; font-weight: 600; margin-right: 8px; } #block-block-18 > .content .contadores-footer .contador-paises { border-right: none; } /* _______________ Página proyectos de innovacion _______________ */ .page-proyectos-de-investigacion .view-blog-de-invitados h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row { width: 23%; display: inline-block; vertical-align: top; margin: 0 2% 0 0; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row .views-field-title-field { margin: 6px 0 4px; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row .views-field-title-field a { color: #3e4383; font-weight: 600; font-size: 120%; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row .views-field-title-field a:hover { color: #2771d7; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row .views-field-field-categoria-programa { font-weight: bold; font-size: 90%; margin-bottom: 12px; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row-last { margin: 0; } /* _______________ Sociedad Longeva _______________ */ img.sociedad { display: none; } .header-sociedadlongeva { display: none; position: relative; width: 100%; height: 93px; background: #000; } .header-sociedadlongeva .header-sociedadlongeva-content { max-width: 1181px; margin: 0 auto; width: 90%; display: flex; align-items: center; height: 93px; } .header-sociedadlongeva .header-sociedadlongeva-content .logo-sociedadlongeva { height: 62px; width: 240px; display: inline-block; background-size: 100%; } .header-sociedadlongeva .header-sociedadlongeva-content .logo-interreg { display: none; background: url(images/interreglogo.svg) no-repeat scroll center center transparent; height: 62px; width: 240px; margin-right: 30px; background-size: 100%; } .header-sociedadlongeva::after { content: ''; height: 10px; width: 40%; min-width: 410px; background: #03fbb6; display: block; position: absolute; top: 89px; } .sociedadlongeva.page-node-10591 .header-sociedadlongeva .header-sociedadlongeva-content .logo-interreg { display: inline-block; } .i18n-es .header-sociedadlongeva .header-sociedadlongeva-content .logo-sociedadlongeva { background: url(images/PSL-Logo-franja.svg) no-repeat scroll center center transparent; } .i18n-en .header-sociedadlongeva .header-sociedadlongeva-content .logo-sociedadlongeva { background: url(images/PSL-Logo-franja-ENG.svg) no-repeat scroll center center transparent; } .i18n-pt .header-sociedadlongeva .header-sociedadlongeva-content .logo-sociedadlongeva { background: url(images/PSL-Logo-franja-PT.svg) no-repeat scroll center center transparent; } body.i18n-es img.sociedad, body.i18n-en img.sociedad, body.i18n-pt img.sociedad { display: none; } body.i18n-es img.sociedad-en, body.i18n-en img.sociedad-en, body.i18n-pt img.sociedad-en { display: none; } body.i18n-es img.sociedad-pt, body.i18n-en img.sociedad-pt, body.i18n-pt img.sociedad-pt { display: none; } body.i18n-es img.sinsociedad, body.i18n-en img.sinsociedad, body.i18n-pt img.sinsociedad { display: block; } body.sociedadlongeva.i18n-es img.sociedad { display: block; max-width: 160px; } body.sociedadlongeva.i18n-es img.sociedad-en { display: none; } body.sociedadlongeva.i18n-es img.sociedad-pt { display: none; } body.sociedadlongeva.i18n-es img.sinsociedad { display: none; } body.sociedadlongeva.i18n-es footer { background: #000; } body.sociedadlongeva.i18n-es .header-sociedadlongeva { display: block; } body.sociedadlongeva.i18n-en img.sociedad { display: none; } body.sociedadlongeva.i18n-en img.sociedad-en { display: block; max-width: 160px; } body.sociedadlongeva.i18n-en img.sociedad-pt { display: none; } body.sociedadlongeva.i18n-en img.sinsociedad { display: none; } body.sociedadlongeva.i18n-en footer { background: #000; } body.sociedadlongeva.i18n-en .header-sociedadlongeva { display: block; } body.sociedadlongeva.i18n-pt img.sociedad { display: none; } body.sociedadlongeva.i18n-pt img.sociedad-en { display: none; } body.sociedadlongeva.i18n-pt img.sociedad-pt { display: block; max-width: 160px; } body.sociedadlongeva.i18n-pt img.sinsociedad { display: none; } body.sociedadlongeva.i18n-pt footer { background: #000; } body.sociedadlongeva.i18n-pt .header-sociedadlongeva { display: block; } #block-views-blog-block-5 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto; } #block-views-blog-block-5 h2 { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; } #block-views-blog-block-5 .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 0 0; } #block-views-blog-block-5 .views-row:nth-child(3n) { margin-right: 0; } #block-views-blog-block-5 .views-row .views-field-nothing .tags-date { text-transform: uppercase; font-size: 90%; margin: 10px 0; } #block-views-blog-block-5 .views-row .views-field-nothing .tags-date span.hashtag { display: none; } #block-views-blog-block-5 .views-row .views-field-nothing .tags-date a { color: #206eda; font-weight: 600; pointer-events: all; cursor: pointer; } #block-views-blog-block-5 .views-row .views-field-nothing .tags-date a:hover { color: #83cdac; } #block-views-blog-block-5 .views-row .views-field-nothing .title a { color: #555555; font-size: 140%; line-height: 120%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-blog-block-5 .views-row .views-field-nothing .title a:hover { color: #2771d7; } .views-field-sociedadlongeva { position: relative; } .views-field-sociedadlongeva span { background: url("images/distintivo-imagen.png") no-repeat scroll center center; text-indent: -9000px; background-size: 62px 47px; position: absolute; top: -52px; width: 62px; height: 46px; } /* MENU RESPONSIVE ___________________*/ /* menu button __________*/ #block-responsive-menu-toggle { border-radius: 2px; color: #555555; display: block; font-size: 85%; width: 36px; height: 36px; line-height: 38px; font-weight: 500; text-align: center; position: absolute; top: 60px; right: 0; z-index: 6; } #block-responsive-menu-toggle #toggle-icon { width: 30px !important; height: 30px !important; background-color: #3e4383; border-radius: 50px; margin-top: 5px; } #block-responsive-menu-toggle #toggle-icon span.label { color: #555555; left: -50px; top: -4px; font-size: 14.4px; font-weight: 600; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } #block-responsive-menu-toggle #toggle-icon span.icon { top: -6px; left: 0; position: relative; display: inline-block; width: 16px; height: 2px; background: #ffffff; vertical-align: middle; } #block-responsive-menu-toggle #toggle-icon::before, #block-responsive-menu-toggle #toggle-icon::after { content: ''; display: inline-block; position: absolute; left: 7px; width: 16px; height: 2px; background: #ffffff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } #block-responsive-menu-toggle #toggle-icon::before { top: 9px; } #block-responsive-menu-toggle #toggle-icon::after { top: 19px; } #block-responsive-menu-toggle #toggle-icon:hover { background-color: #83cdac; } #block-responsive-menu-toggle #toggle-icon:hover span.label { color: #83cdac; } html.mm-opening .responsive-menu-toggle-icon { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } html.mm-opening .responsive-menu-toggle-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px !important; } html.mm-opening .responsive-menu-toggle-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 14px !important; } #block-block-20 .block-front-sl { border: none; position: relative; } #block-block-20 .block-front-sl .views-field-field-imagen { position: relative; } #block-block-20 .block-front-sl .views-field-field-imagen .background-image { background-image: url("images/Bloque-ancho---PSL.jpg"); height: 486px; background-size: cover; background-position: center; } #block-block-20 .block-front-sl .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-20 .block-front-sl .slider-content h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #ffffff; } #block-block-20 .block-front-sl .slider-content .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-block-20 .block-front-sl .slider-content .field-name-field-boton a { border: 1px solid #ffffff; padding: 10px 50px 10px 15px; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-20 .block-front-sl .slider-content .field-name-field-boton a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } #block-block-21 .block-front-zamora, #block-block-27 .block-front-zamora { position: relative; border: none; } #block-block-21 .block-front-zamora .views-field-field-imagen, #block-block-27 .block-front-zamora .views-field-field-imagen { position: relative; } #block-block-21 .block-front-zamora .views-field-field-imagen .background-image, #block-block-27 .block-front-zamora .views-field-field-imagen .background-image { background-image: url("images/Bloque-ancho---Zamora.jpg"); height: 486px; background-size: cover; background-position: center; } #block-block-21 .block-front-zamora .slider-content, #block-block-27 .block-front-zamora .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-21 .block-front-zamora .slider-content h1, #block-block-27 .block-front-zamora .slider-content h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #ffffff; } #block-block-21 .block-front-zamora .slider-content .field-name-field-subtitulo, #block-block-27 .block-front-zamora .slider-content .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-block-21 .block-front-zamora .slider-content .field-name-field-boton a, #block-block-27 .block-front-zamora .slider-content .field-name-field-boton a { border: 1px solid #ffffff; padding: 10px 50px 10px 15px; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-21 .block-front-zamora .slider-content .field-name-field-boton a:hover, #block-block-27 .block-front-zamora .slider-content .field-name-field-boton a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } #block-block-27 .block-front-zamora .views-field-field-imagen .background-image { background-image: url("images/banner-4.png"); height: 486px; background-size: cover; background-position: center; } #block-block-24 .block-front-conline { border: none; position: relative; } #block-block-24 .block-front-conline .views-field-field-imagen { position: relative; } #block-block-24 .block-front-conline .views-field-field-imagen .background-image { background-image: url("images/curso_online_foto.jpeg"); height: 486px; background-size: cover; background-position: center; } #block-block-24 .block-front-conline .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #3e4383; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-24 .block-front-conline .slider-content h1 { font-size: 310%; font-weight: 100; max-width: 63%; line-height: 110%; color: #3e4383; } #block-block-24 .block-front-conline .slider-content .field-name-field-subtitulo { margin: 10px 0; font-size: 110%; max-width: 63%; text-transform: uppercase; font-weight: 500; } #block-block-24 .block-front-conline .slider-content .field-name-field-boton a { border: 1px solid #3e4383; padding: 10px 50px 10px 15px; color: #3e4383; background: url(images/arrow-cta-blue.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-24 .block-front-conline .slider-content .field-name-field-boton a:hover { background: url("images/arrow-cta-white.svg") no-repeat scroll right 10px center #3e4383; color: #ffffff; padding-right: 55px; } #block-block-28 .block-front-openscience, #block-block-31 .block-front-openscience { position: relative; border: none; } #block-block-28 .block-front-openscience .views-field-field-imagen, #block-block-31 .block-front-openscience .views-field-field-imagen { position: relative; } #block-block-28 .block-front-openscience .views-field-field-imagen .background-image, #block-block-31 .block-front-openscience .views-field-field-imagen .background-image { background-image: url("images/Bloque-ancho---Open.jpeg"); height: 486px; background-size: cover; background-position: center; } #block-block-28 .block-front-openscience .slider-content, #block-block-31 .block-front-openscience .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-28 .block-front-openscience .slider-content h1, #block-block-31 .block-front-openscience .slider-content h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #ffffff; } #block-block-28 .block-front-openscience .slider-content .field-name-field-subtitulo, #block-block-31 .block-front-openscience .slider-content .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-block-28 .block-front-openscience .slider-content .field-name-field-boton a, #block-block-31 .block-front-openscience .slider-content .field-name-field-boton a { border: 1px solid #ffffff; padding: 10px 50px 10px 15px; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-28 .block-front-openscience .slider-content .field-name-field-boton a:hover, #block-block-31 .block-front-openscience .slider-content .field-name-field-boton a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } #block-block-31 .background-image { background-image: url("images/proyecto_nuevo.jpg") !important; } #block-block-29 .block-front-microsite { position: relative; border: none; } #block-block-29 .block-front-microsite .views-field-field-imagen { position: relative; } #block-block-29 .block-front-microsite .views-field-field-imagen .background-image { background-image: url("images/Bloque-ancho---Microsite.jpg"); height: 486px; background-size: cover; background-position: center; } #block-block-29 .block-front-microsite .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #ffffff; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-29 .block-front-microsite .slider-content h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #ffffff; } #block-block-29 .block-front-microsite .slider-content .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-block-29 .block-front-microsite .slider-content .field-name-field-boton a { border: 1px solid #ffffff; padding: 10px 50px 10px 15px; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-29 .block-front-microsite .slider-content .field-name-field-boton a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } #block-block-26 .block-front-economia { position: relative; border: none; } #block-block-26 .block-front-economia .views-field-field-imagen { position: relative; } #block-block-26 .block-front-economia .views-field-field-imagen .background-image { background-image: url("images/Bloque-ancho---Economia3.jpg"); height: 486px; background-size: cover; background-position: center; } #block-block-26 .block-front-economia .slider-content { max-width: 1181px; margin: 0 auto; width: 90%; color: #3e4383; left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); } #block-block-26 .block-front-economia .slider-content h1 { font-size: 400%; font-weight: 100; max-width: 63%; line-height: 110%; color: #3e4383; } #block-block-26 .block-front-economia .slider-content .field-name-field-subtitulo { margin: 30px 0; font-size: 130%; max-width: 63%; } #block-block-26 .block-front-economia .slider-content .field-name-field-boton a { border: 1px solid #3e4383; padding: 10px 50px 10px 15px; color: #ffffff; background: url(images/arrow-cta-white.svg) no-repeat scroll right 10px center #3e4383; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-block-26 .block-front-economia .slider-content .field-name-field-boton a:hover { background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center #ffffff; color: #3e4383; padding-right: 55px; } .front #content { max-width: unset; margin: 0; width: 100%; overflow: initial; } .front #content #block-views-ultimo-block { max-width: 1181px; margin: 0 auto; width: 90%; margin: 40px auto 120px; display: block; } .front #content #block-views-e05d1978068c2c19329c72973811065e { max-width: 1181px; margin: 0 auto; width: 90%; margin: 30px auto 0; } .front #content #block-block-15 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto 0; } .front #content #block-views-blog-de-invitados-block { max-width: 1181px; margin: 0 auto; width: 90%; margin: 100px auto 150px; } .front .region-content00 { max-width: 1181px; margin: 0 auto; width: 90%; } html.mm-opened header { top: -140px !important; } .page-node-10693 .ds-1col.node.node-portada-concurso.node-promoted.view-mode-full.clearfix { display: none; } #field-fecha-fotografia-add-more-wrapper fieldset { padding: 4px 0 0; border: none; } #addressfield-wrapper fieldset, #addressfield-wrapper--2 fieldset { padding: 0; border: none; } #addressfield-wrapper fieldset .fieldset-wrapper, #addressfield-wrapper--2 fieldset .fieldset-wrapper { padding: 4px 0 0; } /* _______________ dialogos abiertos _______________ */ .node-type-dialogo #main { margin: 0 auto 40px; } .node-type-dialogo #content { width: 100%; max-width: unset; } .node-type-dialogo .field-name-submen-dialogo { border-bottom: 1px solid #ccc; margin-top: -25px; margin-bottom: 80px; } .node-type-dialogo .field-name-submen-dialogo .menu { max-width: 1181px; margin: 0 auto; width: 90%; margin: 0 auto 15px; display: flex; padding-left: 60px; } .node-type-dialogo .field-name-submen-dialogo .menu li.leaf { float: none; margin: 0 40px 0 0; font-weight: bold; } .node-type-dialogo .field-name-submen-dialogo .menu li { color: #83cdac; font-weight: 500; padding: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .node-type-dialogo .field-name-submen-dialogo .menu li:hover { color: #3e4383; cursor: pointer; } .node-type-dialogo .field-name-submen-dialogo .menu li.last { margin: 0; } .node-type-dialogo .group-dates { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 30px; } .node-type-dialogo .group-dates .field-name-field-fecha-dialogo { margin-bottom: 20px; } .node-type-dialogo .group-dates .field-name-title h2 { color: #555555; font-size: 220%; margin: 0 0 15px; line-height: 110%; font-weight: 300; } .node-type-dialogo .group-dates .group-aplausos { display: flex; margin-bottom: 25px; font-weight: 600; } .node-type-dialogo .group-dates .group-aplausos .field-name-n-mero-de-aplausos { margin-right: 30px; padding-left: 25px; position: relative; } .node-type-dialogo .group-dates .group-aplausos .field-name-n-mero-de-aplausos::before { content: ''; display: block; background: url("images/clapping.svg") no-repeat scroll center center; background-size: cover; width: 18px; height: 16px; position: absolute; left: 3px; top: 4px; } .node-type-dialogo .group-dates .group-aplausos .field-name-contador { position: relative; } .node-type-dialogo .group-dates .group-aplausos .field-name-contador::before { content: ''; display: block; background: url("images/respuestas.svg") no-repeat scroll center center; background-size: cover; width: 15px; height: 15px; position: absolute; left: -18px; top: 5px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item { border-bottom: 1px solid #cdcdcd; padding-bottom: 20px; margin-bottom: 20px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo { display: flex; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .field-name-field-imagen-autor { margin-right: 20px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .field-name-field-imagen-autor img { width: 80px; border-radius: 50%; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .field-name-title h2 { font-size: 16px; color: #206eda; font-weight: 600; margin-bottom: 0; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-info { display: flex; margin-bottom: 7px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-info .field-name-field-institucion-autor { position: relative; margin-right: 10px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-info .field-name-field-institucion-autor::after { content: '·'; display: block; position: absolute; top: 0; right: -6px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-info .field-name-field-cv-autor img { display: none; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-info a { color: #555555; text-decoration: underline; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-redes .redes { margin-top: 15px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-redes .redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 18px; height: 18px; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-redes .redes a.facebook { background: url(images/facebook-black.svg) no-repeat scroll center center; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-redes .redes a.twitter { background: url(images/twitter-black.svg) no-repeat scroll center center; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item .node-autor-dialogo .group-dere .group-redes .redes a.linkedin { background: url(images/linkedin-black.svg) no-repeat scroll center center; } .node-type-dialogo .group-dates .field-name-field-autor-dialogo .field-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .node-type-dialogo .field-name-field-foto-principal { max-width: 1181px; margin: 0 auto; width: 90%; margin: 0 auto 50px; } .node-type-dialogo .field-name-field-abstracto { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 50px; } .node-type-dialogo .field-name-field-abstracto .field-label { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 30px; padding-bottom: 7px; } .node-type-dialogo .field-name-field-abstracto .field-items { font-size: 130%; } .node-type-dialogo .field-name-field-articulo-dialogo { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 50px; } .node-type-dialogo .field-name-field-articulo-dialogo .field-label { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 30px; padding-bottom: 7px; position: relative; } .node-type-dialogo .field-name-field-articulo-dialogo .field-label::after { content: ''; background: url("images/arrow-down.svg") no-repeat scroll center center; background-size: cover; display: block; position: absolute; top: 4px; right: 0; width: 16px; height: 10px; } .node-type-dialogo .field-name-field-articulo-dialogo .field-label.close::after { background: url("images/arrow-right-blue.svg") no-repeat scroll center center; background-size: cover; top: 4px; width: 10px; height: 16px; } .node-type-dialogo .field-name-field-articulo-dialogo .field-label:hover { cursor: pointer; } .node-type-dialogo .field-name-field-articulo-dialogo blockquote { font-size: 160%; font-weight: 600; width: 80%; margin: 40px auto; } .node-type-dialogo .field-name-field-articulo-dialogo blockquote p { line-height: 1.3; } .node-type-dialogo .field-name-field-articulo-dialogo .collapse-text-fieldset a.fieldset-title { color: #83cdac; font-weight: bold; } .node-type-dialogo .field-name-aplaudir { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 50px; position: relative; } .node-type-dialogo .field-name-aplaudir .titlaplau { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 6px; padding-bottom: 7px; font-weight: 600; } .node-type-dialogo .field-name-aplaudir .aplaudir a { font-size: 1px; display: block; width: 25px; height: 23px; color: transparent; position: absolute; bottom: 1px; z-index: 1; } .node-type-dialogo .field-name-aplaudir .numeroapla { position: relative; padding-left: 33px; } .node-type-dialogo .field-name-aplaudir .numeroapla::before { content: ''; display: block; margin-right: 10px; background: url("images/clapping.svg") no-repeat scroll center center; background-size: cover; width: 25px; height: 23px; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .node-type-dialogo .field-name-aplaudir .numeroapla.hover::before { width: 29px; height: 26px; } .node-type-dialogo .field-name-field-pregunta { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 50px; } .node-type-dialogo .field-name-field-pregunta .field-label { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 30px; padding-bottom: 7px; } .node-type-dialogo .field-name-field-pregunta .field-items { font-size: 190%; font-weight: 300; line-height: 1; color: #3e4383; } .node-type-dialogo .field-name-field-expertos { margin-bottom: 50px; } .node-type-dialogo .field-name-field-expertos .field-label { text-transform: uppercase; border-bottom: 1px solid #555555; max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 30px; padding-bottom: 7px; position: relative; } .node-type-dialogo .field-name-field-expertos .field-label::after { content: ''; background: url("images/arrow-down.svg") no-repeat scroll center center; background-size: cover; display: block; position: absolute; top: 4px; right: 0; width: 16px; height: 10px; } .node-type-dialogo .field-name-field-expertos .field-label.close::after { background: url("images/arrow-right-blue.svg") no-repeat scroll center center; background-size: cover; top: 4px; width: 10px; height: 16px; } .node-type-dialogo .field-name-field-expertos .field-label:hover { cursor: pointer; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item { padding: 55px 0 50px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto { max-width: 700px; margin: 0 auto; width: 90%; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto { display: flex; margin-bottom: 30px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .field-name-field-foto-experto { margin-right: 12px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .field-name-field-foto-experto img { width: 50px; border-radius: 50%; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .field-name-title h2 { font-size: 16px; color: #206eda; font-weight: 600; margin-bottom: 0; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .field-name-field-cargo-experto { font-size: 14px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .field-name-field-institucion a { font-size: 14px; color: #555555; text-decoration: underline; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .group-redes { display: flex; margin-top: 10px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .group-redes a { display: inline-block; margin: 0 8px 0 0; text-indent: -9000px; width: 12px; height: 12px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .group-redes .field-name-field-facebook-experto a { background: url(images/facebook-black.svg) no-repeat scroll center center; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .group-redes .field-name-field-twitter-experto a { background: url(images/twitter-black.svg) no-repeat scroll center center; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .group-experto .group-info .group-redes .field-name-field-linkedin-experto a { background: url(images/linkedin-black.svg) no-repeat scroll center center; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .field-name-field-texto-experto { margin-bottom: 30px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .field-name-field-texto-experto blockquote { font-size: 160%; font-weight: 600; width: 80%; margin: 40px auto; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .field-name-field-texto-experto blockquote p { line-height: 1.3; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .cajaaplauso { position: relative; margin-left: -7px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .cajaaplauso .numeroapla { display: inline-block; background: #83cdac; color: #ffffff; padding: 9.5px 14px 9.5px 29px; font-size: 14px; font-weight: 600; border-radius: 5px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .cajaaplauso .numeroapla::before { content: ''; display: block; background: url("images/clapping-white.svg") no-repeat scroll center center; background-size: cover; width: 16px; height: 14px; position: absolute; left: 8px; top: 12px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .cajaaplauso .numeroapla.hover { background: #3e4383; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .cajaaplauso a { font-size: 1px; display: block; width: 51px; height: 40px; color: transparent; position: absolute; left: 7px; z-index: 1; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item.even { background-color: #f3f3f3; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item.odd { background-color: #e0e0e0; } .node-type-dialogo .field-name-field-usuarios-dialogo { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 70px; } .node-type-dialogo .field-name-field-usuarios-dialogo .field-label { font-size: 190%; font-weight: 300; line-height: 1; color: #3e4383; margin-bottom: 30px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo { margin-bottom: 40px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .field-name-title h2 { font-size: 14px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .group-info { display: flex; font-size: 14px; margin-bottom: 8px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .group-info .field-name-field-ciudad-usuario { position: relative; margin-right: 10px; font-weight: 600; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .group-info .field-name-field-ciudad-usuario::after { content: '·'; display: block; position: absolute; top: 0; right: -6px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .cajaaplauso { position: relative; margin-left: -7px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .cajaaplauso .numeroapla { display: inline-block; background: #83cdac; color: #ffffff; padding: 9.5px 14px 9.5px 29px; font-size: 14px; font-weight: 600; border-radius: 5px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .cajaaplauso .numeroapla::before { content: ''; display: block; background: url("images/clapping-white.svg") no-repeat scroll center center; background-size: cover; width: 16px; height: 14px; position: absolute; left: 8px; top: 12px; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .cajaaplauso .numeroapla.hover { background: #3e4383; } .node-type-dialogo .field-name-field-usuarios-dialogo > .field-items .node-usuario-dialogo .cajaaplauso a { font-size: 1px; display: block; width: 51px; height: 40px; color: transparent; position: absolute; left: 7px; z-index: 1; } .node-type-dialogo .field-name-participar { margin-bottom: 50px; } .node-type-dialogo .field-name-participar h2 { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 30px; padding-bottom: 7px; font-size: 16px; } .node-type-dialogo .field-name-participar form::before { content: 'Envía tu respuesta para participar en el diálogo.'; display: block; font-size: 16px; margin-bottom: 30px; } .node-type-dialogo .field-name-participar form label { font-size: 14px; } .node-type-dialogo .field-name-participar form input.form-text { font-size: 14px; height: 40px; } .node-type-dialogo .field-name-participar form .form-actions input { padding: 10px 25px; background: #83cdac; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .node-type-dialogo .field-name-participar form .form-actions input:hover { background: #3e4383; color: #ffffff; } .node-type-dialogo .field-name-field-compartir-dialogo { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 50px; } .node-type-dialogo .field-name-field-compartir-dialogo .field-label { text-transform: uppercase; border-bottom: 1px solid #555555; margin-bottom: 30px; padding-bottom: 7px; } .node-type-dialogo.not-logged-in .field-name-aplaudir .titlaplau { margin-bottom: 30px; } #block-fieldblock-node-dialogo-default-field-imagen-cabecera { position: relative; } #block-fieldblock-node-dialogo-default-field-imagen-cabecera h2 { font-size: 400%; font-weight: 100; width: 100%; text-align: center; line-height: 110%; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header { margin-bottom: 100px; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-field-foto-principal, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-field-foto-principal, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-field-foto-principal, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-field-foto-principal { width: 65%; float: left; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing { width: 30%; float: right; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .fecha, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .fecha, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .fecha, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .fecha { line-height: 1; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title { text-transform: inherit; font-weight: 100; font-size: 160%; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a { color: #555555; margin: 20px 0; display: block; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a:hover, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a:hover, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a:hover, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .title a:hover { color: #2771d7; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo { display: flex; align-items: center; margin: 10px 0; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .field-name-field-imagen-autor img, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .field-name-field-imagen-autor img, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .field-name-field-imagen-autor img, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .field-name-field-imagen-autor img { width: 50px; height: 50px; border-radius: 40px; margin-right: 15px; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title { font-weight: 400; color: #3e4383; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title h2, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title h2, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title h2, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-title h2 { font-size: 100%; font-weight: 300; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-field-cargo-autor, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-rede, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-field-cargo-autor, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-rede, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-field-cargo-autor, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-rede, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .field-name-field-cargo-autor, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .autor .node-autor-dialogo .group-dere .group-rede { display: none; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a { padding: 10px 50px 10px 0; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a:hover, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a:hover, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a:hover, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing .infodere .link a:hover { padding-right: 55px; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row { width: 30%; display: inline-block; vertical-align: top; margin: 0 4% 8% 0; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-fecha-dialogo, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-fecha-dialogo, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-fecha-dialogo, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-fecha-dialogo { font-size: 90%; margin: 10px 0; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-title, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-title { margin-bottom: 25px; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-title a, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-title a, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-title a, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-title a { color: #555555; font-size: 140%; line-height: 120%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-title a:hover, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-title a:hover, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-title a:hover, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-title a:hover { color: #2771d7; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo { display: flex; align-items: center; margin: 10px 0; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .field-name-field-imagen-autor img, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .field-name-field-imagen-autor img, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .field-name-field-imagen-autor img, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .field-name-field-imagen-autor img { width: 50px; height: 50px; border-radius: 40px; margin-right: 15px; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title { font-weight: 400; color: #206eda; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title h2, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title h2, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title h2, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .field-name-title h2 { font-size: 100%; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-rede, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-rede, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-rede, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-info, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row .views-field-field-autor-dialogo .node-autor-dialogo .group-dere .group-rede { display: none; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row:nth-child(3n), .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row:nth-child(3n), .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row:nth-child(3n), .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row:nth-child(3n) { margin-right: 0; } #block-views-di-logo-abierto-block-1, #block-views-di-logo-abierto-block-3 { margin: 0 0 100px; } #block-views-di-logo-abierto-block-1 .view-footer, #block-views-di-logo-abierto-block-3 .view-footer { text-align: center; } #block-views-di-logo-abierto-block-1 .diaologohome, #block-views-di-logo-abierto-block-3 .diaologohome { position: relative; } #block-views-di-logo-abierto-block-1 .diaologohome .background-image-formatter, #block-views-di-logo-abierto-block-3 .diaologohome .background-image-formatter { background-position: 50%; background-size: cover; height: 400px; } #block-views-di-logo-abierto-block-1 .diaologohome .titlesub, #block-views-di-logo-abierto-block-3 .diaologohome .titlesub { width: 100%; position: absolute; top: 50%; transform: translate(0, -50%); } #block-views-di-logo-abierto-block-1 .diaologohome .titlesub .title, #block-views-di-logo-abierto-block-3 .diaologohome .titlesub .title { max-width: 1181px; margin: 0 auto; width: 90%; font-size: 400%; font-weight: 100; line-height: 110%; margin: 0 auto 30px; } #block-views-di-logo-abierto-block-1 .diaologohome .titlesub .title a, #block-views-di-logo-abierto-block-3 .diaologohome .titlesub .title a { color: #ffffff; } #block-views-di-logo-abierto-block-1 .diaologohome .titlesub .subtitle, #block-views-di-logo-abierto-block-3 .diaologohome .titlesub .subtitle { max-width: 1181px; margin: 0 auto; width: 90%; margin: 30px auto; font-size: 130%; color: #ffffff; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo { max-width: 1181px; margin: 0 auto; width: 90%; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui { width: 30%; float: left; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui .fecha, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui .fecha { line-height: 1; margin: 25px 0; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui .title, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui .title { text-transform: inherit; font-weight: 100; font-size: 160%; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui .title a, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui .title a { color: #555555; margin: 20px 0; display: block; line-height: 110%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui .title a:hover, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui .title a:hover { color: #2771d7; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui .link a, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui .link a { padding: 10px 50px 10px 0; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui .link a:hover, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infoizqui .link a:hover { padding-right: 55px; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infodere, #block-views-di-logo-abierto-block-3 .diaologohome .infodialogo .infodere { width: 65%; float: right; margin-top: -60px; } /* Segundo bloque dialogo abierto home */ #block-views-di-logo-abierto-block-2 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 0 auto 100px; } #block-views-di-logo-abierto-block-2 .imagencabecera .title { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; font-weight: bold; } #block-views-di-logo-abierto-block-2 .imagencabecera .img { width: 45%; float: left; } #block-views-di-logo-abierto-block-2 .infoderecha { width: 50%; float: right; } #block-views-di-logo-abierto-block-2 .infoderecha .title { display: inline-block; margin: 0 6px 0 0; } #block-views-di-logo-abierto-block-2 .infoderecha .title a { color: #3e4383; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-di-logo-abierto-block-2 .infoderecha .title a:hover { color: #2771d7; } #block-views-di-logo-abierto-block-2 .infoderecha .fechaautor .autor { display: inline-block; font-size: 16px; color: #206eda; font-weight: 600; margin-right: 7px; } #block-views-di-logo-abierto-block-2 .infoderecha .fechaautor .fecha { display: inline-block; } #block-views-di-logo-abierto-block-2 .infoderecha .descr { text-transform: inherit; font-weight: 100; color: #555555; margin: 20px 0; display: block; } #block-views-di-logo-abierto-block-2 .infoderecha .pregunta { text-transform: inherit; font-weight: 100; font-size: 160%; color: #555555; margin: 20px 0; display: block; line-height: 110%; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto { margin-bottom: 30px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto { display: flex; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .field-name-field-foto-experto { margin-right: 20px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .field-name-field-foto-experto img { width: 80px; border-radius: 50%; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .field-name-title h2 { font-size: 16px; color: #206eda; font-weight: 600; margin-bottom: 0; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .field-name-field-institucion { margin-bottom: 7px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .field-name-field-institucion a { color: #555555; text-decoration: underline; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes { margin-top: 15px; display: flex; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 18px; height: 18px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes .field-name-field-facebook-experto a { background: url(images/facebook-black.svg) no-repeat scroll center center; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes .field-name-field-twitter-experto a { background: url(images/twitter-black.svg) no-repeat scroll center center; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes .field-name-field-linkedin-experto a { background: url(images/linkedin-black.svg) no-repeat scroll center center; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .field-name-field-texto-experto, #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .flag-outer-aplaudir-experto { display: none; } #block-views-di-logo-abierto-block-2 .infoderecha .mas a { padding: 10px 50px 10px 0; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-di-logo-abierto-block-2 .infoderecha .mas a:hover { padding-right: 55px; } .view-novedades-cenie { display: block; top: 0; bottom: 0; position: fixed; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 101; overflow-y: scroll; } .view-novedades-cenie #novedades { max-width: 600px; margin: 0 auto; width: 90%; background: #ffffff; } .view-novedades-cenie #novedades .ti-novedades { position: relative; margin-top: 22vh; padding: 26px 40px; color: #ffffff; background: #3e4383; } .view-novedades-cenie #novedades .ti-novedades::before { content: ''; display: block; position: absolute; width: 20px; height: 20px; background: #83cdac; top: 0; left: 0; } .view-novedades-cenie #novedades .ti-novedades::after { content: ''; display: block; position: absolute; width: 20px; height: 20px; background: #B27AD6; bottom: 0; right: 0; } .view-novedades-cenie #novedades .info-novedades { position: relative; display: flex; padding: 30px 40px 40px; } .view-novedades-cenie #novedades .info-novedades .info-novedades-izq { margin-right: 20px; } .view-novedades-cenie #novedades .info-novedades .info-novedades-izq .info-novedades-img img { width: 150px; border-radius: 100%; } .view-novedades-cenie #novedades .info-novedades .info-novedades-der .fecha-novedades { font-size: 90%; color: #3e4383; margin-bottom: 10px; } .view-novedades-cenie #novedades .info-novedades .info-novedades-der .titulo-novedades { font-size: 150%; line-height: 1; color: #3e4383; margin-bottom: 10px; } .view-novedades-cenie #novedades .info-novedades .info-novedades-der .body-novedades { font-size: 90%; color: #3e4383; margin-bottom: 10px; } .view-novedades-cenie #novedades .info-novedades .info-novedades-der .enlace-novedades a { font-size: 90%; display: inline-block; border: 1px solid #3e4383; padding: 10px 50px 10px 15px; color: #3e4383; background: url(images/arrow-cta-blue.svg) no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .view-novedades-cenie #novedades .info-novedades .info-novedades-der .enlace-novedades a:hover { background: url("images/arrow-cta-white.svg") no-repeat scroll right 10px center #3e4383; color: #ffffff; padding-right: 55px; } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades { position: absolute; right: 40px; top: -54px; } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades span { top: 0; left: 0; position: relative; display: inline-block; width: 16px; height: 2px; background: #3e4383; vertical-align: middle; } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades span::before, .view-novedades-cenie #novedades .info-novedades #cerrar-novedades span::after { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ''; display: inline-block; position: absolute; left: 0; width: 16px; height: 2px; background: #ffffff; } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades span::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades span::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades:hover { cursor: pointer; } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades:hover span::after { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); } .view-novedades-cenie #novedades .info-novedades #cerrar-novedades:hover span::before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .page-node-13706 .region.region-content { display: none; } /* ______________________________________________ */ /* _______________ media queries _______________ */ /* ______________________________________________*/ /* layouts smaller than 1240px ___________________*/ @media screen and (max-device-width: 1240px), screen and (max-width: 1240px) { header #block-responsive-menu-horizontal-menu ul li a { font-size: 90%; } } /* layouts smaller than 1200px ___________________*/ @media screen and (max-device-width: 1200px), screen and (max-width: 1200px) { .i18n-es #logo, .i18n-en #logo, .i18n-pt #logo { width: 240px; background-size: 100%; } header #block-responsive-menu-horizontal-menu ul li a { font-size: 75%; } header #block-responsive-menu-horizontal-menu .sub-nav { width: 10.75em; margin-left: -86px; } } /* layouts smaller than 1190px ___________________*/ @media screen and (max-device-width: 1190px), screen and (max-width: 1190px) { .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha { padding: 30px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso { margin: 0; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a { font-size: 160%; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a::before { width: 20px; height: 20px; left: -30px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso { margin-bottom: 10px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .desconcurso { font-size: 95%; } } /* layouts smaller than 1150px ___________________*/ @media screen and (max-device-width: 1150px), screen and (max-width: 1150px) { .i18n-es #logo, .i18n-en #logo, .i18n-pt #logo { width: 220px; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row { width: 23.8%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 1%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(5n) { margin-right: 1%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(4n) { margin-right: 0; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row { width: 23.8%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(3n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 1%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(5n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(5n) { margin-right: 1%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(4n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(4n) { margin-right: 0; } } /* layouts smaller than 1100px ___________________*/ @media screen and (max-device-width: 1100px), screen and (max-width: 1100px) { #block-responsive-menu-toggle #toggle-icon span.label { display: none; } header #block-lang-dropdown-language-content { right: 50px; } header #block-block-14 { right: 145px; } header #block-block-16 { right: 200px; } .custom-searchbox-popup-trigger a.button { right: 105px; } header #block-responsive-menu-horizontal-menu ul li a { font-size: 70%; } } /* layouts smaller than 1040px ___________________*/ @media screen and (max-device-width: 1040px), screen and (max-width: 1040px) { header #block-block-16 { right: 175px; } } /* layouts smaller than 1024px ___________________*/ @media screen and (max-device-width: 1024px), screen and (max-width: 1024px) { .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content { flex-direction: column; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha { padding: 50px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso { margin: 0 0 10px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a { font-size: 200%; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .titleconcurso a::before { width: 30px; height: 30px; left: -50px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .autorconcurso { margin-bottom: 20px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-page_2 .views-row .field-content .derecha .desconcurso { font-size: 100%; } .view-fotografias-concurso .view-filters { margin-bottom: 80px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper { left: 0; top: 40px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-submit-button { top: 45px; left: 520px; } .view-categor-as-fotografias-concurso .views-row .views-field-name span { font-size: 140%; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .backstretch .field-name-title-field .field-item { width: 80%; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .backstretch .field-name-field-descripcin .field-item { width: 80%; } #block-bean-front-top .group-text h1 { font-size: 350%; } } /* layouts smaller than 1010px ___________________*/ @media screen and (max-device-width: 1010px), screen and (max-width: 1010px) { header { /* ----- Boton sociedad longeva (Se suman 20px al top de los elementos del header porque el botón crece 20 px respecto al anterior) ------*/ } header #block-block-16 { position: fixed; top: 0; left: 0; width: 100%; } header #block-block-16 > .content { flex-direction: column; } header #block-block-16 > .content .boton-multimedia { height: 47px; background: #83cdac; margin-bottom: 0; position: relative; } header #block-block-16 > .content .boton-multimedia a { width: 320px; height: 47px; margin: 0 auto; } header #block-block-16 > .content .boton-multimedia a::before { content: ''; background: #3e4383; height: 20px; width: 20px; display: block; position: absolute; top: 0; right: 0; } header #block-block-16 > .content .boton-curso { height: 47px; background: #3e4383; margin-bottom: 0; position: relative; } header #block-block-16 > .content .boton-curso a { width: 320px; height: 47px; margin: 0 auto; } header #block-block-16 > .content .boton-curso a::before { content: ''; background: #B27AD6; height: 20px; width: 20px; display: block; position: absolute; top: 0; left: 0; } header #block-block-16 > .content .boton-longevo { height: 47px; background: #000; margin-bottom: 0; position: relative; } header #block-block-16 > .content .boton-longevo a { width: 320px; height: 40px; margin: 0 auto; } header #block-block-16 > .content .boton-longevo::before { content: ''; height: 4px; width: 100%; background: #03fbb6; display: block; position: absolute; top: 43px; } header #block-block-16 > .content .boton-zamora { height: 47px; background: linear-gradient(to right, #2e5294, #27a15e); margin-bottom: 0; position: relative; } header #block-block-16 > .content .boton-zamora a { width: 320px; height: 47px; margin: 0 auto; } header #block-block-16 > .content .boton-zamora a::before { content: ''; background: url("images/onda_movil.svg") no-repeat scroll center center; height: 47px; width: 95px; display: block; position: absolute; top: 0; left: -30px; } .i18n-es header #block-block-16 .boton-multimedia a { background: url("images/multimedia_movil_es.svg") no-repeat scroll center center; width: 280px; } .i18n-en header #block-block-16 .boton-multimedia a { background: url("images/multimedia_movil_en.svg") no-repeat scroll center center; width: 280px; } .i18n-pt header #block-block-16 .boton-multimedia a { background: url("images/multimedia_movil_pt.svg") no-repeat scroll center center; width: 280px; } .i18n-es header #block-block-16 .boton-curso a { background: url("images/cursoonline-movil-ES.svg") no-repeat scroll center center; width: 280px; } .i18n-en header #block-block-16 .boton-curso a { background: url("images/cursoonline-movil-EN.svg") no-repeat scroll center center; width: 280px; } .i18n-pt header #block-block-16 .boton-curso a { background: url("images/cursoonline-movil-PT.svg") no-repeat scroll center center; width: 280px; } .i18n-es header #block-block-16 .boton-longevo a { background: url("images/boton-longeva-no-fondo.svg") no-repeat scroll center center; width: 270px; } .i18n-en header #block-block-16 .boton-longevo a { background: url("images/boton-no-fondo-ENG.svg") no-repeat scroll center center transparent; width: 270px; } .i18n-pt header #block-block-16 .boton-longevo a { background: url("images/boton-no-fondo-PT.svg") no-repeat scroll center center transparent; width: 270px; } .i18n-es header #block-block-16 .boton-zamora a { background: url("images/zamora_movil.svg") no-repeat scroll center center; } .i18n-en header #block-block-16 .boton-zamora a { background: url("images/zamora_movil_en.svg") no-repeat scroll center center transparent; } .i18n-pt header #block-block-16 .boton-zamora a { background: url("images/zamora_movil_pt.svg") no-repeat scroll center center transparent; } body.sociedadlongeva .header-sociedadlongeva { display: none !important; } .i18n-es #logo, .i18n-en #logo, .i18n-pt #logo { top: 182px; } #block-responsive-menu-toggle { top: 237px; } header { height: 284px; } header .menu-trigger { top: 192px; } header #block-block-14 { top: 209px; right: 95px; } header #block-lang-dropdown-language-content { top: 195px; right: 0; } header .custom-searchbox-popup-trigger a.button { top: 208px; right: 55px; } body { padding-top: 284px; } html.mm-opened header { top: -284px !important; } html.mm-opened header #block-block-16 { top: auto; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user { width: 48%; } #block-views-noticias-block-1 { margin: 50px auto; } #block-views-noticias-block-1 .views-field-field-image, #block-views-noticias-block-1 .views-field-nothing { width: 100%; float: none; } #block-views-noticias-block-1 .views-field-field-image { margin-bottom: 25px; } /*Nueva version blog investigadores*/ #block-views-blog-de-invitados-block { margin: 20px 0 70px; } #block-views-blog-de-invitados-block .views-row { width: 25%; margin: 0 4% 5% 0; } #block-block-15 .view-articulos-blog-invitados { width: 30%; margin: 0 0 10% 1%; } #block-block-15 .view-articulos-blog-invitados:nth-child(3n+1), #block-block-15 .view-articulos-blog-invitados:first-child { margin: 0 0 10% 0; } #block-views-articulos-blog-invitados-block .views-row { width: 30%; margin: 0 0 10% 1%; } #block-views-articulos-blog-invitados-block .views-row:nth-child(3n+1), #block-views-articulos-blog-invitados-block .views-row:first-child { margin: 0 0 10% 0; } } /* layouts smaller than 890px ___________________*/ @media screen and (max-device-width: 890px), screen and (max-width: 890px) { .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row { width: 32.3%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(4n) { margin-right: 1%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 0; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row { width: 32.3%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(4n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(4n) { margin-right: 1%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(3n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 0; } } @media screen and (max-device-width: 820px), screen and (max-width: 820px) { body.sociedadlongeva #block-menu-menu-footer-menu { position: inherit; top: inherit; bottom: inherit; left: inherit; right: inherit; width: 100%; display: inline-block; margin-bottom: 20px; } body.sociedadlongeva #block-menu-menu-footer-menu li { margin: 0 0 10px 0; width: 100%; } body.sociedadlongeva #block-menu-menu-footer-menu li.last a { display: inline-block; margin-top: 5px; } } /* layouts smaller than 768px ___________________*/ @media screen and (max-device-width: 768px), screen and (max-width: 768px) { #block-fieldblock-node-dialogo-default-field-imagen-cabecera h2 { font-size: 250%; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-field-foto-principal, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-field-foto-principal, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-field-foto-principal, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-field-foto-principal { width: 100%; float: none; margin-bottom: 20px; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-header .view-di-logo-abierto .views-field-nothing, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-header .view-di-logo-abierto .views-field-nothing { width: 100%; float: none; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row { width: 48%; margin: 0 0 8% 0; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row.views-row-odd, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row.views-row-odd, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row.views-row-odd, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row.views-row-odd { float: left; clear: both; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row.views-row-even, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row.views-row-even, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row.views-row-even, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row.views-row-even { float: right; } #block-views-di-logo-abierto-block-1 { margin: 0 0 60px; } #block-views-di-logo-abierto-block-1 .diaologohome .background-image-formatter { background-position: 0; height: 500px; } #block-views-di-logo-abierto-block-1 .diaologohome .titlesub { top: 50px; transform: unset; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infoizqui { width: 100%; float: none; margin-bottom: 16px; } #block-views-di-logo-abierto-block-1 .diaologohome .infodialogo .infodere { width: 100%; float: none; margin-top: 0; } /* Bloque contadores footer */ #block-block-18 > .content .contadores-footer .contador-fotos, #block-block-18 > .content .contadores-footer .contador-participantes, #block-block-18 > .content .contadores-footer .contador-ciudades, #block-block-18 > .content .contadores-footer .contador-paises { font-size: 100%; padding: 20px 0; } header #block-responsive-menu-horizontal-menu { display: none; } #block-views-ultimo-block .views-field-nothing .title a { font-size: 150%; } #block-block-15 .view-articulos-blog-invitados { margin: 0 0 0 0 !important; padding: 0 0.5% !important; } .page-concurso-de-fotografia-ganadores #block-block-13 h3 { font-size: 150%; margin-bottom: 20px; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso { margin-bottom: 50px; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row { width: 49%; margin: 0 1% 1% 0; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row:nth-child(2n) { margin-right: 0; } .node-type-portada-concurso #block-block-22 h3, .node-type-portada-concurso #block-block-25 h3 { font-size: 150%; margin-bottom: 20px; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso { margin-bottom: 50px; } .view-categor-as-fotografias-concurso .views-row:nth-child(1) { width: 100%; float: none; } .view-categor-as-fotografias-concurso .views-row:nth-child(2) { width: 100%; float: none; } .view-categor-as-fotografias-concurso .views-row:nth-child(3n) { max-width: 588px; margin: 0 auto; } .view-categor-as-fotografias-concurso .views-row:nth-child(3n + 1) { width: 100%; float: none; } .view-categor-as-fotografias-concurso .views-row:nth-child(3n + 2) { width: 100%; float: none; } .view-fotografias-concurso .view-filters { margin-bottom: 110px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper { flex-direction: column; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper label { margin-bottom: 5px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-submit-button { top: 78px; left: 365px; } #block-menu-menu-concurso-meunu ul.menu { flex-direction: column; } #block-menu-menu-concurso-meunu ul.menu li { margin: 0 0 5px 0; padding: 0; } #block-menu-menu-concurso-meunu ul.menu li.user { margin-left: initial; margin-right: auto; margin-top: 10px; } #block-menu-menu-concurso-meunu ul.menu li.enviarfoto { margin-left: initial; margin-right: auto; margin-top: 10px; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera { height: 475px; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .field-name-title-field { font-size: 250%; } .node-type-portada-concurso #content .node-portada-concurso .group-cabecera .field-name-field-descripcin { font-size: 250%; } .page-user .profile .user { display: flex; flex-direction: column; } .node-type-fotograf-a .group-exif .field .field-items { left: 45%; } #block-bean-front-top .group-text h1, #block-views-slider-block .flexslider .slider-content h1, #block-block-20 .block-front-sl .slider-content h1, #block-block-21 .block-front-zamora .slider-content h1 #block-block-24 .block-front-conline .slider-content h1, #block-block-26 .block-front-economia .slider-content h1 { font-size: 250%; } #block-bean-front-top .group-text .field-name-field-subtitulo, #block-views-slider-block .flexslider .slider-content .field-name-field-subtitulo, #block-block-20 .block-front-sl .slider-content .field-name-field-subtitulo, #block-block-21 .block-front-zamora .slider-content .field-name-field-subtitulo, #block-block-26 .block-front-economia .slider-content .field-name-field-subtitulo { font-size: 120%; max-width: 70%; } #block-views-eventos-block .flexslider li .background-image-formatter { height: 555px; } #block-views-eventos-block .flexslider li .slider-content .title a { font-size: 250%; } #block-views-eventos-block .flex-control-nav { top: 75px; } #block-views-eventos-block .flexslider li .slider-content .title a { margin-bottom: 50px; } #block-views-blog-block-1 { margin: 50px auto; } #block-views-blog-block-1 .views-row .views-field-nothing .title a { font-size: 120%; } #block-views-blog-block-5 { margin: 50px auto; } #block-views-blog-block-5 .views-row .views-field-nothing .title a { font-size: 120%; } #block-bean-testimonios, #block-bean-destacado { height: 800px; } #block-bean-testimonios .entity-bean .field-name-field-cita, #block-bean-destacado .entity-bean .field-name-field-cita { font-size: 250%; } #block-bean-testimonios .entity-bean .field-name-field-imagen, #block-bean-destacado .entity-bean .field-name-field-imagen { max-width: 240px; } #block-block-8 .block-content #block-block-7 a.fgusal { width: 12%; } #block-block-8 .block-content #block-block-7 a.fgcsic { width: 16%; } #block-block-8 .block-content #block-block-7 a.dgs { width: 12%; } #block-block-8 .block-content #block-block-7 a.ualg { width: 22%; margin: 0; } footer .region-footer { padding: 0; } footer .region-footer #block-block-1, footer .region-footer #block-menu-menu-footer-menu, footer .region-footer #block-block-2, footer .region-footer #block-block-9, footer .region-footer #block-block-3 { position: inherit; top: inherit; bottom: inherit; left: inherit; right: inherit; width: 100%; display: inline-block; margin-bottom: 20px; } footer .region-footer #block-block-1 img { width: 155px; } footer .region-footer #block-menu-menu-footer-menu li { margin: 0 0 10px 0; width: 100%; } footer .region-footer #block-menu-menu-footer-menu li.last a { display: inline-block; margin-top: 5px; } .custom-searchbox-popup-trigger a.button { top: 36px; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content { width: 100%; max-width: 100%; } /* menu fullscreen__________*/ header nav#main-nav { margin-top: 0; } header nav#main-nav { position: fixed; top: 0; right: 0; width: 75%; height: 100%; visibility: visible; display: block; background: #3e4383; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; /* we move this element off the canvas */ -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 6; } header nav#main-nav.is-visible { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } header nav#main-nav ul { height: 100%; margin: 0 auto; padding-top: 45px; width: 75%; list-style: outside none none; } header nav#main-nav ul li { height: 7%; margin: 0 auto 7%; width: 100%; list-style: outside none none; position: relative; } header nav#main-nav ul li:after { bottom: 0; content: ""; left: 0; opacity: 0.2; position: absolute; right: 0; width: 100%; } header nav#main-nav ul li a { color: #ffffff; display: block; font-size: 130%; position: relative; width: 100%; letter-spacing: 1px; font-weight: 500; } header nav#main-nav ul li.last a:after { border: none; } header nav#main-nav ul li a span { position: absolute; text-align: center; top: 40%; text-transform: none; } header nav#main-nav ul li a:hover, header nav#main-nav ul li a.active { color: #83cdac; } header nav#main-nav ul li:last-child a { border-bottom: none; } /* close button*/ header nav#main-nav .close-div { display: block; height: 55px; } header nav#main-nav .close-menu { position: absolute; top: 0; right: 0; display: inline-block; width: 40px; height: 40px; /* image replacement */ overflow: hidden; white-space: nowrap; } header nav#main-nav .close-menu::before, header nav#main-nav .close-menu::after { content: ''; display: inline-block; position: absolute; top: 25px; width: 20px; height: 3px; background-color: #fff; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } header nav#main-nav .close-menu::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } header nav#main-nav .close-menu::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } header nav#main-nav .close-menu:hover::before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } header nav#main-nav .close-menu:hover::after { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); } /* menu desplegado ______________ */ header nav#main-nav li a span { position: relative; text-align: center; top: 35%; } /* no-js */ .no-js header nav#main-nav { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .no-js header nav#main-nav .close-menu { display: none; } /* <-- END MENU RESPONSIVE --> ___________________*/ .view-blog.view-display-id-page .views-row, .view-blog.view-display-id-page_1 .views-row, .view-blog.view-display-id-block_3 .views-row, .view-noticias.view-display-id-page .views-row, .view-zona-multimedia.view-display-id-page .views-row, .view-eventos.view-display-id-page .views-row, .view-conversaciones.view-display-id-page .views-row, .view-articulos-investigacion .views-row, .view-fotografias-concurso .views-row, .view-exposiciones .views-row, .view-posters .views-row { width: 48%; margin: 0 0 8% 0; } .view-blog.view-display-id-page .views-row.views-row-odd, .view-blog.view-display-id-page_1 .views-row.views-row-odd, .view-blog.view-display-id-block_3 .views-row.views-row-odd, .view-noticias.view-display-id-page .views-row.views-row-odd, .view-zona-multimedia.view-display-id-page .views-row.views-row-odd, .view-eventos.view-display-id-page .views-row.views-row-odd, .view-conversaciones.view-display-id-page .views-row.views-row-odd, .view-articulos-investigacion .views-row.views-row-odd, .view-fotografias-concurso .views-row.views-row-odd, .view-exposiciones .views-row.views-row-odd, .view-posters .views-row.views-row-odd { float: left; clear: both; } .view-blog.view-display-id-page .views-row.views-row-even, .view-blog.view-display-id-page_1 .views-row.views-row-even, .view-blog.view-display-id-block_3 .views-row.views-row-even, .view-noticias.view-display-id-page .views-row.views-row-even, .view-zona-multimedia.view-display-id-page .views-row.views-row-even, .view-eventos.view-display-id-page .views-row.views-row-even, .view-conversaciones.view-display-id-page .views-row.views-row-even, .view-articulos-investigacion .views-row.views-row-even, .view-fotografias-concurso .views-row.views-row-even, .view-exposiciones .views-row.views-row-even, .view-posters .views-row.views-row-even { float: right; } .view-blog.view-display-id-page .views-row.views-row-odd { float: unset !important; clear: both; } .view-blog.view-display-id-page .views-row.views-row-even { float: unset !important; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-field-image, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-field-image, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-field-image, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-field-image { width: 100%; float: none; margin-bottom: 20px; } .view-blog.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing, .view-blog.view-display-id-page_1 .view-display-id-attachment_1 .views-row .views-field-nothing, .view-noticias.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing, .view-conversaciones.view-display-id-page .view-display-id-attachment_1 .views-row .views-field-nothing { width: 100%; float: none; } .not-front header { margin: 0 auto 0; } #block-flippy-flippy-pager-node-type-blog .pager .text .title, #block-flippy-flippy-pager-node-type-article .pager .text .title, #block-flippy-flippy-pager-node-type-conversaciones .pager .text .title, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .text .title { font-size: 150%; } .node-type-blog .field-name-title-field h1, .node-type-articulo-blog-de-invitados .field-name-title-field h1, .node-type-article .field-name-title-field h1, .node-type-conversaciones .field-name-title-field h1 { margin: 20px 0; } /*Nueva version blog investigadores*/ #block-views-3401c2dbc28b62d82dc9f112f0893d3c .imagenblogdestacada, #block-views-e05d1978068c2c19329c72973811065e .imagenblogdestacada { width: 100%; float: none; } #block-views-3401c2dbc28b62d82dc9f112f0893d3c .textoblogdestacada, #block-views-e05d1978068c2c19329c72973811065e .textoblogdestacada { width: 100%; float: none; } #block-views-blog-de-invitados-block-1, #block-views-blog-de-invitados-block-2 { margin-bottom: 60px; } #block-views-blog-de-invitados-block-1 .programablogdestacada .textoblogdestacada, #block-views-blog-de-invitados-block-2 .programablogdestacada .textoblogdestacada { width: 100%; float: none; margin-bottom: 16px; } #block-views-blog-de-invitados-block-1 .programablogdestacada .imagenblogdestacada, #block-views-blog-de-invitados-block-2 .programablogdestacada .imagenblogdestacada { width: 100%; float: none; margin-top: 0; } #block-views-blog-de-invitados-block-2 { margin: 60px 0; } .node-type-blog-de-invitados #content .field-name-autores .field-item { display: block; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row { width: 49%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 1%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row:nth-child(2n) { margin-right: 0; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row.views-row-odd { float: unset; clear: unset; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row.views-row-even { float: unset; clear: unset; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row { width: 49%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(3n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(3n) { margin-right: 1%; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row:nth-child(2n), .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row:nth-child(2n) { margin-right: 0; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row.views-row-odd, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row.views-row-odd { float: unset; clear: unset; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row.views-row-even, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row.views-row-even { float: unset; clear: unset; } .page-proyectos-de-investigacion .view-blog-de-invitados .views-row { width: 47%; display: inline-block; vertical-align: top; margin: 0 2% 2% 0; } /* Segundo bloque dialogo abierto home */ #block-views-di-logo-abierto-block-2 { max-width: 1181px; margin: 0 auto; width: 90%; margin: 0 auto 100px; } #block-views-di-logo-abierto-block-2 .imagencabecera .title { font-size: 150%; text-transform: uppercase; margin: 0 0 30px; font-weight: bold; } #block-views-di-logo-abierto-block-2 .imagencabecera .img { width: 100%; float: none; } #block-views-di-logo-abierto-block-2 .infoderecha { width: 100%; float: none; } #block-views-di-logo-abierto-block-2 .infoderecha .title { display: inline-block; margin: 0 6px 0 0; } #block-views-di-logo-abierto-block-2 .infoderecha .title a { color: #3e4383; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-di-logo-abierto-block-2 .infoderecha .title a:hover { color: #2771d7; } #block-views-di-logo-abierto-block-2 .infoderecha .fechaautor .autor { display: inline-block; font-size: 16px; color: #206eda; font-weight: 600; margin-right: 7px; } #block-views-di-logo-abierto-block-2 .infoderecha .fechaautor .fecha { display: inline-block; } #block-views-di-logo-abierto-block-2 .infoderecha .descr { text-transform: inherit; font-weight: 100; color: #555555; margin: 20px 0; display: block; } #block-views-di-logo-abierto-block-2 .infoderecha .pregunta { text-transform: inherit; font-weight: 100; font-size: 160%; color: #555555; margin: 20px 0; display: block; line-height: 110%; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto { margin-bottom: 30px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto { display: flex; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .field-name-field-foto-experto { margin-right: 20px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .field-name-field-foto-experto img { width: 80px; border-radius: 50%; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .field-name-title h2 { font-size: 16px; color: #206eda; font-weight: 600; margin-bottom: 0; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .field-name-field-institucion { margin-bottom: 7px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .field-name-field-institucion a { color: #555555; text-decoration: underline; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes { margin-top: 15px; display: flex; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes a { display: inline-block; margin: 0 10px 0 0; text-indent: -9000px; width: 18px; height: 18px; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes .field-name-field-facebook-experto a { background: url(images/facebook-black.svg) no-repeat scroll center center; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes .field-name-field-twitter-experto a { background: url(images/twitter-black.svg) no-repeat scroll center center; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .group-experto .group-info .group-redes .field-name-field-linkedin-experto a { background: url(images/linkedin-black.svg) no-repeat scroll center center; } #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .field-name-field-texto-experto, #block-views-di-logo-abierto-block-2 .infoderecha .expertos .node-experto .flag-outer-aplaudir-experto { display: none; } #block-views-di-logo-abierto-block-2 .infoderecha .mas a { padding: 10px 50px 10px 0; color: #3e4383; background: url("images/arrow-cta-blue.svg") no-repeat scroll right 10px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #block-views-di-logo-abierto-block-2 .infoderecha .mas a:hover { padding-right: 55px; } } @media screen and (max-device-width: 666px), screen and (max-width: 666px) { .view-novedades-cenie #novedades .ti-novedades { margin-top: 14vh; } .view-novedades-cenie #novedades .info-novedades { flex-direction: column; } .view-novedades-cenie #novedades .info-novedades .info-novedades-izq { margin-right: 0; margin-bottom: 10px; } .view-novedades-cenie #novedades .info-novedades .info-novedades-izq .info-novedades-img img { margin: 0 auto; display: block !important; } .sociedadlongeva.page-node-10591 .header-sociedadlongeva .header-sociedadlongeva-content .logo-interreg { display: none; } } @media screen and (max-device-width: 650px), screen and (max-width: 650px) { /* Bloque contadores footer */ #block-block-18 > .content .contadores-footer { flex-direction: column; align-items: center; padding: 50px 0 40px; } #block-block-18 > .content .contadores-footer .contador-fotos, #block-block-18 > .content .contadores-footer .contador-participantes, #block-block-18 > .content .contadores-footer .contador-ciudades, #block-block-18 > .content .contadores-footer .contador-paises { max-width: 220px; font-size: 120%; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } #block-block-18 > .content .contadores-footer .contador-paises { border-bottom: none; } } /* layouts smaller than 570px ___________________*/ @media screen and (max-device-width: 570px), screen and (max-width: 570px) { .flex-direction-nav a { top: 37%; } .flex-direction-nav a.flex-prev { display: none !important; } #block-views-slider-block .flexslider .slider-content { top: 37%; } #block-views-slider-block .flexslider .slider-content h1 { font-size: 200%; margin-bottom: 20px; max-width: 85%; } #block-views-slider-block .flexslider .slider-content .field-name-field-subtitulo { font-size: 110%; margin: 20px 0 10px; } #block-views-slider-block .flexslider .slider-content .field-name-field-boton { margin: 20px 0; display: block; float: left; width: 100%; } #block-views-slider-block .flexslider .slider-content .field-name-field-boton a, #block-views-slider-block .flexslider .slider-content .field-name-field-boton-2 a { padding: 5px 50px 5px 10px; font-size: 80%; } #block-block-27 .block-front-zamora .slider-content h1, #block-block-27 .block-front-zamora .slider-content h1 { font-size: 250%; font-weight: 100; max-width: 73%; line-height: 110%; color: #ffffff; } .node-type-dialogo .field-name-field-articulo-dialogo blockquote { font-size: 120%; width: 90%; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .field-name-field-texto-experto { margin-bottom: 30px; } .node-type-dialogo .field-name-field-expertos > .field-items > .field-item .node-experto .field-name-field-texto-experto blockquote { font-size: 120%; width: 90%; } .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page > .view-content .views-row, .page-observatorio-dialogo-abierto-2021 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page > .view-content .views-row, .page-observatorio-dialogo-abierto-2022 .view-di-logo-abierto.view-display-id-page_1 > .view-content .views-row { width: 100%; float: none; } .node-type-dialogo .field-name-submen-dialogo .menu { padding-left: 0; } .slicker-programas .slick-prev { left: 0; } .slicker-programas .slick-next { right: 0; } #block-views-blog-de-invitados-block .slicker-programas .views-row { margin: 0 0.5% 0 0.5%; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user { width: 100%; margin: 0 2% 4% 0; } .node-type-blog-de-invitados #content .field-name-autores .field-item .user .userimg img { width: 50px; height: 50px; } #block-block-17 .content .text, .block-block-17-instance .content .text { font-size: 90%; } #block-block-17 .content .text2, .block-block-17-instance .content .text2 { font-size: 70%; } #block-views-ultimo-block .views-field-field-image { width: 90%; float: none; margin: 0 auto; } #block-views-ultimo-block .views-field-field-image img { vertical-align: middle; } #block-views-ultimo-block .views-field-nothing { width: 100%; float: none; position: inherit; left: inherit; right: inherit; top: inherit; transform: inherit; margin: 40px 0 0; } .slicker-blogs .slick-prev { left: -7px; } .slicker-blogs .slick-next { right: -7px; } .slicker-blog-listado .slick-prev { left: -10px; } .slicker-blog-listado .slick-next { right: -10px; } #block-block-15 .view-articulos-blog-invitados { margin: 0 0 0 0 !important; padding: 0 0.5% !important; } #block-views-fotografias-concurso-block-3 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso { font-size: 150%; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso { font-size: 130%; } .page-concurso-de-fotografia-ganadores .view-fotografias-concurso.view-display-id-block_4 .views-row { width: 100%; margin: 0 0 1% 0; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row .views-field-nothing .aurtorconcurso { font-size: 130%; } .view-fotografias-concurso .view-filters { margin-bottom: 130px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets { position: relative; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper { top: 70px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets #edit-title-wrapper .form-type-textfield { width: 285px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by { flex-direction: column; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-widget-sort-by .form-item-sort-by label { margin-bottom: 0px; } .view-fotografias-concurso .view-filters #views-exposed-form-fotografias-concurso-block .views-exposed-widgets .views-submit-button { top: 107px; left: 250px; } .node-type-fotograf-a .field-name-info-autor-fotograf-a .user { flex-direction: column; } .node-type-fotograf-a .group-exif .field .field-label { float: none; } .node-type-fotograf-a .group-exif .field .field-items { position: relative; left: 0; margin-bottom: 10px; } #block-block-4 { width: 100%; margin: 0 0 10%; } #block-block-4 a { width: 60%; display: block; } #block-block-5 { width: 100%; margin-bottom: 80px; float: none; } #block-block-5 a.fgusal { width: 12%; } #block-block-5 a.fgcsic { width: 17%; } #block-block-5 a.dgs { width: 13%; } #block-block-5 a.ualg { width: 31%; margin: 0; } #block-block-8 .block-content #block-block-6 { width: 100%; margin: 0 0 10%; } #block-block-8 .block-content #block-block-6 a { width: 60%; display: block; } #block-block-8 .block-content #block-block-7 { width: 100%; } #block-block-8 .block-content #block-block-7 a.fgusal { width: 12%; } #block-block-8 .block-content #block-block-7 a.fgcsic { width: 17%; } #block-block-8 .block-content #block-block-7 a.dgs { width: 13%; } #block-block-8 .block-content #block-block-7 a.ualg { width: 22%; margin: 0; } #block-views-blog-block-1 .views-row, #block-views-blog-block-5 .views-row, #block-views-eventos-block-2 .views-row, #block-views-blog-invitados-block-1 .views-row { width: 100%; margin: 0 0 12% 0; } #block-views-blog-block-1 .views-row .views-field-nothing .title a, #block-views-blog-block-5 .views-row .views-field-nothing .title a, #block-views-eventos-block-2 .views-row .views-field-nothing .title a, #block-views-blog-invitados-block-1 .views-row .views-field-nothing .title a { font-size: 150%; } .page-blog-invitados #block-system-main .views-row { width: 100%; margin: 0 0 12% 0; } #block-fieldblock-node-page-default-field-image, #block-fieldblock-node-exposicion-default-field-imagen { height: 313px; overflow: hidden; } #block-menu-block-1 .menu-block-1 ul li, #block-menu-block-4 .menu-block-4 ul li, #block-menu-block-2 .menu-block-2 ul li, #block-menu-block-3 .menu-block-2 ul li { margin: 0 0 5px 0; padding: 0; width: 100%; } .view-blog.view-display-id-page .views-row, .view-blog.view-display-id-page_1 .views-row, .view-blog.view-display-id-block_3 .views-row, .view-noticias.view-display-id-page .views-row, .view-zona-multimedia.view-display-id-page .views-row, .view-eventos.view-display-id-page .views-row, .view-conversaciones.view-display-id-page .views-row, .view-articulos-investigacion .views-row, .view-fotografias-concurso .views-row, .view-exposiciones .views-row, .view-posters .views-row { width: 100%; margin: 0 0 8% 0; } .view-blog.view-display-id-page .views-row.views-row-odd, .view-blog.view-display-id-page_1 .views-row.views-row-odd, .view-blog.view-display-id-block_3 .views-row.views-row-odd, .view-noticias.view-display-id-page .views-row.views-row-odd, .view-zona-multimedia.view-display-id-page .views-row.views-row-odd, .view-eventos.view-display-id-page .views-row.views-row-odd, .view-conversaciones.view-display-id-page .views-row.views-row-odd, .view-articulos-investigacion .views-row.views-row-odd, .view-fotografias-concurso .views-row.views-row-odd, .view-exposiciones .views-row.views-row-odd, .view-posters .views-row.views-row-odd { float: none; clear: inherit; } .view-blog.view-display-id-page .views-row.views-row-even, .view-blog.view-display-id-page_1 .views-row.views-row-even, .view-blog.view-display-id-block_3 .views-row.views-row-even, .view-noticias.view-display-id-page .views-row.views-row-even, .view-zona-multimedia.view-display-id-page .views-row.views-row-even, .view-eventos.view-display-id-page .views-row.views-row-even, .view-conversaciones.view-display-id-page .views-row.views-row-even, .view-articulos-investigacion .views-row.views-row-even, .view-fotografias-concurso .views-row.views-row-even, .view-exposiciones .views-row.views-row-even, .view-posters .views-row.views-row-even { float: none; } #block-flippy-flippy-pager-node-type-blog .pager, #block-flippy-flippy-pager-node-type-article .pager, #block-flippy-flippy-pager-node-type-conversaciones .pager, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager { width: 100%; } #block-flippy-flippy-pager-node-type-blog .pager .text .title, #block-flippy-flippy-pager-node-type-article .pager .text .title, #block-flippy-flippy-pager-node-type-conversaciones .pager .text .title, #block-flippy-flippy-pager-node-type-wjmnpg7r7 .pager .text .title { font-size: 170%; } .node-type-event #content .field-name-field-fotos .field-item { width: 31.8%; } .node-type-event #content .field-name-field-fotos .field-item:nth-child(5n) { margin: 0 1.5% 1.5% 0; } #block-bean-testimonios .entity-bean .field-name-field-imagen, #block-bean-destacado .entity-bean .field-name-field-imagen { max-width: 180px; } #block-bean-testimonios .entity-bean .field-name-field-cita, #block-bean-destacado .entity-bean .field-name-field-cita { font-size: 200%; } #block-views-eventos-block .flexslider li .slider-content .dates, #block-views-eventos-block .flexslider li .slider-content .lugar { font-size: 110%; } #block-views-eventos-block .flexslider li .slider-content .title a { font-size: 200%; } .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-menu-item-.ui-menu-item a, .mfp-wrap.custom-searchbox .mfp-container .mfp-content .inline-popup #block-custom-searchbox-searchbox-popup ul.ui-autocomplete li.ui-state-disabled.ui-menu-item-.ui-menu-item { margin: 0 0 0 15px; } /*Nueva version blog investigadores*/ #block-block-15 .view-articulos-blog-invitados { width: 100%; margin: 0 0 12% 0; border-right: none; padding-right: 0; } #block-views-articulos-blog-invitados-block .views-row { width: 100%; margin: 0 0 12% 0; border-right: none; padding-right: 0; } #block-views-blog-de-invitados-block { margin: 20px 0 70px; } #block-views-blog-de-invitados-block .views-row { width: 100%; margin: 0 0 12% 0; } #block-views-730d3b933dc66545136925b29edfa9d7 .views-row, #block-views-2944b302ac7b4a17227a968788e52adb .views-row { width: 100%; margin: 0 0 12% 0; } .page-concurso-de-fotografia-ganadores #block-block-13 .view-fotografias-concurso .views-row { width: 100%; margin: 0 0 5% 0 !important; } .node-type-portada-concurso #block-block-22 .view-fotografias-concurso .views-row, .node-type-portada-concurso #block-block-25 .view-fotografias-concurso .views-row { width: 100%; margin: 0 0 5% 0 !important; } } @media screen and (max-device-width: 400px), screen and (max-width: 400px) { header #block-block-16 > .content .boton-zamora a { width: 260px; } } @media screen and (max-device-width: 324px), screen and (max-width: 324px) { .node-type-dialogo .field-name-submen-dialogo .menu li.leaf { float: none; margin: 0 20px 0 0; } header #block-block-16 > .content .boton-zamora a { width: 230px; background-size: cover; height: 30px; margin-top: 8px; } } /* CSS VAVADUS ___________________*/ table tr:first-child > td { background: #83ccab; color: #fff !important; padding: 5px 10px; } table tr:first-child > th { background: #83ccab !important; color: #fff !important; padding: 5px 10px; } td, th { padding: 12px; color: #555555 !important; background: #f0f0f0; border-color: white; } table { border-color: white !important; border: 0px !important; width: 100%; margin: 0 auto 100px; } #block-cenie-observatory-observatory-map-block #lienzo { height: 380px; margin-top: 1.5em; overflow: hidden; } #block-cenie-observatory-observatory-map-block p.observatorio-islands { position: absolute; width: 120px; text-align: center; font-weight: bold; color: #464648; font-size: 14px; line-height: normal; } article#block-cenie-observatory-observatory-map-block { max-width: 730px; margin: 0 auto; width: 100%; } #block-cenie-observatory-observatory-map-block h2.block__title { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; } #observatorio-lienzo-legend { padding-bottom: 10px; overflow: hidden; } #observatorio-lienzo-legend div.legend-color { float: left; width: 29%; overflow: hidden; padding-left: 30px; } #observatorio-lienzo-legend div.legend-color div.color { width: 30px; height: 30px; float: left; } #observatorio-lienzo-legend div.legend-color label { float: left; padding: 5px 0 0 10px; } .background-pink { background: #56b39d; } .background-pinkLight { background: #1f4582; } .background-green { background: #608399; } #block-views-observatory-block h3 { padding-left: 20px; padding-top: 10px; } #block-views-observatory-block ul { margin: 0; padding: 0; list-style: none; overflow: hidden; padding-left: 20px; } #block-views-observatory-block ul li { float: left; margin: 0 0 9px 15px; list-style: none; } #block-views-observatory-block ul li a { color: #1f4582; } div#block-views-observatory-block { max-width: 700px; margin: 0 auto; width: 100%; margin-top: 50px; } .node-type-pagina-demografica .field.field-name-body.field-type-text-with-summary.field-label-hidden { max-width: 700px; margin: 0 auto; width: 90%; margin: 0 auto 100px; } .logoenveje { width: 27%; display: inline-block; margin-left: 30px; margin-bottom: 25px; text-align: center; margin-top: 20px; vertical-align: top; } .logoenveje img { width: 90px; display: block; padding-bottom: 20px; text-align: center; margin: 0 auto; top: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .logoenveje span { text-transform: uppercase; font-size: 0.8em; color: #3e4383; font-weight: 600; border-top: 1px solid #83cdac; padding-top: 5px; } .logoenveje:hover img { top: -5px; } @media screen and (max-device-width: 768px), screen and (max-width: 768px) { .logoenveje { width: 90%; float: none; margin-bottom: 70px; text-align: center; margin-top: 20px; } .logoenveje img { width: 80px; display: block; padding: 0 0 0 0px; padding-bottom: 20px; margin: 0 auto; } } nav#main-nav ul li a.active { color: #83cdac; } img.lazy { display: block; } .pleft:hover img { top: -5px; } .pleft img { width: 50px; padding-left: 0px; padding-bottom: 20px; position: relative; top: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; float: left; padding-right: 20px; } .pright { margin-bottom: 70px; padding-left: 70px; } .pright a { text-transform: uppercase; padding-right: 15px; color: #3e4383; font-weight: 700; display: block; } .desenfocado { opacity: 0.5 !important; filter: blur(5px); -moz-filter: blur(5px); -webkit-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } @media screen and (max-device-width: 768px), screen and (max-width: 768px) { #block-cenie-observatory-observatory-map-block p.observatorio-islands { font-size: 11px; } p.observatorio-islands.azores { margin-top: -33em !important; } p.observatorio-islands.madeira { margin-top: -28em !important; } p.observatorio-islands.ceuta { margin-top: -22.9em !important; } p.observatorio-islands.canarias { margin-top: -18.5em !important; } #block-cenie-observatory-observatory-map-block #lienzo { height: 300px; } } @media screen and (max-device-width: 610px), screen and (max-width: 610px) { p.observatorio-islands.ceuta { margin-top: -23.9em !important; } p.observatorio-islands.canarias { margin-top: -19.5em !important; } } @media screen and (max-device-width: 500px), screen and (max-width: 500px) { #block-cenie-observatory-observatory-map-block p.observatorio-islands { display: none; } #block-cenie-observatory-observatory-map-block #lienzo { height: 200px; } } a:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } form#webform-client-form-171 table { margin: 0 auto 20px; } form#webform-client-form-171 fieldset { padding: 10px 10px 10px 0px; border: 0; } form#webform-client-form-171 span.fieldset-legend { color: black; margin: 30px 0 0; display: block; font-size: 1.3em; font-weight: 700; } form#webform-client-form-171 .webform-progressbar-outer { position: relative; width: 100%; height: 5px; margin: 0.35em -1px 2em; background-color: #3e4383; border: 0; } form#webform-client-form-171 .webform-progressbar-page { border: 3px solid #3e4383; background-color: white; margin: -8px -4px; } form#webform-client-form-171 .webform-progressbar-page.current, form#webform-client-form-171 .webform-progressbar-page.completed { background-color: white; border: 3px solid #83cdac; } form#webform-client-form-171 .webform-progressbar-inner { background-color: #83cdac; height: 3px; border: 1px solid #83cdac; } form#webform-client-form-171 input.form-submit, form#webform-client-form-171 a.button { background: #3e4383; font-size: 100%; font-family: "Titillium Web",sans-serif; padding: 15px 35px; } form#webform-client-form-171 input.form-submit:hover, form#webform-client-form-171 input.form-submit:focus, form#webform-client-form-171 a.button:hover, form#webform-client-form-171 a.button:focus { background: #ffffff; } form#webform-client-form-171 input.webform-next.button-primary.form-submit { float: right; } form#webform-client-form-171 .webform-progressbar { margin-bottom: 80px; } #off-canvas { background: #3e4383; } #off-canvas ul li.leaf, #off-canvas ul li.expanded { float: unset; list-style-image: none; list-style-type: none; margin-bottom: 0; } #off-canvas ul li.leaf a, #off-canvas ul li.expanded a { font-size: 130%; font-weight: 500; line-height: normal; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } #off-canvas ul li.leaf:hover a, #off-canvas ul li.expanded:hover a { color: #83cdac; } .mm-listview > li:not(.mm-divider):after { left: 0px !important; } html.mm-opened header { top: -100px; } div.error, table tr.error { background-color: #9e5cca; } /*# sourceMappingURL=style.css.map */