/* Stylesheet for the 'Plone THEME OCNE' Plone theme */ /* =============================================================================== */ /*GENERAL*/ .jumptarget::before { content:" "; display:block; height:180px; margin:-180px 0 0; } .no-pad-left { padding-left: 0 !important; } .flipped-h { -webkit-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; } .two-columns { -webkit-columns: 2 300px;-moz-columns: 2 300px; columns: 2 300px; -webkit-column-gap: 1.66em;-moz-column-gap: 1.66em; column-gap: 1.66em; } .three-columns { -webkit-columns:3 200px; -moz-columns: 3 200px; columns: 3 200px; -webkit-column-gap:1.66em; -moz-column-gap: 1.66em; column-gap: 1.66em; } .pos-relative { position: relative; } .modal-open { height: 100vh; overflow: hidden; } .imatge { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; } .imatge img, .imatge picture { opacity: 0 !important; } figure { margin: 0; } .btCustom {-webkit-transition:background-color .25s ease; transition: background-color .25s ease; text-align: center; text-transform: uppercase;font: 700 normal 1em/1.5em 'Gotham SSm A','Gotham SSm B', sans-serif; padding: 0.5em 0.11em !important; margin: 0 auto; display: block; background-color: #94afb5; color: #FFFFFF ; max-width:18rem; } .btCustom:hover { background-color: #0e0e0e; color: #FFFFFF; } iframe { border: 0; } .ocultar { position: absolute; left: -1000rem; height: 1px; width: 1px; overflow: hidden; } a:focus, button:focus { outline-color:rgba(255,255,255,0.5); outline-style: solid; outline-width: 1px; } /* =============================================================================== */ /*HEADER*/ #portal-top{ position: relative; z-index: 1000; } #portal-top #portal-slider{height: 100%;width: 100%;position: relative;overflow: hidden;} #portal-top #portal-slider #slide-nav{position: fixed;top: 50%;right: 0;margin-top: -90px;z-index: 130;opacity: .8;border-right: 0;background: #000;padding: .5em;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);} #portal-top #portal-slider #slide-nav ul li a{display: block; white-space: nowrap;overflow: hidden;text-indent: 100%;width: 31px;height: 20px;opacity: .2;margin: 3px auto;} #portal-top #portal-slider #slide-nav ul li a.nav-link{background: #fff;opacity: .8;} #portal-top #portal-slider #slide-nav ul li a.skip-link{cursor: pointer;width: 22px;height: 20px;margin: 10px auto;opacity: .3;background-repeat: no-repeat;background-position: center center;} #portal-top #portal-slider #slide-wrap{position: fixed;bottom: auto;padding-left: 130px;top: 0;left: 0;right: 0;width: 100%;z-index: 55;} #portal-top #portal-slider #slide-wrap .slide-wrapper {position: absolute;height: 0;} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide{width: 100%;height: 100vh;position: relative;top: 0;left: 0;bottom: 0;right: 0;z-index: 55;overflow: hidden;-webkit-transform: translate(0,0);transform: translate(0,0);} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide .image{position: absolute;width: 100%;background: #000;z-index: -1;overflow: hidden;height: calc(100vh - ((100vw - 130px)*.12665) - 3rem);} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide .image a{} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide .image a .wrapper{height: 100%;width: 100%;} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide .image a .wrapper img{min-width: 100%;min-height: 100%;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide .text{position: absolute;bottom: 0;min-height: calc((100vw - 130px)*.19);padding-bottom: calc((((100vw - 130px)/2) + 132.65px)*.12665 + 3rem);width: 100%;z-index: 120;background: #9da7ad;background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;color: #fff;text-align: center;text-transform: uppercase;} #portal-top #portal-slider #slide-wrap .slide-wrapper .slide .text .content{margin-top: .4em;position: relative;z-index: 101;float: left;width: 100%;} #portal-slider { top: 0; } #portal-top #portal-header{background-color:#0E0E0E;color:#FFFFFF;} .myStickMenu { background-color:rgba(14, 14, 14, .2); position: fixed;left: 0; right: 0; top:auto;} .myStickMenu:hover {background-color:rgba(14, 14, 14, 1);} .myStickMenu.toTop { background-color: rgb(14,14,14); top:0; } #portal-top #portal-header .myStickMenu:hover #portal-logo img, #portal-top #portal-header .myStickMenu.toTop #portal-logo img { opacity: 1;} .myStickMenu.scrollableMenu { bottom: 0; top: 22px; overflow-y: scroll; } .myStickMenu.scrollableMenu.toTop { top: 0; } /* 640px and Up */ @media only screen and (min-width: 40em) { .myStickMenu.scrollableMenu { top: 46px; } .myStickMenu.scrollableMenu.toTop { top: 0; } } #portal-top #portal-header a{color:#FFFFFF;} #portal-top #portal-header .sticky{width:100%;} #portal-top #portal-header .is-stuck{background:#0e0e0e;} #portal-top #portal-header #portal-inaem-brand{background: #0e0e0e url("++resource++plonetheme.ocne.images/logoINAEM.png") no-repeat .9375rem center;height:1.5rem; background-size: contain; max-width: 290px;} @media only screen and (min-width: 25em) { #portal-top #portal-header #portal-inaem-brand { max-width: none; } } #portal-top #portal-header #portal-personaltools-wrapper{} #portal-top #portal-header #portal-searchbox {margin:0; background-color: #FFFFFF; color: #272727;} #portal-top #portal-header #portal-searchbox #site-links {margin:0;text-transform:uppercase;display: block;font-size: .7rem;font-weight: 400;} #portal-top #portal-header #portal-searchbox #site-links li{font-weight:600; display: block;} #portal-top #portal-header #portal-searchbox #site-links a { -webkit-transition:color .25s ease; transition: color .25s ease; color: #272727; border-bottom: 1px solid #ebebeb; padding: 0.5rem 0; display: block;} #portal-top #portal-header #portal-searchbox #site-links a:hover { color: #94afb5; } #portal-top #portal-header #portal-searchbox #site-links .social__item { display: inline; font-size: 1rem; } #portal-top #portal-header #portal-searchbox #site-links .social__item a { border-bottom: none; margin-left: .5rem; display: inline; } #portal-top #portal-header #portal-searchbox #site-links .ion-social-facebook, #portal-top #portal-header #portal-searchbox #site-links .ion-social-twitter, #portal-top #portal-header #portal-searchbox #site-links .ion-social-youtube{color: #272727;font-size: 16px; } #portal-top #portal-header #portal-searchbox .icon { font-size: 1.25em; } #portal-top #portal-header #portal-searchbox #site-links .withIcon a { padding: 0.25rem 0; } #portal-top #portal-header #portal-logo{} #portal-top #portal-header #portal-logo img { height: 2.5rem; width: 10.18rem; opacity: 0; } #portal-top #portal-header #portal-globalnav{margin:0;text-transform:uppercase;font-size: .8rem;line-height: 1.6; background-color: #FFFFFF; width: 100%; min-height: calc(100vh - 66px);} #portal-top #portal-header #portal-globalnav .menu{} #portal-top #portal-header #portal-globalnav li { padding: 0; } #portal-top #portal-header #portal-globalnav li a{color: #272727; -webkit-transition:background-color .25s ease; transition: background-color .25s ease; padding:0.5rem 0;margin:0;font-weight:500; position: relative; background-color: transparent; border-bottom: 1px solid #ebebeb;} #portal-top #portal-header #portal-globalnav li.is-dropdown-submenu-parent:hover a{background-color: #FFFFFF; color: #8e8a81;} #portal-top #portal-header #portal-globalnav .icon { font-size: 1.5em; } #portal-top #portal-header #portal-globalnav .withIcon a { padding: 0.25rem 0; } #portal-top #portal-header #portal-globalnav li a:hover { background-color: #FFFFFF; color: #8e8a81; } #portal-top #portal-header #portal-globalnav li.withIcon a:hover { background-color: transparent; color: #a9c0c4; } #portal-top #portal-header #portal-globalnav li.active > a { background-color: #a9c0c4; color: #FFFFFF; padding-left: 0.5em; } #portal-top #portal-header #portal-globalnav li a:after { display: none; content: ""; } #portal-top #portal-header #portal-globalnav li.is-drilldown-submenu-parent a, #portal-top #portal-header #portal-globalnav li.is-dropdown-submenu-parent { position: relative; } #portal-top #portal-header #portal-globalnav li.is-drilldown-submenu-parent a:after, #portal-top #portal-header #portal-globalnav li.is-dropdown-submenu-parent:after {color: #0a0a0a;opacity: 0.66;content: "\f3d0";display: block; position: absolute; right: 0.5em; top:1em; font-family: "Ionicons"; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #portal-top #portal-header #portal-globalnav li.is-drilldown-submenu-parent a:after { transform: rotate(-90deg); border:none; right: 1rem; top: 75%; } #portal-top #portal-header #portal-globalnav li.is-drilldown-submenu-parent ul a:after {content: none; display: none;} #portal-top #portal-header .is-dropdown-submenu { position: relative; } #portal-top #portal-header #portal-globalnav .submenu { margin: 0; z-index: 1001; } #portal-top #portal-header #portal-globalnav .submenu li { display: block; color: black; } #portal-top #portal-header #portal-globalnav .submenu a { -webkit-transition:color .25s ease; transition: color .25s ease; display: block;color: #8e8a81; padding: 0.5em 0; margin: 0 .5rem; border-bottom: 1px solid #f3f3f3; white-space: nowrap; color: #98948b; } #portal-top #portal-header #portal-globalnav .submenu a:hover { color: #b4c7cb !important; } #portal-top #portal-header #portal-globalnav .submenu li:last-child a { border-bottom: 0; } #portal-top #portal-header #portal-globalnav .is-dropdown-submenu { border: 0; } .submenu { display: none; } .menuButton { width: 1.5rem; height: 1.5625rem;display: block; margin: 0 auto 1.416rem auto; } .menuButton span {text-indent: -1000em; } .menuButton span, .menuButton span:before, .menuButton span:after { border-radius: 1px; transition: transform 0.25s ease-in-out; cursor: pointer; height: 2px; width: 1.5rem; background: #FFFFFF; position: absolute;display: block; content: ''; } .menuButton span:before { top: -0.5rem; } .menuButton span:after { bottom: -0.5rem; } .modal-open .menuButton span { background-color: transparent; } .modal-open .menuButton span:before, .modal-open .menuButton span:after { top: 0; } .modal-open .menuButton span:before { transform: rotate(45deg); } .modal-open .menuButton span:after { transform: rotate(-45deg); } .menuButton:focus { outline: none; } #portal-top .title-bar { background-color: transparent; position: absolute; right: 1rem; top: 0; padding: .25rem; } #nolivesearchGadget_form { position: fixed; left: 0; bottom: 0; right: 0; top: 0; background-color: rgba(255,255,255, 0.958); z-index: 1000; box-sizing: border-box; -webkit-transition:opacity .5s ease; transition: opacity .5s ease; opacity: 1;} #nolivesearchGadget_form.hideSearch { opacity: 0; pointer-events: none; } #nolivesearchGadget_form .LSBox { width: 80%; margin: 10rem auto 0 auto; color: #272727; max-width: 75rem;} #nolivesearchGadget_form .LSBox p { border-bottom: 2px solid #b4b4b4; } #nolivesearchGadget_form input[type="text"] {font:normal normal 1.125rem/1.1em 'Gotham SSm A','Gotham SSm B', sans-serif; box-shadow: none;margin:0;height: 1.5em;display: inline-block;border: none;outline: none;color: #272727;padding: 3px 10px 3px 3px;width: calc(100% - 21px);background: none;} #nolivesearchGadget_form input[type="text"]:focus:hover {} #nolivesearchGadget_form input[type="text"]:focus {/* width: 100px;z-index: 1;border-bottom: 1px solid #BBB;cursor: text; */} #nolivesearchGadget_form button[type="submit"] {border:none;outline:none;font-size: 21px; -webkit-transition:color .25s ease; transition: color .25s ease; cursor: pointer;} #nolivesearchGadget_form button[type="submit"]:hover { color: #b4c7cb; } #nolivesearchGadget_form label { text-transform:uppercase;font-size: .7rem;font-weight: 700; z-index: 1000; } #nolivesearchGadget_form .btClose { -webkit-transition:-webkit-transform .5s ease-out; transition:-webkit-transform .5s ease-out; transition:transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; position: absolute; right: 10%; top: 1rem; color: #272727 !important; font-size: 2rem; } #nolivesearchGadget_form .btClose:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } /* 640px and Up */ @media only screen and (min-width: 40em) { #portal-top #portal-header #portal-logo {} #portal-top #portal-header #portal-logo img { width: auto; height: auto; } #portal-top #portal-header #portal-inaem-brand { height: 3rem; background-size: auto auto; } #portal-top #portal-header {} #portal-top #portal-header #portal-globalnav { position: absolute; top: 5rem; min-height: 0; } #portal-top #portal-header #portal-globalnav li.is-dropdown-submenu-parent:hover:after { content: none; } #portal-top #portal-header .is-dropdown-submenu { position: absolute; } #portal-top #portal-header #portal-searchbox { background-color: transparent; color: #FFFFFF; margin:.3rem 0 1rem; text-align: right; } #portal-top #portal-header #portal-searchbox #nolivesearchGadget_form{height:22px;display: inline-block;float:right;margin-left:1rem; margin-right: 2.5rem; border-bottom: 0; padding: 0;} #portal-top #portal-header #portal-searchbox #site-links { display:inline-block; margin-right: 2rem; } #portal-top #portal-header #portal-searchbox #site-links li { display: inline; margin-left:.5rem;} #portal-top #portal-header #portal-searchbox #site-links a { color: #FFFFFF; border: none; padding: 0; display: inline;} #portal-top #portal-header #portal-searchbox #site-links .ion-social-facebook, #portal-top #portal-header #portal-searchbox #site-links .ion-social-twitter, #portal-top #portal-header #portal-searchbox #site-links .ion-social-youtube{color: white;} #portal-top #portal-header #portal-searchbox #nolivesearchGadget_form button[type="submit"] {float:right; position: relative; top:-0.3125rem;} #portal-top .title-bar { right: 0; top: 0; padding: .5rem; } .stickyFilter.manSticked { position: fixed !important; } } /* 768px and Up */ @media only screen and (min-width: 48em) { .stickyFilter.manSticked { position: fixed; width: 100%; } } /* 1024 and Up */ @media only screen and (min-width: 64em) { #portal-top #portal-header {} #portal-top #portal-header #portal-searchbox #nolivesearchGadget_form{margin-right: 0;} #portal-top #portal-header #portal-searchbox #site-links { margin-right: 0;} #portal-top #portal-header #portal-globalnav { background-color: transparent; position: static; top: auto; margin-top: 0.75rem; padding-bottom: 0.5em; } #portal-top #portal-header #portal-globalnav .menu{float:right;} #portal-top #portal-header #portal-globalnav li { padding: 0; display: inline-block !important; margin: 0 0.5rem; } #portal-top #portal-header #portal-globalnav li a { color: #FFFFFF; border-bottom: none; padding: 0 0.5rem; } #portal-top #portal-header #portal-globalnav li.active > a { background-color: transparent; position: relative; padding-left: 0.5rem;} #portal-top #portal-header #portal-globalnav li.active > a:after { position: absolute; height: 0.125rem; width: calc(100% - 16px); left: 8px; bottom: 0; top: auto;background-color: rgba(255,255,255,0.80); display: block; content: " "; line-height: 0.125rem; margin: 0; padding: 0; border: none;} #portal-top #portal-header #portal-globalnav li.active .submenu a:after { content: none; } #portal-top #portal-header #portal-globalnav li.is-dropdown-submenu-parent:after {color: #FFFFFF;right: -0.25em; top:0.6em;} #portal-top #portal-header #portal-globalnav .submenu {} #portal-top #portal-header #portal-globalnav .submenu a { color: #272727; } #portal-top #portal-header #portal-globalnav{ width: auto;} #nolivesearchGadget_form .LSBox p { border-bottom-width: 4px; } #nolivesearchGadget_form input[type="text"] { font-size: 2rem; width: calc( 100% - 40px );} #nolivesearchGadget_form button[type="submit"] { font-size: 2.5rem } #nolivesearchGadget_form .btClose { font-size: 3rem; } } /* 1200 and Up */ @media only screen and (min-width: 75em) { } /* =============================================================================== */ /* FRONTPAGE */ /* Shows filters */ #filter-zone{background:#f3f3f4;padding:6rem 0 1rem 0;} #filter-zone #title{text-transform:uppercase;margin-bottom: 2rem;} #filter-zone #filters{font-size:.8rem;} #filter-zone #filters form {border:1px solid #c0c0c1; margin-top: 1rem;} #filter-zone #filters form input[type=text]{border:none;width:87%;display: inline-block;padding:.3rem;font-size:.7rem;} #filter-zone #filters form input[type="text"]:focus{background-color: transparent;box-shadow: none;} #filter-zone #filters form button{color:#b5b5b6;font-size:22px;line-height: 1;float:right;margin-top: 1px;margin-right: 2px;} #filter-zone #filters .viewOptions { display: table-row; } #filter-zone #filters .menu {color:#272727;} #filter-zone #filters .menu li a{padding:0 .7rem;color:#272727;text-transform:uppercase;font-weight:500;} #filter-zone #filters .menu li a.ion-navicon{padding:0;} #filter-zone #filters .menu li a.ion-android-calendar{margin-left:.7rem;padding:0;} #filter-zone #filters .menu li a.ion-android-calendar:before{font-size:20px;margin-right: .5rem;vertical-align: bottom;padding-bottom: 2px;} #filter-zone #filters .menu li a.ion-navicon:before{font-size:20px;margin-right: .5rem;vertical-align: bottom;padding-bottom: 2px;} #filter-zone #filters .menu .active > a { background-color: transparent; color: #a9c0c4; } #filter-zone #filters .submenu { white-space: nowrap; text-align: right; z-index: 100; } #filter-zone #filters .dropdown.menu>li.is-dropdown-submenu-parent>a:after{right:-14px;border-color: #272727 transparent transparent;} #filter-zone #filters .sticky{width:100%;} #filter-zone #filters .is-stuck{background:#FFFFFF;width:100%;border-bottom:10px solid #f3f3f4;} #filter-zone .title-bar { background-color: transparent; color: #272727; padding: 0.25em 0 0 0;} #filter-zone .title-bar .title-bar-title { text-transform: uppercase; font: 400 normal 0.8rem/1.5em 'Gotham SSm A','Gotham SSm B', sans-serif; } #filter-zone .title-bar button { position: relative; top: -4px; display: inline-block; width: 0;height: 0;border-style: solid;border-width: 6.9px 4px 0 4px;border-color: #272727 transparent transparent transparent; -webkit-transform: rotate(360deg); } #showsFilter { white-space: nowrap; text-align: right; margin-left: -100%; } /*#showsFilter .submenu { display: block; position: relative; left: 0; border: 0; background-color: transparent; }*/ #filter-zone #filters #showsFilter .submenu li a { color: #898989; } #filter-zone #filters #showsFilter .submenu li.active a { color: #272727; font-weight: 700; } /* Under 640px */ @media only screen and (max-width: 40em) { #filter-zone { padding-top: 1rem; } } /* 640px and Up */ @media only screen and (min-width: 40em) { #filter-zone {} #filter-zone #filters form {margin-top: 0;} #filter-zone #filters .submenu { white-space: nowrap; text-align: center; } #showsFilter { text-align: center; margin-left: 0; } } /* 1024px and Up */ @media only screen and (min-width: 64em) { #filter-zone #filters .menu li { display: inline-block; } #filter-zone #filters .menu .submenu li { display: block; } #filter-zone #filters .menu li a{ padding: 0 .25rem; } #filter-zone #filters #showsFilter { font-size: .7rem; } /*#showsFilter .submenu { background-color: #FFFFFF; border: 1px solid #f3f3f3; position: absolute; display: none; }*/ #showsFilter li[aria-expanded="true"] .submenu { display: block; } } /* 1200px and Up */ @media only screen and (min-width: 75em) { #filter-zone #filters #showsFilter { font-size: .8rem; } #filter-zone #filters .menu li a{padding:0 .7rem; } } .obrasList{ margin-bottom: 4rem; } .obrasList .monthTitle{border-bottom:1px solid #272727;text-transform:uppercase;text-align:center;margin: 1.25em 0.9375rem 2rem 0.9375rem; clear:both;} .obrasList .item {margin-bottom:2rem; position: relative; } .obrasList .item.Sinfónico .image{border-color: #97948b;} .obrasList .item.Satélites .image{border-color: #da8e8b;} .obrasList .item.Eventos .image{border-color:#a9c0c4;} .obrasList .item.Área .image{border-color: #f0e5c5;} .obrasList .item article { min-height: 33.75rem; position: relative; background-color: #F3F3F3; } .abonosList .item article { min-height: 15.75rem; position: relative; background-color: #F3F3F3; } .obrasList .item .image { position: relative; height:16rem; background-repeat: no-repeat; background-position: center top; background-size: cover;border-style: solid; border-width: 0 0 5px 0;} .obrasList .item .image .actions { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; -webkit-transition:opacity .25s ease; transition: opacity .25s ease; color: rgba(10,10,10,0.66); font-size: 0.875em; float:left; opacity: 0;background-color: #d1cdc3; overflow: hidden;} .item .image .actions.show { text-shadow: 0px 0px 2px #272727; color: rgb(255,255,255); opacity: 1;} .obrasList .item.Sinfónico .image .actions {background-color: #97948b;} .obrasList .item.Satélites .image .actions{background-color: #da8e8b;} .obrasList .item.Eventos .image .actions{background-color: #a9c0c4;} .obrasList .item.Área .image .actions{background-color: #f0e5c5;} .obrasList .item .image .show.actions { background-color: transparent !important;opacity: 1 !important;} .obrasList .item .image .actions:hover { opacity: 1;} .obrasList .item .image .actions ul { position: relative; left: 50%; float: left; height: 100%; margin-left: 0;} .obrasList .item .image .actions li { vertical-align: middle; float: left; height: 100%; display: table; position: relative; left: -50%; margin: 0 1.5em;} .obrasList .item .image .actions a { display: table-cell; vertical-align: middle;width: 80px; height: 100%; z-index: 101; color:rgba(10,10,10,0.66); text-transform: uppercase; font-weight: 600; } .obrasList .item .image .show.actions a { color:rgb(255,255,255); } .obrasList .item .image .actions a .ocneIcon { position: relative; width: 3.75rem; height: 3.75rem; margin: 0 auto 1em auto; display: block; font-size: 1.5rem; border-radius: 500em; border: 1px solid rgba(10,10,10,0.66); line-height: 3.75rem; } .obrasList .item .image .show.actions a .ocneIcon { border-color: #FFFFFF; } .obrasList .item .image .actions a:hover, .obrasList .item .image .actions a:focus { color: #FFFFFF; outline: none;} .obrasList .item .image .actions a:hover .ocneIcon, .obrasList .item .image .actions a:focus .ocneIcon {color: #FFFFFF; border-color: #FFFFFF} .obrasList .item .dates li { display: inline-block; } .obrasList .item .image .actions i:before { line-height: 3.75rem; position: absolute; left: 0; right: 0; top:0; bottom: 0;} .obrasList .item .info{ position: relative; background:#f3f3f3;padding:1.5rem .75rem;z-index: 10; min-width: 100%;} .obrasList .item .info .type{margin-bottom:1rem;text-transform:uppercase;font-size:.6875rem; line-height: 1.25em; min-height: 2.5em;} .obrasList .item .info .type .cat{font-weight:400;} .obrasList .item .info .type .subcat{font-weight:700;} .obrasList .item .info h3{text-transform:uppercase;line-height:1.25em;margin-bottom:1em;min-height:2.5em;} .abonosList .item .info h3{margin-bottom: 0; min-height: 0;} .obrasList .item .info h3 a, .obrasList .item .info h3 a:hover{color:#0a0a0a;} .obrasList .item .info h3 span { font-size: 0.5em; } .obrasList .item .info .interpreters {text-transform:uppercase;margin:0; min-height: 2.5em; max-height: 2.5em; overflow: hidden; -webkit-transition:max-height .5s ease; transition: max-height .5s ease;} .obrasList .item .info.open .interpreters {max-height: 18em; } .obrasList .item .info .interpreters li {display:block;line-height:1.2;} .obrasList .item .info .interpreters li .name{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 300;font-size:1rem;} .obrasList .item .info .interpreters li .role { font-size: .6rem; } /* FLEXBOX */ #list .row, #otroseventos .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } #list .monthTitle { flex: 0 0 100%; } /* 640px and Up */ @media only screen and (min-width: 40em) { .obrasList .item .info .type { font-size: .7rem; line-height: 1.25em; } .obrasList .item .info .interpreters {min-height: 3.25em; max-height: 3.25em;} .obrasList .item .info .interpreters li .name { font-size:1.3rem;} .obrasList .item .info .interpreters li .role { font-size: .7rem; } #list .item article { min-height: 42rem } } /* 768px and Up */ @media only screen and (min-width: 48em) { #list .item article { min-height: 37.5rem } } /* 1024px and Up */ @media only screen and (min-width: 64em) { #list .item article { min-height: 39.5rem } } /* 1200px and Up */ @media only screen and (min-width: 75em) { #list .item article { /*min-height: 42.5rem;*/ } #list .item .image { height: 18rem; } #list .item .info{ position: absolute; } } .role {font-size:.7rem;font-family:'Gotham SSm A','Gotham SSm B', sans-serif;font-weight: 400; line-height: 1em; text-transform: uppercase;position: relative; display: inline; vertical-align: super; margin:0; top: 1px;} .dates {text-transform:uppercase; text-align: center;font-family:'Gotham SSm A','Gotham SSm B', sans-serif;font-weight: 400;} ul.dates { margin:0; } .dates ul { margin: 0; } .dates li{} .dates .week{font-weight:400;font-size:.6875rem;} .dates .day{font-weight:700;font-size:.6875rem;} .dates .month{font-weight:400;font-size:.6875rem;} .dates .hour{font-weight:500;font-size:.6rem;top: -2px;position: relative;} /* 640px and Up */ @media only screen and (min-width: 40em) { .dates .week, .dates .day, .dates .month{font-weight:400;font-size:.75rem;} .dates .day{font-weight:700;} .dates .hour{font-weight:500;font-size:.7rem;top: -2px;position: relative;} } /* 1024px and Up */ @media screen and (min-width: 64em) { #list .large-up-3>.column:nth-of-type(3n+1) { clear: none; } } .restrictedBox {margin-bottom: 2em; } .restrictedBox .seeMore { text-transform: uppercase; font-size: 0.7em;position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 0; margin-top: 0.5em;} .restrictedBox .seeMore a { color: #0A0A0A; font-weight: 600;} .restrictedBox .seeMore a .ocneIcon { -webkit-transition:bottom .25s ease, color .25s ease; transition: bottom .25s ease, color .25s ease; position: absolute; bottom: -0.75em; display: block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .restrictedBox .seeMore a:hover {color: #94afb5;} .restrictedBox .seeMore a:hover .ocneIcon {bottom:-1em; color: #94afb5;} /* 640px and Up */ @media only screen and (min-width: 40em) { .restrictedBox {margin-bottom: 3.25em; } } /* list width calendar*/ .list--calendar {} .list--calendar .item article { position: relative; min-height: 0; text-align: center;} .list--calendar .item .info { padding: 1.5rem 0.9375rem 0 0.9375rem; min-width: 0 !important; } .list--calendar .item .image { border-width: 0 0 5px 0; margin:0; } .list--calendar .item .dates { padding: 0.5rem; z-index: 2; position: relative;} .list--calendar .item .dates li .hour { top: 0; display: inline; font-weight: 300; margin-left: 0.25em; } .list--calendar .item .dates li .hour, .list--calendar .item .dates li .week, .list--calendar .item .dates li .day, .list--calendar .item .dates li .month { font-size: 0.75rem; line-height: 0.75em; } .list--calendar .pictureColumn { padding-right: 0; padding-left: 0; } .list--calendar .actions { text-align: center; } .list--calendar .actions.column { padding-left: 0; padding-right: 0; } .list--calendar .actions ul { margin-left: 0; } .list--calendar .readMore, .list--calendar .buyNow { margin: 1rem auto; width: 7.5rem; /*margin:5rem 0.7em; */ } .list--calendar .restrictedBox { margin-bottom: 0; } /* 768px and Up */ @media only screen and (min-width: 48em) { .list--calendar .large-up-1 .item.columns { width: 50%; float: left; clear: none; } .list--calendar .large-up-1 .item.columns:nth-child(2n + 1) { clear: left; } } /* 1024px and Up */ @media only screen and (min-width: 64em) { .list--calendar .large-up-1 .item.columns { width: 100%; float: none; clear: both; } .list--calendar .item .info { left: 33%; position: absolute; z-index: 100; } .list--calendar .item .info.open { border-bottom: 1px solid #6c6c6c; } .list--calendar .item article { text-align: left; } .list--calendar .item:before { content: " "; display: block; position: absolute; left: 0; top: 0; width: 8.33333%; height: 100%; z-index: 1; background-color: #FFFFFF; } /* invent per a fer el fons blanc*/ .list--calendar .item .image { border-width: 0 5px 0 0; } .list--calendar .item .dates { top: -0.5em;padding: 0; text-align: left;} .list--calendar .item .dates li .hour { display: block; margin-left: 0; } .list--calendar .pictureColumn { padding-right: 0.9375rem; } .obrasList .list--calendar .item .info .type { display: -webkit-box; display: -ms-flexbox; display: flex;} .obrasList .list--calendar .item .info .type .subcat { -ms-flex-negative: 0; flex-shrink: 0; } .list--calendar .actions { padding-top: 2.5rem; } } /* 1400px and Up * /*frontpage SLIDER*/ .mySlider { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 55; height: 0; margin: 0;} .mySlider .mySlider__item { position: absolute; height: 0; width: 100%; } .mySlider .mySlider__item--1 { z-index: 100; } .mySlider .mySlider__item:last-child { z-index: 30; } .mySlider .mySlider__item .mySlider__item__image { -webkit-transition:-webkit-transform .25s ease-out; transition:-webkit-transform .25s ease-out; transition:transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; width: 100%; height: 100vh; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; left:0; bottom: 0; right: 0; overflow: hidden; -webkit-transform: translate(0,0); transform: translate(0,0); box-shadow: 0 0 0.25rem rgba(10,10,10,0.33); } .mySlider .mySlider__item .mySlider__item__image.video iframe{width: 100%;height: 100vh;} .mySlider .mySlider__item .mySlider__item__globalLink { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; z-index: 0; cursor: pointer; } .mySlider .mySlider__item:last-child .mySlider__item__image { box-shadow: none; } .mySlider ul, .mySlider li { margin: 0; padding: 0; list-style-type: none;} .mySlider .mySlider__item p { margin-bottom: 0; } @keyframes bouncing { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-0.25em); } 60% { transform: translateY(0.25em); } } .mySlider__linkAll { display: block; text-transform: uppercase; font: 400 normal 0.6875rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif; margin: 1.5em 0 0 0; text-align: center; background-color: transparent; padding: 0; } .mySlider__linkAll a { color: #0A0A0A; } .mySlider__linkAll .icon { display: block; } .mySlider__linkAll a:hover .icon { animation: bouncing 2s infinite; } .mySlider__box.Eventos .buyNow { color: #dfeaeb !important; } .mySlider__box.Sinfónico .buyNow { color: #d1cdc3 !important; } .mySlider__box.Área .buyNow { color: #f0e5c5 !important; } .mySlider__box.Satélites .buyNow { color: #da8e8b !important; } /* Mobile Slider */ #sliderMobile { } #sliderMobile .bx-wrapper { margin-bottom: 0;} #sliderMobile .bx-wrapper .bx-viewport { border: 0; left: 0; background-color: transparent; } #sliderMobile .bx-wrapper .bx-pager { bottom: 175px; color: #898989;} #sliderMobile .bx-wrapper .bx-pager.bx-default-pager a { background-color: #898989;} #sliderMobile .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #FFFFFF;} .sliderMobile__wrapper { margin-left: 0; margin-bottom: 0; list-style-type: none;} .sliderMobile__item__image { height: calc(100vh - 80px); } /*Navigation*/ .mySlider ul.navSlide { position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 1000; padding: 1em 0.5em; box-sizing: border-box; width:3.5rem; background-color: #0a0a0a; background-color: rgba(10,10,10,0.33)} .navSlide__item { display: block; line-height: 1em; -webkit-transform: translateY(0); transform: translateY(0);} .navSlide__item a { color: #FFFFFF; -webkit-transition:all .5s ease; transition: all .5s ease; display: inline-block; height: 5px; width: 1rem; margin-bottom: 12px; opacity: .66;} .navSlide__item.navSlide__item--prev a, .navSlide__item.navSlide__item--next a { background-color: transparent; height: auto; width: auto;} .navSlide__item a:hover { opacity: 1; width: 25px;} .navSlide__item a span { background-color: #FFFFFF; height: 1px; width: 100%; display: block; text-indent: -1000em;} .navSlide__item.navSlide__item--prev a span, .navSlide__item.navSlide__item--next a span, .navSlide__item--bottom a span { background-color: transparent; height:0; position: absolute; left: -1000em;} .navSlide__item.current a { height: 2px; -webkit-transform: scale(1.8, 1); transform: scale(1.8, 1); opacity: 1; background-color: #FFFFFF; } /* Content */ .mySlider__box { position: absolute; bottom: 0; right: 0; left: 0; padding: 1rem 1rem 1rem 1rem; background-color: #FEFEFE; text-align: center;} .readMore, .buyNow { -webkit-transition:background-color .25s ease; transition: background-color .25s ease; text-align: center; text-transform: uppercase;font: 700 normal 0.6875rem/1.5em 'Gotham SSm A','Gotham SSm B', sans-serif; padding: 0.64em 0.11em; width: 10em; margin: 0 0.5rem; display: inline-block; border: 1px solid #0a0a0a;} .readMore:hover, .buyNow:hover { background-color: #94afb5; color: #FFFFFF; border-color: #94afb5; background-color: rgba(0,0,0,.66); border-color: rgba(0,0,0,0.66); } .readMore { color: #0a0a0a; background-color: transparent; } .buyNow { background-color: #0a0a0a; color: #FFFFFF; } .mySlider__item__title { font-size: 1.5rem; line-height: 1.25em; margin-bottom: .5em;} .mySlider__item__text { font:normal normal 1.125rem/1.1em "Chronicle Text G1 A", "Chronicle Text G1 B", serif; max-width: 40rem; margin: 0 auto 1.5em auto;} .video-controls { display: none; } /* 640px and Up */ @media only screen and (min-width: 40em) { .mySlider__item__title { font-size: 2.5rem; line-height: 1.25em;} .readMore, .buyNow { margin: 0 1.75rem; font-size: 0.875rem; line-height: 1.5em;} .video-controls { transform: translateX(-50%); position: absolute; left: 50%; top: -3rem; font-size: 1.25rem; z-index: 320001; display: block; margin-bottom: 0; } .video-controls a { color: #FFFFFF; } .video-controls a + a { margin-left: 1rem; } .video-controls .icon { cursor: pointer; } .video-controls .button { margin:0;background-color: transparent;opacity: .66; transition: opacity .5s ease; text-shadow: 0 0 3px #424242;} .video-controls .button:hover { opacity: 1; } } /* Calendar filter */ .manSticked { position: fixed; width: 100%; background-color: rgb(254,254,254); z-index: 900; left:0; padding: 0.5rem 0.9375rem; box-sizing: border-box; box-shadow: 0 0 2px #CCCCCC;} .manSticked .row.collapse { max-width: 75rem; margin: 0 auto;} /* Calendar */ .datePicker { margin-bottom: 4.5rem; } .datePicker .datePicker__wrapper { width: 90%; margin: 0 auto; max-width: 1120px; } .datePicker .bx-wrapper { margin-top: 2rem !important; margin-bottom: 1.5rem !important; } .datePicker .bx-viewport { height: 2em !important; } .datePicker__months { font-size: 0.875rem; margin-left: 0; margin-bottom: 0; /* margin-top: 2.5rem;*/} .months {/* display: block; float: left; *//*width:16.6%;*/ font-weight: 700; text-align:center; text-transform: uppercase; font-size: .7rem;} .months a { color: #272727; display: block; } .months a.active { color: #a9c0c4;} .months span { font-weight: 400;} .months__link { color: #0a0a0a;} .datePicker__calendar { background-color: #f3f3f4; padding: 0; text-align: center; font-size: .75rem;} .datePicker__calendar caption { position: absolute; left: -1000rem; height: 1px; width: 1px; overflow: hidden;} .datePicker__calendar .weekdays { text-transform: uppercase; font-weight: 700; color: #0A0A0A; } .datePicker__calendar td, .datePicker__calendar th { padding:.25rem;} .datePicker__calendar th { border-bottom: 1px solid #dadadb;text-align: center !important; display: none; text-transform: uppercase; font-size: 0.8em; } .datePicker__calendar table tbody, .datePicker__calendar table thead, .datePicker__calendar table tfoot { border: none; background-color: transparent; text-align: center;} .datePicker__calendar tbody tr { background-color: transparent !important; } .datePicker__calendar a, .datePicker__calendar span { display: inline-block; width: 2em; height: 2em; line-height: 2em;background-color: transparent;} .datePicker__calendar a { -webkit-transition:background-color .25s ease; transition: background-color .25s ease; color: #0a0a0a; } .datePicker__calendar span { color: #989898; } .datePicker__calendar a:hover { background-color: rgba(0,0,0,0.10);border-radius: 100em;} .datePicker__calendar .event a { font-weight: 700;} .datePicker__calendar .today a { border-radius: 100em; border: 1px solid #0A0A0A;} .datePicker__calendar .active a { border-radius: 100em; color: #FFFFFF; background-color: #a9c0c4; font-weight: 700;} .datePicker__calendar .outMonth a { color: rgba(0,0,0,0.30);} #reset { -webkit-transition:color .25s ease; transition: color .25s ease; color: #272727; font-size: 12px; display: block; text-align: right; float: right; font-weight: 600;} #reset:hover { color: #a9c0c4; } /* 640px and Up */ @media only screen and (min-width: 40em) { .datePicker__calendar { padding: 0.5rem; } .datePicker__calendar td, .datePicker__calendar th { padding:.5rem .625rem .625rem; } .datePicker__calendar a, .datePicker__calendar span { width: 3em; height: 3em; line-height: 3em} } /* 1024px and Up */ @media only screen and (min-width: 64em) { .datePicker__calendar { padding: 2.25rem; font-size: 1rem;} .datePicker__calendar th { display: table-cell; } .months { width:8.333%; width: calc(100% / 12); font-size: 0.875rem; } } /* 1200px and Up */ @media only screen and (min-width: 75em) { } /* 1600px and Up */ @media only screen and (min-width: 100em) { /* .manSticked .row.collapse { max-width: 98rem; }*/ } /* =============================================================================== */ /*CONTENT*/ #content {margin-bottom: 4rem; } #portal-columns{min-height: 300px;} /*image gallery*/ .gallery__list { margin:0; overflow: hidden; width: 100%; height: calc(100vh - 11rem); position: relative; } .gallery__list .item { display:block;position: absolute; left: -1000em; width: 100%; height: 100%; margin: 0; padding: 0;} .gallery__list .item.active { left: 0; position: relative; } .gallery__list .imatge { height: 100%; width: 100%; background-position: center center; } .gallery__list .item.active img { display: block;top: 50%; left:50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .gallery__list a { cursor: url(++resource++plonetheme.ocne.images/glass-plus.png), pointer; } .gallery__list .mainImage { width: 100%; height: auto; } .gallery__list .callout { width: 100%; z-index: 900; cursor: default; position: absolute; left: 0; bottom: 0; padding: 0.5rem 2rem; background-color: rgba(10,10,10,0.33); color: #FFFFFF; text-align: center; text-shadow: 1px 0 0 #0a0a0a; border: none; margin: 0; font-size: .75rem; line-height: 1.25em; } .gallery__list .callout p { margin-bottom: 0; font-weight: lighter; display: inline;} .gallery__list .callout .ocneIcon { font-size: 1.5rem; color: white; opacity: 0.88; display: inline; margin-right: 1rem;} .gallery__list .callout .close { position: absolute; right: 0.5rem; top: 0.25rem; color: #FFFFFF; cursor: pointer; }.state-button { position: absolute; z-index: 1; right: 0; bottom: 0; background-color: rgba(14,14,14,0.22); color: #FFFFFF; padding: 0.6em 1em; font-size: 0.9375rem; text-align: center; } .gallery__list.imatge { background-image: url('test.jpg'); } .gallery__list {} .state-button .ocneIcon { font-size: 1.25em; margin-right: 0.25em; vertical-align: middle; } /* 640px and Up */ @media only screen and (min-width: 40em) { .gallery__list { height: calc(100vh - 13rem); } .gallery__list .callout { padding: 0.5rem 5rem; font-size: 1rem; line-height: 1.25em; } } /* 1024px and Up */ @media only screen and (min-width: 64em) { } /*subheader and innerNav*/ #subheader { padding-top: 1rem; } #subheader.Eventos, .innerNav.Eventos, .mySlider__box.Eventos { background-color: #dfeaeb !important; } #subheader.Sinfónico, .innerNav.Sinfónico, .mySlider__box.Sinfónico { background-color: #d1cdc3 !important; } #subheader.Área, .innerNav.Área, .mySlider__box.Área { background-color: #f0e5c5 !important; } #subheader.Satélites, .innerNav.Satélites, .mySlider__box.Satélites { background-color: #da8e8b !important; } /*share buttons*/ #sharer { color:rgba(39,39,39, 0.7); text-align: center; } #sharer h3 { text-transform: uppercase; font: 400 normal 0.75rem/1.5em 'Gotham SSm A','Gotham SSm B', sans-serif; margin-bottom: 0; } #sharer ul { margin-left: 0; } #sharer li { display: inline; list-style-type: none; } #sharer a { color:rgb(39,39,39); opacity: 0.7; -webkit-transition:opacity .25s ease; transition: opacity .25s ease; margin: 0 0.5em; } #sharer a:hover { opacity: 1; } /*inner navigation*/ .innerNav { text-transform: uppercase;font-size:0.875rem; font-weight: 700; font-size: 0.6875rem; border-top:1px solid rgba(39,39,39,0.2); } .innerNav.manSticked { padding: 0; } .innerNav.Eventos {background-color: #dfeaeb;} .innerNav ul { max-width: 75rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .innerNav li { display: block; border-bottom: 1px solid rgba(39,39,39, 0.2); } .innerNav li:first-child a { border-left: 1px solid rgba(39,39,39,0.2); } .innerNav li a { -webkit-transition:background-color .25s ease; transition: background-color .25s ease; background-color: transparent; color: #272727; display: block; padding: 1em 1.75em; border-right: 1px solid rgba(39,39,39,0.2);} .innerNav li a:hover, .innerNav a.active { background-color: #FFFFFF; } .innerNav .backButton { position: absolute; right: 1em; color: #0a0a0a; padding: .25rem; top: 0.5rem; display: none; font-size: 1rem; line-height: 1em; }s .innerNav.manSticked li { border-bottom: 0; } .innerNav.manSticked .backButton { display: block; } #tab-control .selectMenu { margin-bottom: 0; } /* 768px and Up */ @media only screen and (min-width: 48em) { .innerNav { border-bottom: 1px solid rgba(39,39,39,0.2); } .innerNav ul {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; } .innerNav li { border-bottom: none; } .innerNav li a { padding: 1em 1.2em; } .innerNav.manSticked li { border-bottom: 1px solid rgba(39,39,39, 0.2); } .innerNav.manSticked li a { display: block; } .innerNav .backButton { display: none !important; } } /* 1024px and Up */ @media only screen and (min-width: 64em) { .innerNav { font-size:0.875rem; } .innerNav ul { } .innerNav li {} .innerNav a {} } /*comprar row*/ .fnt-24 { font-size: 1.5rem; } #infoBar { margin: 2rem auto 4.5rem auto; clear: both; max-width: 30rem; } .infoBar__list { margin-left: 0; color: rgba(10,10,10,0.9); text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;-ms-flex-line-pack: justify;align-content: space-between;} .infoBar__list p { margin-bottom: 0; line-height: 1.1em; } .infoBar__list .item { border-bottom: 0.31rem solid #FFFFFF; background-color: #f3f3f3; padding: 1rem .5rem 1rem 3rem; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .infoBar__list .item:before { position: absolute; font-size: 1.5rem; left: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .infoBar__list .item.item--location .infoBar__text{ font-size: 0.8125rem; line-height: 1.25em; } .infoBar__list .item .time { font-size:13px; display: inline-block; margin-right: .5em;} .infoBar__list .item.item--day { flex-shrink: 3; } .infoBar__list .item.item--price { text-align: left; font-size: 0.8125rem; line-height: 1.25em; padding-left: 1rem; padding-right: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .infoBar__list .item.item--price strong { font-size: 1.1875rem; } .infoBar__list .item.item--price span { display: block; text-transform: none; } .infoBar__list .item.item--buy { text-align: center; padding: 0; font-size: 0.9375rem; min-height: 3.5em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%;} .infoBar__list .item.item--buy a { box-sizing: border-box; padding: .5rem 1rem; -webkit-transition:all .25s ease; transition: all .25s ease; background-color: #272727; color: #FFFFFF; display: block; font-weight: bolder; text-transform: uppercase; line-height: 1em; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .infoBar__list .item.item--buy a:hover { background-color: #94afb5; color: #FFFFFF; } .infoBar__list .item.item--buy a.Sinfónico:hover { background-color: #d1cdc3;} .infoBar__list .item.item--buy a.Satélites:hover { background-color: #DA8E8B;} .infoBar__list .item.item--buy a.Eventos:hover { background-color: #dfeaeb;} .infoBar__list .item.item--buy a.Área:hover { background-color: #f0e5c5;} .infoBar__list .item.item--buy span { display: block; width: 100%; text-align: center; } .infoBar__list .infoBar__text { font-size: 0.9375rem; line-height: 1em; margin-bottom: 0;} .infoBar__list .item--abonos .infoBar__text { display: block; } .infoBar__list .infoBar__title { text-transform: uppercase; font: 700 normal 0.75rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif; margin-bottom: 0; margin-bottom: .25em;} .infoBar__list .infoBar__title span + span { text-transform: none; } .infoBar__list .infoBar__title span + span:before { content: "/ "; display: inline; } .infoBar__list .infoBar__text--small { font-size: 0.8125rem; line-height: 1em; } .infoBar__list .item.item--free { padding-left: 1rem; } /* 1024px and Up */ @media only screen and (min-width: 64em) { #infoBar { margin: 2rem 0 4.5rem 0; max-width: none; } .infoBar__list {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; } .infoBar__list .item { border-left: 0.31rem solid #FFFFFF; border-bottom: none; } .infoBar__list .item:first-child { border-left: none; } .infoBar__list .item .time { display: block; margin-right: 0; } } /* 1200px and Up */ @media only screen and (min-width: 75em) { .infoBar__list .item--ticket { max-width: 40%; } } /* Opus*/ .obra__intro { text-transform: uppercase; font: 400 normal 1.25rem/1.25em 'Playfair Display', serif; margin-bottom: 2.25em; text-align: center;} .obra_summary { font: normal normal 1.125rem/1.5em "Chronicle Text G1 A", "Chronicle Text G1 B", serif; margin-bottom: 3em; } .obra_summary p { margin-bottom: 1em; } .obra_summary ul { list-style-type: disc; } .obra_summary ul li, .obra_summary ol li { display: list-item;} .obra_summary th { font: 700 normal .75em/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; } .obra_summary th p, .obra_summary th p { margin-bottom: 0; } .sectionHeader { font: 400 normal 8vw/1.25em 'Playfair Display' ,serif; text-transform: uppercase; border-bottom: 1px solid #272727; padding-bottom: .125em; margin-bottom: 0.5em; } .sectionHeader--h30 { font-size: 1.875rem !important; } #interpretes { margin-bottom: 3.25rem; } #interpretes .featured__list { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; } #interpretes figure { margin: 0; } #interpretes .item { margin-bottom: 3.25rem; } #interpretes .item:nth-child(2n + 1) { clear:left;} #interpretes figure .imgWrapper { margin: 0; width: 100%; height: auto; overflow: hidden; display: block; cursor: url('++resource++plonetheme.ocne.images/glass-plus.png'), pointer; background-color: #272727;-webkit-transition:opacity .25s ease;transition:opacity .25s ease } #interpretes figure .imgWrapper.imatge { background-position: center top; } #interpretes figure .imgWrapper:hover { opacity: .66; display: block; } #interpretes figure img, #interpretes figure picture { width: 100%; -webkit-transition:opacity .25s ease, -webkit-transform 1s ease-out; transition:opacity .25s ease, -webkit-transform 1s ease-out; transition:opacity .25s ease, transform 1s ease-out; transition: opacity .25s ease, transform 1s ease-out, -webkit-transform 1s ease-out;} #interpretes figcaption { background-color: #f3f3f3; padding: 0 1rem; text-align: center; text-transform: uppercase; font: 400 normal 1.875rem/1.25em 'Playfair Display', serif; padding: .6em 1px; } #interpretes figcaption h3 { display: inline; line-height: 1.25em; } ul.interpretes__list { margin-left: auto; margin-right: auto; } .interpretes__list li { display: inline; margin-right: 0.5rem; white-space: nowrap; } .interpretes__list a { font: 400 normal 1.375rem/1.25em 'Playfair Display',serif; text-transform: uppercase; color: #272727; } .interpretes__list a:hover { color: #94afb5; } .interpretes__list h3 { display: inline; text-transform: uppercase; font-size: 1.125rem; } #repertorio { margin-bottom: 3.25rem; } #repertorio .sectionHeader { margin-bottom: 3.25rem; } #repertorio table, #repertorio tbody, #repertorio tr { display: block; background-color: transparent; border:0; } #repertorio thead { display: none; } #repertorio td { display: inline; background-color: transparent; border: 0; padding: 0;} #repertorio td.col-1 { font: 700 normal 0.9375rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; } #repertorio td.col-2 { font: 400 italic 1.125rem/1.25em "Chronicle Text G1 A", "Chronicle Text G1 B", serif; } #repertorio td div { display: inline; } #videos { margin-bottom: 3.25rem; } #videos iframe { width: 100%; height: 70vw;} #videos .readMore { width: 11.25rem; margin-top: 2.5rem; } .hideVideo { overflow: hidden; } #otroseventos { margin-top: 6.5rem;} #entradas, #libre { font: 400 normal 1.125rem/1.5em "Chronicle Text G1 A", "Chronicle Text G1 B", serif;} #entradas {margin-bottom: 3.25rem;} /* Contact form */ /* 640px and Up */ @media only screen and (min-width: 40em) { .obra__intro { font-size: 1.875rem; } .sectionHeader { font-size: 3.75rem; } .interpretes__list h3 { font-size: 1.375rem; } #interpretes figure {height: 100%; position: relative; } #interpretes figure .imgWrapper {height: 11.5rem;} #interpretes figcaption { height: calc(100% - 11.5rem); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #interpretes figcaption div { margin: 0 auto;} #repertorio { } #repertorio table { display: table; } #repertorio tbody { display: table-row-group;} #repertorio tr { display: table-row;} #repertorio td { display: table-cell; width: 50%; padding: 0 .5em .5em 0.5em;} #repertorio td.col-1 { text-align: right; padding-top: .25em; } } /* 1024px and Up */ @media only screen and (min-width: 64em) { #interpretes figure .imgWrapper {height: 22.5rem;} #interpretes figcaption { height: calc(100% - 22.5rem);} } /* 1200px and Up */ @media only screen and (min-width: 75em) { #videos iframe { height: 40.5rem;} } /* Interpreter */ figure.columns { margin: 0; } .template-obra_view .reveal { padding: 0; z-index: 10000; } .template-obra_view .role { top: -1px; } #interpreterFile { font: normal normal 1.125rem/1.5em "Chronicle Text G1 A", "Chronicle Text G1 B", serif; background-color: #f3f3f3; } #interpreterFile figure { padding: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; height: 50vh; } #interpreterFile figure img { display: none; } #interpreterFile main { padding-top: 2rem; } #interpreterFile h1 { font: 400 normal 2.125rem/1.25em 'Playfair Display',serif; text-transform: uppercase; margin-bottom: 1.25em; text-align: center; } #interpreterFile h2 { margin-top: 3rem; font: 400 normal 1.25rem/1.25em 'Playfair Display',serif; text-transform: uppercase; } #interpreterFile .concerts__list { font: 400 normal 0.875rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif; margin: 0 0 3rem 0; margin-top: 2em; } #interpreterFile .concerts__list li { margin-bottom: 1.25em; display: block; } #interpreterFile .concerts__list .time { font-size: 0.9375rem; line-height: 1em; text-transform: uppercase; display: block; margin-bottom: 0.5em;} #interpreterFile .concerts__list .time .day { font-weight: bold; } #interpreterFile .concerts__list h3 { text-transform: uppercase; font: 700 normal 0.875rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif; margin-bottom: 1em; } #interpreterFile .close-button { position: absolute; right: 0; top: 0; font-size: 4.5rem; color: #272727; padding: 0.5rem; background-color: #f3f3f3; opacity:.5; line-height: 2rem; padding-bottom: 13px;} #interpreterFile .close-button span { display: block; margin: 0; padding: 0; } /* 1024px and Up */ @media only screen and (min-width: 64em) { #interpreterFile figure { height: 100vh; } #interpreterFile main { padding-top: 5.5rem; height: 100vh; overflow: auto; } #interpreterFile h1 { font-size: 3.125rem; text-align: left;} #interpreterFile h2 { font-size: 1.625rem; } #interpreterFile .concerts__list .time { margin-bottom: 0; } .offset-06 { margin-left: 6%; } } /* post */ .documentFirstHeading { text-transform: uppercase; font-size: 1.25rem; letter-spacing: .05em; line-height: 1.25em; text-align: center;} /* 640px and Up */ @media only screen and (min-width: 40em) { .documentFirstHeading {font-size: 3rem; } } /* about */ .template-folder_summary_view .documentFirstHeading, .template-atct_topic_view .documentFirstHeading, .portaltype-articulo .documentFirstHeading, .portaltype-news-item .documentFirstHeading, .portaltype-fichero .documentFirstHeading, .template-sitemap .documentFirstHeading, .template-accessibility-info .documentFirstHeading, .template-contact-info .documentFirstHeading, .template-folder_full_view .documentFirstHeading, .template-folder_list_view .documentFirstHeading { margin: .5em 0;} #viewlet-above-content{text-align:center; margin-bottom: 0.5rem;font-size: 0.9rem;} /* 640px and Up */ @media only screen and (min-width: 40em) { .portaltype-news-item .documentFirstHeading {font-size: 3.5rem; } } .subMenu { margin-top: 6.125rem; font: 400 normal 1.125rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-align: center; text-transform: uppercase; } .subMenu li { margin-bottom: 1.875rem; } .subMenu p { margin:0; background-size: cover;background-position: center center; background-repeat: no-repeat;} .subMenu a { -webkit-transition:background-color .25s ease; transition: background-color .25s ease; display: block; width: 100%; height: 10rem; position: relative; background-color: #F3f3f3;color: #272727;} .subMenu a span { display: block; position: absolute; top:50%; left: 50%; width: 80%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .subMenu a:hover, .subMenu p.current a { background-color: rgba(27,27,27,0.33); color: #ffffff; } /* form */ #content form.enableAutoFocus { } #content form.enableAutoFocus .field, .pfg-embedded form .field { background-color: #f3f3f3; margin-bottom: 1rem; padding: 0.25rem 0.6875rem; } #content form.enableAutoFocus .field label, .pfg-embedded form .field label, #content form.enableAutoFocus .field .label {display: block;padding: 0;text-transform: uppercase; font: 400 normal 0.75rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif; background:none;} #content form.enableAutoFocus .field input[type="text"], .pfg-embedded form .field input[type="text"] { display: block; width:100%;} #content form.enableAutoFocus .field input[type="text"], .pfg-embedded form .field input[type="text"], #content form.enableAutoFocus .field input[type="email"], .pfg-embedded form .field input[type="email"], #content form.enableAutoFocus .field input[type="password"], .pfg-embedded form .field input[type="password"], #content form.enableAutoFocus .field textarea, .pfg-embedded form .field textarea { border: 0; background-color: transparent; font: normal normal 1rem/1.25em "Chronicle Text G1 A", "Chronicle Text G1 B", serif;padding-bottom: .5rem} #content form.enableAutoFocus .field textarea, .pfg-embedded form .field textarea { min-height: 8.45rem; } #content form.enableAutoFocus .field input[type="button"], .pfg-embedded form input[type="submit"] { cursor: pointer; font: 700 normal 0.75rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif;; text-transform: uppercase; border:none; background-color:#a9c0c4;color:#FFFFFF; text-align: center; padding: .75em; } #content form.enableAutoFocus .field input[type="button"]:hover, .pfg-embedded form input[type="submit"]:hover { background-color: rgba(0,0,0,.66); } #content form.enableAutoFocus .field input:focus, #content form.enableAutoFocus .field textarea:focus { box-shadow: none; } #content form.enableAutoFocus .field input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f3f3f3 inset;} #content form.enableAutoFocus .field .ArchetypesMultiSelectionValue{display:block;float: left;width: 27%;margin: 0.4rem 0 .4rem 0;} #content form.enableAutoFocus .formHelp { display: none; } #content form.enableAutoFocus .fieldRequired { margin-top: -0.5em; display: inline-block; vertical-align: top; font-size: 0.75rem; text-indent: -1000em; } #content form.enableAutoFocus .field .fieldRequired { margin-top: 0; } #content form.enableAutoFocus .error .fieldRequired { text-indent: 0;} #content form.enableAutoFocus [type=checkbox] { margin-top: 0; } #content form.enableAutoFocus [type=checkbox] + label[for] { font: normal normal 0.8125rem/1.25em "Chronicle Text G1 A", "Chronicle Text G1 B", serif; } #content form.enableAutoFocus [type=submit] { -webkit-transition:background-color .25s ease; transition: background-color .25s ease; background-color: #FFFFFF; text-align: center; text-transform: uppercase; font-size: 0.9rem; font-weight: 700; padding: 0.62rem 0.1rem; width: 8.75rem; margin: 3rem auto; display: block; border: 1px solid #0a0a0a; color: #0a0a0a; } #content form.enableAutoFocus [type=submit]:hover { background-color: #94afb5; color: #FFFFFF; border-color: #94afb5; } #content form.enableAutoFocus [type=checkbox]+label { margin-right: 0.25em; } #content form.enableAutoFocus .requiredText { font-size: 0.8125rem; line-height: 1.25em; } .myRequiredField { display: inline-block; height: 5px; width: 5px; background-color: red; margin: 0 0.25em; vertical-align: middle; } .pfg-embedded form { max-width: 40rem; padding: 1.5rem 2rem 3rem 2rem; margin: 0 auto; } /* admnin edit form*/ body.template-atct_edit #content form.enableAutoFocus [type="submit"] { display: inline-block; margin: 2rem 0; } body.template-atct_edit #content form.enableAutoFocus [type="submit"].standalone { color: #FFFFFF; background-color: #0a0a0a; } body.template-atct_edit #content form.enableAutoFocus [type="submit"].standalone:hover { background-color: #94afb5; } .overlay {} .overlay .pb-ajax { height: calc(100vh - 153px); overflow: scroll; overflow-x: hidden; overflow-y: scroll; } .overlay .pb-ajax > div { width: 100%; } /* search results */ .template-search #portal-columns { } form.searchPage { margin-top: 3rem; } form.searchPage .documentFirstHeading { font-size: 2em; } form.searchPage .documentFirstHeading #search-term { text-transform: none; font-weight: 700; font-family: 'Gotham SSm A','Gotham SSm B', sans-serif; } #search-results-bar .actionMenu { display: none !important; } #search-results .searchResults dt { margin-bottom: 0em; } #search-results .searchResults dt img { display: none; } #search-results .searchResults dt a { -webkit-transition:color .25s ease; transition: color .25s ease; font: 400 normal 1.875rem/1.25em 'Playfair Display',serif; text-transform: uppercase; margin-bottom: 0.5em; color: #0a0a0a; display: block; } #search-results .searchResults dt a:hover { color: #94afb5; } #search-results .searchResults dd { margin-bottom: 3em; display: block; } #search-results .searchResults dd cite { text-transform: uppercase; font: 400 normal 0.875em/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; display: block; margin-top: 1em; } #search-results .pagination .current { border: 0.1em solid #b4c7cb; display: inline-block; padding: 0.25em 0.5em; } #search-field { position: relative; } #search-field input[type="text"].searchPage { display: block; width: 100%; box-sizing: border-box; border: none; border-bottom: 2px solid #b4c7cb; } #search-field input[type="text"].searchPage:focus { background-color: #f3f3f3 !important; } #search-field input.searchButton { font-size: 0.9rem !important; margin-top: 1em !important; } /* 640px and Up */ @media only screen and (min-width: 40em) { } /* 1024px and Up */ @media only screen and (min-width: 64em) { #content form.enableAutoFocus .field input, #content form.enableAutoFocus .field textarea { font-size: 1.25rem; } } /* News and Docs*/ .newsList {} #content ul.newsList.row { margin-left: -0.9375rem;list-style-type: none; display: block;} #content .newsList__item { display: block; margin-bottom: 2rem; } .newsList .newsItem .newsItem__wrapper { border-top: 1px solid #c6c6c6; padding-top: 1rem; } .newsList .newsItem:nth-child(1) .newsItem__wrapper { border-top: none; padding-top: 0;} .newsList .newsItem__image { display: block; margin: 0 0 1rem 0; max-height: 14rem; overflow: hidden; position: relative; height: 15rem; } .newsList .newsItem__image img, .newsList .newsItem__image source { width: 100%; height: auto; } .newsList .newsItem__image a { display: block; height: 100%; -webkit-transition:opacity .5s ease; transition: opacity .5s ease; } .newsList .newsItem__image a:hover { background-color: #94afb5; opacity: .33; } .newsList .actions { -webkit-transition:opacity .5s ease; transition: opacity .5s ease; text-align: center; font: 400 normal 0.875rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; color: #ffffff; font-size: 0.875em; float:left; opacity: 0;background-color: #94afb5; } .newsList .actions ul { position: relative; left: 44%; float: left; height: 100%; margin-left: 0 !important; width: 50%;} .newsList .actions li { vertical-align: middle; float: left; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: table !important; position: relative; left: -50%; margin: 0 1.5em; list-style-type: none;} .newsList .actions .ocneIcon { position: relative; width: 60px; height: 60px; line-height: 60px; margin: 0 auto 1em auto; display: block; font-size: 1.5rem; border-radius: 500em; border: 1px solid #FFFFFF; } .newsList .newsItem__image:hover .actions { opacity: 1; } .newsItem__title { color: #0a0a0a; font: 600 normal 1rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase;} .newsItem__title a { color: #0a0a0a; border-bottom: none; } .newsItem__title a:hover { color: #94afb5; } .newsList .newsItem__date { color: #898989; margin-bottom: 0; text-align: left; } .newsList .newsItem__date .subject{text-transform: none;text-align: center;font-family: 'Gotham SSm A','Gotham SSm B', sans-serif;font-weight: 400;font-size: .9rem;} .newsList .newsItem__description { font-size: 1rem; line-height: 1.4em; } .newsList .newsItem__readMore { color: #94afb5; border-color: #94afb5; font-size: 0.75rem; width: 7rem; margin-top: 1rem; margin-left: 0; padding: 0.5rem 0.1rem; } .newsList .newsItem__readMore:hover { color: #FFFFFF; } .newsList.newsList--files {} .newsList.newsList--files .newsItem__wrapper { margin-bottom: 2rem; padding-top: 1rem; } .newsList.newsList--files .newsItem__image { min-height: 10rem; } .newsList.newsList--files .newsItem__image a { margin-left: -15px; margin-right: -15px; } .newsList.newsList--files .actions { width: calc(100% - 2rem); left: 1rem; right: auto; } .newsList.newsList--files .actions ul { margin-left: 0 !important; left: 50%; } .newsList.newsList--files .newsItem__date { display: block; text-align: left;line-height: 1em; } .newsList.newsList--files .newsItem__date span { line-height: 1em; display: inline-block; vertical-align: top; } .newsList.newsList--files .newsItem__date span.hour { padding-top: 2px; } .donwloadLink a { display: inline-block; color: #FFFFFF; background-color: #272727; text-transform: uppercase; font: 700 normal 0.875rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-align: center; cursor: pointer; padding: 0.62rem 1rem; border-bottom: none; } .donwloadLink a:hover { background-color:#94afb5; } .donwloadLink a img { display: none; } .dates.text-center { display: block; } /* news menu */ #content ul.menu { list-style-type: none; margin-left: 0; text-align: left; } #content ul.menu li { display: block; } #content #showsFilter a { color: #272727; text-transform: uppercase; font: 700 normal 0.8rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; } #content #showsFilter a:hover { color:#94afb5; } .stickyFilter .title-bar-title { margin-bottom: 0; } .stickyFilter #searchbox {position: relative;} .stickyFilter #searchbox button[type="submit"] { position: absolute; right: 1em; top: .5em; } .title-bar.inverse { background-color: transparent; color: #272727;} .title-bar.inverse .menu-icon:after { background-color: #272727; box-shadow: 0 7px 0 #272727, 0 14px 0 #272727; } /* 640px and Up */ @media only screen and (min-width: 40em) { .newsList .newsItem:nth-child(-n+2) .newsItem__wrapper { border-top: none; padding-top: 0;} } /* 1024px and Up */ @media only screen and (min-width: 64em) { .newsList .newsItem:nth-child(-n+3) .newsItem__wrapper { border-top: none; padding-top: 0;} #content ul.menu { text-align: center; } #content ul.menu li { display: table-cell; } #content #showsFilter, .stickyFilter #searchbox { margin: 35px 0 16px 0;} #content .manSticked #showsFilter, .stickyFilter.manSticked #searchbox { margin: 0;} } /* Image gallery */ #content .galleryList { list-style-type: none; margin-left: 0;} #content .galleryList li { display: block; margin-bottom: 2rem; } #content .galleryList a { display: block; overflow: hidden; position: relative;} #content .galleryList .bgimage { height: 12.5rem; transition: all .5s ease; } #content .galleryList .newsItem__title { margin-top: 0.5em; } #content .galleryList .albumCover { position: relative; } #content .galleryList .albumCover .ocneIcon { bottom: 1rem; right: 1rem; color: #FFFFFF; text-shadow: 0px 0px 2px #272727; position: absolute; font-size: 2rem; } #content .galleryList a:hover .bgimage { opacity: 0.66; transform: scale(1.1);} .galleryList .actions { -webkit-transition:opacity .5s ease; transition: opacity .5s ease; text-align: center; font: 400 normal 0.875rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; color: #ffffff; font-size: 0.875em; float:left; opacity: 0;background-color: #94afb5; } .galleryList .actions ul { position: relative; left: 50%; float: left; height: 100%; margin-left: 0 !important; width: 50%;} .galleryList .actions li { vertical-align: middle; float: left; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: table !important; position: relative; left: -43%; margin: 0 1.5em; list-style-type: none;} .galleryList .actions .ocneIcon { position: relative; width: 60px; height: 60px; line-height: 60px; margin: 0 auto 1em auto; display: block; font-size: 1.5rem; border-radius: 500em; border: 1px solid #FFFFFF; } /* Breadcrumbs */ #portal-breadcrumbs { display: none !important; } #portal-breadcrumbs { font: 400 normal 0.6875rem/1.5em 'Gotham SSm A','Gotham SSm B', sans-serif; color: rgba(39,39,39,0.7); text-transform: lowercase; } #portal-breadcrumbs #breadcrumbs-current { font-weight: 700; } /* 640px and Up */ @media only screen and (min-width: 40em) { #portal-breadcrumbs { font-size:0.75rem;} } /* FAQ */ .accordion { list-style-type: none !important; margin-left: 0; } .accordion li { margin-bottom: 0; border-bottom: 1px solid #f2f2f2; } .accordion .accordion-title { font: 700 normal 1rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; color: #272727; border:none; } .accordion .accordion-title:before { font-weight: 700; } .accordion .accordion-content { border: none; background-color: #f2f2f2; padding-left: 2rem; } /* Resumen view */ .template-folder_list_view {} .template-folder_list_view .tileItem { border-bottom: 1px solid #C6C6C6; margin-bottom: 2em; } .template-folder_list_view h2 { color: #424242; } .template-folder_list_view h2 a {color: #424242; transition: color .5s ease;} .template-folder_list_view h2 a:hover { color: #94afb5; } .template-folder_list_view .tileFooter a { text-align: center;font: 700 normal 0.75rem/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; color: #94AFB5; transition: color .5s ease; border: 1px solid #94afb5; padding: .5rem 0.1rem; width: 7rem; display: inline-block;} .template-folder_list_view .tileFooter a:hover { background-color: rgba(0,0,0,.66); color: #FFFFFF; } /* =============================================================================== */ /*FOOTER*/ #portal-footer-wrapper{background-color:#a9c0c4;} #portal-footer-wrapper #portal-subscription{background-color:#f3f3f4;padding-top:1rem;padding-bottom:1rem;} #portal-footer-wrapper #portal-subscription strong{text-transform:uppercase;margin-top: .4rem;display:block;font-size:.85rem;} #portal-footer-wrapper #portal-subscription form .privacy{font-size:.8rem;margin-top: .5rem;} #portal-footer-wrapper #portal-subscription form .privacy a{text-decoration:underline;font-weight:600;color:#272727;} #portal-footer-wrapper #portal-subscription form .privacy a:hover { color: #a9c0c4; } #portal-footer-wrapper #portal-subscription form label { display: inline; font-size: 0.8125rem; margin: 0; float: none; } #portal-footer-wrapper #portal-subscription form input { margin-bottom: 1em; } #portal-footer-wrapper #portal-subscription form input[type="text"]::-webkit-input-placeholder { text-transform: lowercase; color: rgba(0,0,0,0.51); } #portal-footer-wrapper #portal-subscription form input[type="text"]::-moz-placeholder { text-transform: lowercase; color: rgba(0,0,0,0.51); } #portal-footer-wrapper #portal-subscription form input[type="text"]:-ms-input-placeholder { text-transform: lowercase; color: rgba(0,0,0,0.51); } #portal-footer-wrapper #portal-subscription form input[type="text"]::placeholder { text-transform: lowercase; color: rgba(0,0,0,0.51); } #portal-footer-wrapper #portal-subscription form input[type="submit"]{border:none;background:#272727;border:1px solid #272727;color:#FFFFFF;text-transform:uppercase;height: auto;padding: .4rem;font-size:.85rem; max-width: 12rem; display: block; margin: 0 auto; float: none;} #portal-footer-wrapper #portal-subscription form input[type="submit"]:hover { background-color: #94afb5; color: #FFFFFF; border-color: #94afb5; } #portal-footer-wrapper #portal-footer{padding-top:2rem;padding-bottom:2rem;text-transform:uppercase;font-size: .8rem;font-weight:700;} #portal-footer-wrapper #portal-footer a{color: white;margin-left:1rem;} #portal-footer-wrapper #portal-footer a.logoINAEM { margin-left: 0; } #portal-footer-wrapper #portal-footer .socialIcons .icon {color: #272727;font-size: 1rem; position: relative; top:2px;} #portal-footer-wrapper #portal-colophon nav { margin-bottom: 2rem;} #portal-footer-wrapper #portal-footer .socialIcons .icon:hover { color: #FFFFFF; } #portal-footer-wrapper #portal-colophon{padding-bottom:1.125rem;border-bottom:1px solid #9cb0b4;text-transform:uppercase;font-size: 12px;} #portal-footer-wrapper #portal-colophon h3 { font: 600 normal 12px/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; } #portal-footer-wrapper #portal-colophon a {color:#272727;} #portal-footer-wrapper #portal-colophon a:hover { color: #FFFFFF; } #portal-footer-wrapper #portal-colophon div>a{font-weight:700;} #portal-footer-wrapper #portal-colophon ul { margin-left: 0; } #portal-footer-wrapper #portal-colophon li { display: block; margin-left: 0; line-height: 1.25em; margin-bottom: 0.5em} #portal-footer-wrapper #portal-siteactions ul{margin:0;padding:1rem 0;} #portal-footer-wrapper #portal-siteactions li{ display: inline-block; vertical-align: top; width: 49%; text-align: left; line-height: 1.25em; margin-bottom: 0.5em; } #portal-footer-wrapper #portal-siteactions a{color:#272727;font-size: .75rem;font-weight:700;} .section-inicio #portal-footer-wrapper #portal-siteactions #siteaction-home a, .section-aviso-legal-y-privacidad #portal-footer-wrapper #portal-siteactions #siteaction-legal a, .template-sitemap #portal-footer-wrapper #portal-siteactions #siteaction-sitemap a, .template-accessibility-info #portal-footer-wrapper #portal-siteactions #siteaction-accessibility a, .template-contact-info #portal-footer-wrapper #portal-siteactions #siteaction-contact a, #portal-footer-wrapper #portal-siteactions a:hover { color: #FFFFFF;} #portal-footer-wrapper #portal-siteactions p{font-size:.7rem;} #btBackToTop { position: fixed; right: 1rem; bottom: 3rem; font-size: 1.25rem; z-index: 199; } #btBackToTop a { -webkit-transition:opacity .25s ease; transition: opacity .25s ease; display: block; border-radius: 500em; background-color: #f3f3f3; color: #626262; opacity: .8; line-height: 2.75rem; width: 2.75rem; text-align: center; } #btBackToTop a:hover { opacity: 1; color: #ffffff; background-color: #626262; } /* 640px and Up */ @media only screen and (min-width: 40em) { #portal-footer-wrapper #portal-subscription {} #portal-footer-wrapper #portal-subscription form input[type="submit"] { margin: 0; float: right; } #portal-footer-wrapper #portal-siteactions li { width: auto; text-align: center; } #portal-footer-wrapper #portal-siteactions a { margin:0 1rem; } #portal-column-content table.invisible td, #portal-column-content table.invisible th { padding:0 } #portal-column-content table img { margin:0 } } /* 1024px and Up */ @media only screen and (min-width: 64em) { .mySlider .video{background:none !important;} #portal-footer-wrapper #portal-footer .socialIcons .icon { font-size: 1.25rem; } #portal-footer-wrapper #portal-subscription strong { margin-top: 0; } #portal-footer-wrapper #portal-subscription form input { margin-bottom: 0; } } /* 1200px and Up */ @media only screen and (min-width: 75em) { #portal-footer-wrapper #portal-subscription strong { margin-top: 0.4rem; } } /* ---------------------------------------------------------------- FOUNDATION ADDONS ------------------------------------------------------------------- */ /* 1200px and Up */ @media only screen and (min-width: 75em) { .xlarge-1{width:8.33333%} .xlarge-push-1{position:relative;left:8.33333%} .xlarge-pull-1{position:relative;left:-8.33333%} .xlarge-offset-0{margin-left:0} .xlarge-2{width:16.66667%} .xlarge-push-2{position:relative;left:16.66667%} .xlarge-pull-2{position:relative;left:-16.66667%} .xlarge-offset-1{margin-left:8.33333%} .xlarge-3{width:25%} .xlarge-push-3{position:relative;left:25%} .xlarge-pull-3{position:relative;left:-25%} .xlarge-offset-2{margin-left:16.66667%} .xlarge-4{width:33.33333%} .xlarge-push-4{position:relative;left:33.33333%} .xlarge-pull-4{position:relative;left:-33.33333%} .xlarge-offset-3{margin-left:25%} .xlarge-5{width:41.66667%} .xlarge-push-5{position:relative;left:41.66667%} .xlarge-pull-5{position:relative;left:-41.66667%} .xlarge-offset-4{margin-left:33.33333%} .xlarge-6{width:50%} .xlarge-push-6{position:relative;left:50%} .xlarge-pull-6{position:relative;left:-50%} .xlarge-offset-5{margin-left:41.66667%} .xlarge-7{width:58.33333%} .xlarge-push-7{position:relative;left:58.33333%} .xlarge-pull-7{position:relative;left:-58.33333%} .xlarge-offset-6{margin-left:50%} .xlarge-8{width:66.66667%} .xlarge-push-8{position:relative;left:66.66667%} .xlarge-pull-8{position:relative;left:-66.66667%} .xlarge-offset-7{margin-left:58.33333%} .xlarge-9{width:75%} .xlarge-push-9{position:relative;left:75%} .xlarge-pull-9{position:relative;left:-75%} .xlarge-offset-8{margin-left:66.66667%} .xlarge-10{width:83.33333%} .xlarge-push-10{position:relative;left:83.33333%} .xlarge-pull-10{position:relative;left:-83.33333%} .xlarge-offset-9{margin-left:75%} .xlarge-11{width:91.66667%} .xlarge-push-11{position:relative;left:91.66667%} .xlarge-pull-11{position:relative;left:-91.66667%} .xlarge-offset-10{margin-left:83.33333%} .xlarge-12{width:100%} .xlarge-offset-11{margin-left:91.66667%} } /* 1600px and Up */ @media only screen and (min-width: 100em) { .row {/* max-width: 98rem;*/ } /* Bigger than ever */ } /* =============================================================================== */ /* PLONE BACKEND */ body.userrole-authenticated #portal-columns { } #login_form input[type='submit'] { -webkit-transition:background-color .25s ease; transition: background-color .25s ease;background-color:#272727; color: #FFFFFF; text-align: center; text-transform: uppercase; font-size: 0.9rem; font-weight: 700; padding: 0.62rem 1rem; width: 8.75rem; margin: 0 auto; display: block; border: none; cursor: pointer;} #login_form input[type='submit']:hover { background-color: #94afb5; } body.template-login_form #login-form div.field label { font: 500 normal 0.75rem/1em 'Gotham SSm A','Gotham SSm B', sans-serif; } body #content .pullquote, body .portletStaticText .pullquote { font-weight: 400; } a.internal-link, a.external-link { border-bottom: 1px solid; padding-bottom: .125em; } #content-core .invisible th, #content-core .plain th, #content-core .listing th { font: 600 normal 0.8em/1.25em 'Gotham SSm A','Gotham SSm B', sans-serif; text-transform: uppercase; padding: 1em; } #content ul ul { list-style-type: circle; } #content .two-columns ul, #content .two-columns div, #content .two-columns p { -webkit-column-break-inside: avoid; break-inside: avoid-column;} #content .two-columns div { margin-bottom: .5em;} .two-columns .two-columns { -webkit-columns: 1 ;-moz-columns: 1 ; columns: 1 ; -webkit-column-gap: 0;-moz-column-gap: 0; column-gap: 0; } #content-core table { font-size: .75rem; } #content-core table tbody td, #content-core table tbody th { padding: .5em; } /* 640px and Up */ @media only screen and (min-width: 40em) { #content-core table { font-size: 1.125rem; } #content-core table tbody td, #content-core table tbody th { padding: .5rem .625rem .625rem; } } #portal-column-content .image-inline {margin: .5rem;} /*ABONO VIEW*/ aside#obras, section#obras {margin-top: 70x;} aside#obras h4, section#obra h4 { text-align: center;} .plano_sala {text-align: center;} #obras .obrasList h4:only-child {display: none;}