/* Theme Name: Toraemet Theme Description: Toramet Theme Version: 1.0 Author: Josue Herrera Author URI: License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: toraemet */ /** * INDEX * 01. Global Styles * 02. Flex Grid * 03. Typography * 04. Buttons * 05. Forms * 07. Tables * 08. Header * 09. Footer * 10. Navigation * 11. WordPress classes * 12. Accessibility * 13. Content * 13.1. Featured Image * 13.2. Content * 13.3. 404 Page * 13.4. Post Password Form * 13.5. Comments * 13.6. Page * 13.7. Post Type: Equipo * 13.8. Shortcodes * 13.9. Author Bio * 13.10. Search Form * 13.11. Scroll to Top Button * 13.12. Portfolio * 14. Sidebar * 14.1. Sidebar * 14.2. Footer Sidebar * 15. Editor Styles * 15.1 Color Palette * 15.2 Font Sizes * 16. Blocks * 16.1. Buttons */ /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ /* -- 01. Global Styles */ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ :root{ --font-oficial:'Poppins', sans-serif; --font-size-peque: 11px; --font-size-menu: 1em; --font-size-textos: 14px; --font-size-regular: 16px; --font-size-title : 32px; --font-size-title-interior: 18px; --backgroungColorRimac : #5C2710; --backgroundColorRimacClaro : #B24B1F; --backgrounfColorRimacMasClaro: #E0794D; --backgroundColorRimacClarodoble: #E79774; --backgrounfColorAmarillento: #F4D1C2; --backgroundColorNegro: #333; --iconos-web: url(img/iconos.png) no-repeat; --opacidad-nav: transparent; --position:0; } *{box-sizing: border-box;} .rebootmarginMisiones{margin: 0 auto 20% !important;} .rompePaddingMarginMisiones{padding: 0 0 50px 0 !important; margin: 0 !important;} .imagen-1Parallax img.bgHeaderPage{ transform: translateY(var(--position)); } .content-margin{width: 70%;margin: 10px auto 30px;} .content-margin img{width: 100%;} #html_element_captchaRimac{margin: 0 auto 10px;width: 100% !important;} #html_element_captchaRimac > div {width: 320px !important; margin: 0 auto;} .swal2-modal{font-family: var(--font-oficial) !important; } .swal2-confirm{cursor: pointer; padding: 10px; background-color: var(--backgroungColorRimac) !important; color: #fff; border: 1px solid var(--backgroungColorRimac) !important; border-radius: 4px !important; font-size: var(--font-size-textos) !important; width: 160px;} html { font-family: var(--font-oficial); /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ margin: 0; padding: 0; box-sizing:border-box; } #page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; z-index: 99999; margin: 0; padding: 0; border: none; } #page-loader .preloader-interior { display: block; position: relative; left: 50%; top: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--backgroundColorRimacClarodoble); -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #page-loader .preloader-interior:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--backgroungColorRimac); -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #page-loader .preloader-interior:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--backgroundColorRimacClaro); -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } .secLogoPl{ width: 140px; height: 71px; position: absolute; top: 50%; left: 50%; margin-left: -70px; margin-top: -35px; } .carousel__contenedor { position: relative; } #section-initial-home{width: 100%;} .carousel__anterior, .carousel__siguiente { position: absolute; display: block; width: 30px; height: 30px; border: none; top: calc(50% - 35px); cursor: pointer; line-height: 30px; text-align: center; background: none; color: #fff; opacity: 20%; } .carousel__anterior:hover, .carousel__siguiente:hover { opacity: 100%; } .carousel__anterior { left: -30px; } .carousel__siguiente { right: -30px; } .carousel__lista { overflow: hidden; } .carousel__elemento { text-align: center; } .carousel__indicadores .glider-dot { display: block; width: 30px; height: 4px; background: #fff; opacity: .2; border-radius: 0; } .carousel__indicadores .glider-dot:hover { opacity: .5; } .carousel__indicadores .glider-dot.active { opacity: 1; } @media screen and (max-width: 800px) { body { padding: 40px 0; } .contenido-principal { flex-direction: column; } .contenido-principal > * { width: 100%; } } .homeParallax{height: 345px;} .homeParallax img{object-fit: cover;} .content-redes-toraemet-item{flex-grow: 1;display: flex;flex-direction: column;} .fondoBlanco{background: #fff !important;color:#333;box-shadow: 0px 1px 10px #bbb;} .fondoHomeMenu{background: transparent;color: #fff;} .fondoBlanco .main-navigation ul.menu li a{color: #333 !important;} .fondoBlanco .main-navigation ul.menu li a:hover{color: var(--backgrounfColorRimacMasClaro) !important;} .fondoHomeMenu .main-navigation ul.menu li a{color: #fff;} .fondoHomeMenu .main-navigation ul.sub-menu li a{color: #333;} .fondoHomeMenu .main-navigation ul.sub-menu li a:hover{color: #fff !important;} .navigation-main-menu .main-navigation ul.menu li.current_page_item a::after{content: "";display: block; width: 20px; margin: 0 auto; height: 4px; background: var(--backgroungColorRimac);} #section-eventos-noticias{margin: 20px auto; width: 100%; background: #f6f6f6;font-size: 14px;} #section-eventos-noticias span#title-eventos-noticias{font-size: var(--font-size-title);text-align: center;display: block;font-weight: 200;} #section-eventos-noticias #content-eventos-noticias{width: 90%;margin: 20px auto; display: flex;align-items: center; justify-content: center;} #section-eventos-noticias #content-eventos-noticias h1{font-size: var(--font-size-title-interior);text-align: center;margin: 5px auto;font-weight: 500;line-height: 1.2; max-height: 3.6rem; overflow: hidden;} #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos{width:31%; margin: 1%;text-align: center;background: #fff;display: flex; flex-direction: column; align-self: stretch;} #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos .content-text-eventos-noticias{display: flex;flex-flow: column;flex-grow: 1;} #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos .section-eventos-noticias-imagen-destacada{margin: 0 0 10px 0;} #section-eventos-noticias #content-eventos-noticias .entry-content p{font-size: var(--font-size-textos);line-height: 18px;text-align: justify;font-weight: 300; padding: 0 15px;} #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos .section-eventos-noticias-imagen-destacada{width: 100%; height: 226px;overflow: hidden;} #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos .section-eventos-noticias-imagen-destacada img{width: 100%;text-align: center; object-fit: cover;height: 226px;} #section-redes-rimac .section-redes-by-redes{display: flex;margin: 20px auto 10px; width: 90%;align-items: center;justify-content: center;} #section-redes-rimac .section-redes-by-redes a{display: block; width: 35px; height: 35px;margin: 2px;background: var(--iconos-web);text-indent: -15em; overflow: hidden;} #section-redes-rimac .section-redes-by-redes a.l-whatsapp{background-position: -116px -202px;} #section-redes-rimac .section-redes-by-redes a.l-facebook{background-position: -117px -243px;} #section-redes-rimac .section-redes-by-redes a.l-whatsapp:hover{background-position: -77px -202px;} #section-redes-rimac .section-redes-by-redes a.l-facebook:hover{background-position: -78px -243px;} #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos .entry-fecha-noticia{font-size: 12px;color: #E6C10B;font-weight: 500;} .sidebar {margin: 40px 0 0 0;} .alineadorFlexHome{display: flex;flex-direction: column;flex-grow: 1;} .alineadorFlexHome p:first-child{flex-grow: 1} .alineadorFlexHome p{padding: 0;} .alineadorFlexHomeTitle{height: 100px ;} #main{margin: 40px 0 0 0;} .site-header h1.site-title a{color:#fff;} .site-branding{filter: brightness(50%);} #section-texto-logo-1{margin: 80px auto 0px;} #section-logo-menu-initial{} #section-logo-menu-initial a{height: 72px;display: flex;padding: 0;} #section-logo-menu-initial a img{margin-top: 5px;} /* redes */ .resp-container { position: relative; overflow: hidden; padding-top: 60%; } .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .rompeTituloCursivo{font-style: italic;text-align: center;display: block;width: 100%;} .rompeDescrptionMisiones{height: auto !important;justify-content: center;} .bg-banderas-misionesflotante{background: url(img/background-banderas.png) no-repeat;width: 100%;position: absolute;top: 0;left: 0;height: 100%;background-size: cover;opacity: .1;} .rompeDescrptionMisiones .misiones-description-layout-img{} .rompeDescrptionMisiones .misiones-description-layout-img img{width: 140px} .rompeDescrptionMisiones .misiones-description-layout-text{} .rompeDescrptionMisiones .misiones-description-layout-text span{display: initial !important;font-weight: 600;} .section-misiones-body-header-1{width: 100%;position: relative;} .ocultate-imagen{opacity: 0;} .rompeLineasMisiones::before, .rompeLineasMisiones::after{display: none !important;} .rompeCentroLetrasMisiones{display: flex;flex-direction: column;justify-content: center;} .section-misiones-body-header-1 .title-banner-toraemet{} #section-initial-home video{display: block;} #section-redes-rimac{display: flex; width: 95%; margin: 10px auto; flex-wrap: wrap;justify-content: center;} #section-redes-rimac .redes-toraemet-item{width: 18%; margin: 1%; min-height: 400px;border: 1px solid #ccc;border-bottom-left-radius: 20px 20px;border-bottom-right-radius:20px 20px;display: flex;flex-direction: column;} #section-redes-rimac .redes-toraemet-item img{width: 100%; display: block; margin: 0px 0 10px 0;} #section-redes-rimac .redes-toraemet-item .title-red-item{display: block;font-size: var(--font-size-menu);text-align: center;font-weight: 600;} #section-redes-rimac .redes-toraemet-item .description-red-item{display: block;width: 90%;font-size: var(--font-size-textos);margin: 5px auto;text-align: center;line-height: 16px; font-weight: 300;} .btn-white-home-1{position: relative;margin: 10px 0 10px 0;background: #fff;padding: 10px;border: 1px solid #ccc;border-radius: 5px;cursor: pointer;width: 220px;overflow: hidden;text-indent: -20px;} .btn-white-home-1::after{content: '';width: 32px; height: 32px; background:var(--iconos-web);position: absolute; top: 50%;transform: translate(0%, -50%);right: 10px;background-position: -60px -14px;font-size: var(--font-size-regular);} .reboot-margin-all{margin: 0 !important;width: 100% !important;display: block !important;text-align: center;padding: 20px 0;} /* SECTION BANNERS*/ .section-banner-without-guion-toraemet{display: flex; width: 80%; margin: 20px auto;} .section-banner-without-guion-toraemet div{width: 48%; margin: 1%;text-align: center;} .section-banner-without-guion-toraemet img{width: 100%;} .section-banner-without-guion-toraemet span.title-section-banner-super1{display: block;font-size: var(--font-size-title);font-weight: 400;line-height: 40px;} .section-banner-without-guion-toraemet span.description-section-banner{display: block;font-size: var(--font-oficial);margin: 20px 0 10px 0;line-height: 30px;font-weight: 300;} #section-initial-home video{width: 100%;} .section-bg-color-toraemet{background: var(--backgroungColorRimac); color:#fff;} .section-banner-iacrymrimac{ padding: 30px 0 50px 0; width: 100%; position: relative;margin: 30px 0;} .section-banner-iacrymrimac #section-cultos-rimac{display: flex; width: 80%; margin: 10px auto;} .section-banner-iacrymrimac #section-cultos-rimac .item-cultos-rimac{text-align: center;width: 48%; margin: 1%;} .section-banner-iacrymrimac #section-cultos-rimac .item-cultos-rimac img{ width: 100%;} .section-banner-iacrymrimac #section-cultos-rimac .item-cultos-rimac span.item-title-culto-rimac{font-weight: 600;display: block;font-size: var(--font-size-title-interior);color: var(--backgroungColorRimac);} .section-banner-iacrymrimac #section-cultos-rimac .item-cultos-rimac span.item-description-culto-rimac{display: block;font-size: var(--font-size-textos);line-height: 25px;font-weight: 400;margin: 20px 0 0 0;} .section-banner-iacrymrimac::before{ content: ''; display: block; width: 50px; height: 3px; margin: 0 auto 20px; background: var(--backgroungColorRimac); position: absolute; top:20px; left: 50%; transform: translate(-50%, 0); } /* header playlist */ /*#header-playlist-logo{width: 100%;margin: 0;display: flex;} #header-playlist-logo > div {width: 50%;} #header-playlist-logo > div img{width: 100%;} #header-playlist-logo div:nth-child(2){background: url(img/logo-playlist2.png) rgba(255, 255, 255, 0.3) no-repeat;background-size: cover;} #header-playlist-logo > div span{display: block;width: 90%;margin: 0 auto;color: var(--backgroungColorRimac);text-align: center;padding: 260px 0 0 0;font-style: italic; font-weight: 500;}*/ .bgplaylist{background: url(img/logo-playlist4.png) no-repeat;background-size: cover;margin: 0 !important;} .formulario-rimac-inscripcion{margin: 10px auto;width: 55%;} .formulario-rimac-inscripcion iframe{display: block;height: 100vh;width: 100%;} .content-title-mensaje-italic{width: 80%; margin: 40px auto; font-style: italic; text-align: center;} .content-text-by-background{width: 80%; margin: 0 auto;} .content-text-by-background p{margin: 10px 0; text-align: center; color: #fff;} .reconfSecion-background-text{} #section-especial-jesus{width: 100%;} .content-section-especial-jesus{width: 100%;margin: 0 auto;} .content-section-especial-jesus .item-section-especial-jesus{height: 100px;display: flex;align-items: center;width: 70%; margin: 0 auto;} .content-section-especial-jesus .item-section-especial-jesus span{display: block;} .content-section-especial-jesus .item-section-especial-jesus span:first-child{font-size: var(--font-size-title);padding: 0 20px 0 0;} .content-section-especial-jesus .item-section-especial-jesus span:nth-child(2){line-height: 20px;} .content-section-especial-jesus .item-section-especial-jesus span:nth-child(3){line-height: 20px; margin-left: auto;width: 140px;text-align: right;} .content-section-especial-jesus .full-width-item-section-especial-jesus{width: 100%;} .content-section-especial-jesus div.full-width-item-section-especial-jesus:nth-child(even){background: #e0e1e3;} .add-line-to-end-section-banner::after{content: ''; display: block; width: 50px; height: 3px; margin: 0 auto 20px; background: var(--backgroungColorRimac); position: absolute; bottom:20px; left: 50%; transform: translate(-50%, 0);} .section-bg-color-toraemet::before{top:-20px !important;} .section-banner-iacrymrimac span.title-banner-toraemet{text-align: center;font-size: var(--font-size-title);display: block;margin: 0;font-weight: 500;} .section-banner-iacrymrimac span.description-banner-toraemet{text-align: center;font-size: var(--font-oficial);display: block; width: 70%; margin: 0 auto;line-height:var(--font-size-title);} .rompemarginByCades{margin: 0 auto;} #section-cades{width: 100%;background: #f7fce8;} #content-cades-width{display: flex;width: 90%; margin: 20px auto 0;padding: 10px 0;} #content-cades-width > div{margin: 20px;} #content-cades-width #sc-section1{width: calc(40% - 10px);align-items: center;display: flex;} #content-cades-width #sc-section1 .sectionGalleryIacym{width: 100% !important;margin: 0 auto !important;} #content-cades-width #sc-section2{width: calc(60% - 10px);} #content-cades-width #sc-section2 .sc-section-header-logo{display: flex;} #content-cades-width #sc-section2 .sc-section-header-logo img{} #content-cades-width #sc-section2 .content-description-cades{} #content-cades-width #sc-section2 .content-description-cades .item-text-description-cades{text-align: center;margin: 10px auto;font-size: var(--font-size-textos);color: var(--backgroungColorRimac);} #content-cades-width #sc-section2 .content-description-cades .item-text-description-cades span{font-weight: 800;font-style: italic;} .section-suelta{width: 80%;text-align: center;margin: 40px auto 15px;font-size: var(--font-size-title-interior);line-height: 30px;color: var(--backgroungColorRimac);font-style: italic;} /* reproductor */ #content-radio{font-size: 14px; display: flex;} #content-radio audio{display: block; margin: 0 auto;} #content-reproductor{background:#555;width:400px;padding:5px;margin: 0 auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #content-reproductor li a{text-decoration: none;background: #555;color: #fff;font-size: var(--font-size-peque);font-weight: 200;} #playlist{list-style: none;margin: 0 auto;display: block;padding: 20px;} #content-reproductor li.active a {color:#5DB0E6;text-decoration:none;} #content-reproductor li a:hover{color:#EA6A59} #song_elegida{padding: 10px 20px;margin: 0 auto;font-weight: bold; color:#fff;} .mensaje{width:80%; margin: 20px auto;text-align: center;} .letraContent{width:80%; margin: 20px auto;text-align: center;} #content-radio{width:80%;margin: 5px auto;} #side-l{width:49%;} #side-r{width:49%;position: relative;font-weight: 200;font-size: var(--font-size-textos)} #sectionLetras{background: #EA6A59;padding: 10px;color: #fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #side-r #sectionLetras pre{font-weight: 200;font-size: var(--font-size-textos);} .cancionzona{color: #Ffc;text-align: center;padding: 10px;} .printMe{width: 65px;font-size: 12px;padding: 10px;display: block;position: absolute;top: 55px;background: #EA6A59;border: 0px;left: -56px;border-radius: 10px;color: #ffc;font-weight: bold;} @media (max-width: 1200px){ #side-l, #side-r{width:80%; margin: 5px auto;display:block;float:none;} } @media (max-width: 600px){ #side-l, #side-r{width:90%; margin: 5px auto;display:block;float:none;} #content-reproductor{width:95%;} #content-radio{width:95%;} #side-r{margin:30px auto 0 !important;} .printMe{top:-18px;left:0;} } #icons-redes-sociales-toraemet{position: absolute;bottom: 1%;display: flex;right: 50%;transform: translate(0, 50%);} #icons-redes-sociales-toraemet a{display: block;background: var(--iconos-web); width:35px; height: 35px;text-indent: -15em; overflow: hidden;} #icons-redes-sociales-toraemet a#redes-sociales-facebook{background-position:-117px -243px;} #icons-redes-sociales-toraemet a#redes-sociales-facebook:hover{background-position: -78px -243px;} #contacto-page-toraemet{margin: 40px auto;display: flex; width: 80%;} #contacto-page-toraemet h2{font-size: var(--font-size-title);font-weight: 400;} #contacto-page-toraemet #form-contacto-page-toraemet{width: 48%; margin: 1%} #contacto-page-toraemet #form-contacto-page-toraemet table{} #contacto-page-toraemet #form-contacto-page-toraemet table tbody tr:nth-child(even) {background: #fff !important;} #contacto-page-toraemet #form-contacto-page-toraemet table thead, tbody, tfoot {border: 0 !important;} #contacto-page-toraemet #form-contacto-page-toraemet input{} #contacto-page-toraemet #form-contacto-page-toraemet textarea{resize: none; height: 150px;} #contacto-page-toraemet #form-contacto-page-toraemet div{width: 95%;display: flex;flex-direction: column;align-items: center;} .buttonMail{cursor: pointer;padding: 10px;background: var(--backgroungColorRimac);color: #fff;border: 1px solid var(--backgroungColorRimac); border-radius: 4px !important;font-size: var(--font-size-textos); width: 160px; } .content-white-toraemet{margin: 20px auto;width: 100%;} .content-white-toraemet span{display: block;margin: 10px auto; width: 70%;font-size: var(--font-size-menu);text-align: center;} .content-white-toraemet a.buttonMail{margin: 10px auto;margin: 10px auto;display: block;text-align: center;} #contacto-page-toraemet #ubicacion-contacto-page-toraemet{width: 45%; margin-left: auto;} #contacto-page-toraemet #ubicacion-contacto-page-toraemet .contactus-alterContact{font-size: 15px;font-weight: normal;} #contacto-page-toraemet #ubicacion-contacto-page-toraemet .contactus-alterContact ol:nth-child(1)::before {background-position: -15px -126px;} #contacto-page-toraemet #ubicacion-contacto-page-toraemet .contactus-alterContact ol:nth-child(2)::before {background-position: -11px -70px;} #contacto-page-toraemet #ubicacion-contacto-page-toraemet .contactus-alterContact ol:nth-child(3)::before {background-position: -10px -14px;} /* footer rimac */ .footer #side-footer-rimac{display: flex;width: 90%;margin: 0 auto 50px;} .bg-iconos-footer-toraemet{} .bg-iconos-footer-toraemet ol{display: flex;margin: 8px 0;} .bg-iconos-footer-toraemet ol::before{ content: ""; width: 32px; height: 32px; display: inline-flex; background: var(--iconos-web); margin: 0 20px 0 -20px; } .bg-iconos-footer-toraemet ol:nth-child(1)::before {background-position: -15px -353px;} .bg-iconos-footer-toraemet ol:nth-child(2)::before {background-position: -17px -188px;} .bg-iconos-footer-toraemet ol:nth-child(3)::before {background-position: -15px -243px;} .footer #side-footer-rimac .content-footer-rimac-item{width: 33%;padding: 30px;} .footer #side-footer-rimac .content-footer-rimac-item .title-footer-item::after{content: "";width: 50px;height: 1px;background: var(--backgroungColorRimac);display: block;margin: 0 0 15px 0;} .footer #side-footer-rimac .content-footer-rimac-item span.title-footer-item{margin: 0 20px 0 0;font-weight: 500;display: block;font-size: var(--font-size-title-interior);} .footer #side-footer-rimac .content-footer-rimac-item span{} .footer #side-footer-rimac .content-footer-rimac-item img{width: 100%;} #aboutus-conocemos-cristo{height: 500px; width: 100%;position: relative;overflow: hidden;} #aboutus-conocemos-cristo img{width: 100%;} #aboutus-conocemos-cristo img#imgsrc-aboutus-conocemos-cristo{filter: brightness(50%);} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-title{text-align: center;font-size: var(--font-size-title);color: #fff;font-weight: 400;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items{width: 90%; margin: 0 auto;display: flex;text-align: center;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items .item-conocemos-cristo{width: 22%;margin: 1%;font-weight: bold;text-align: center;border: 5px solid #fff;background: #e8e8e8;display: flex;flex-direction: column;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items .item-conocemos-cristo .section-img-conocemos-cristo{width: 65%; margin: 0 auto;height: 180px;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items .item-conocemos-cristo .section-title-conocemos-cristo{color: var(--backgroungColorRimac);line-height: 25px;width: 80%;margin: 0 auto;font-size: var(--font-size-title-interior);font-weight: 600;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items .item-conocemos-cristo .section-verse-conocemos-cristo{color: var(--backgroundColorNegro);font-size: var(--font-size-textos);font-weight: 400;margin-top: auto;} #aboutus-ultimo-tierra{height: 400px; width: 100%;position: relative;overflow: hidden;} #aboutus-ultimo-tierra img{width: 100%;opacity: 0.5;} #aboutus-ultimo-tierra #content-aboutus-ultimo-tierra{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;color: var(--backgroungColorRimac);line-height: 25px;width: 70%;font-weight: 500;text-align: center;font-size: var(--font-size-title-interior);} .header-page-customize-rimac{width: 100%; height: 350px;position: relative;overflow: hidden;} .header-page-customize-rimac img.bgHeaderPage{width: 100%;} .header-page-customize-rimac .content-header-customize-rimac{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;} .header-page-customize-rimac .content-header-customize-rimac img.centerHeaderText{width: 100%;} #section-logo-menu-initial{animation: pulse 4s linear infinite;} @-webkit-keyframes "pulse" { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); } 70% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); } } @-webkit-keyframes "buttonHoverMail" { from{box-shadow: 0 0 10px 1px #C64E45} to{box-shadow: 0 0 25px 5px #C64E45} } .buttonMail:hover, .buttonMail:focus, .button:hover, .button:focus{animation: buttonHoverMail .5s infinite alternate;color:#ECFA2F !important;} .buttonMail:active, .button:active{color:#fff !important;} /* section galeria */ /*****************************************************/ .flotarGaleria{position: absolute;bottom: 0;width: 100%;z-index: 1;} .sectionGalleryIacym{position: relative; width: 56% !important; margin: -30px auto 0;} * {box-sizing:border-box} /* Slideshow container */ .sectionGalleryIacym .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Hide the images by default */ .sectionGalleryIacym .mySlides { display: none; } /* Next & previous buttons */ .sectionGalleryIacym .prev, .sectionGalleryIacym .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .sectionGalleryIacym .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .sectionGalleryIacym .prev:hover, #sectionGalleryIacym .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .sectionGalleryIacym .text { color: #fff; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; text-align: center; background: #000; left: 50%; transform: translate(-50%, 0); } /* Number text (1/3 etc) */ .sectionGalleryIacym .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .sectionGalleryIacym .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .sectionGalleryIacym .active, .sectionGalleryIacym .dot:hover { background-color: #717171; } /* Fading animation */ .sectionGalleryIacym .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /*****************************************************/ /* final galeria */ .content-video-youtube{margin: 40px auto !important;} .aboutus-mision-vision{width: 80%; margin: 40px auto;} .aboutus-mision-vision .header-aboutus-mision-vision{text-align: center;font-size: var(--font-size-title);font-weight: 500;} .aboutus-mision-vision .content-aboutus-mision-vision{background: #fbfbfb;border-left: 8px solid var(--backgroungColorRimac);padding: 20px;line-height: 25px;text-align: justify;font-size: var(--font-oficial);font-weight: 300;} .aboutus-mision-vision .content-aboutus-mision-vision::before{ content: ""; width: 80px; height: 75px; background: var(--iconos-web); display: block; background-position: -60px -47px; } article .post-title a{font-weight: 500px;} article .entry-content p{font-size: var(--font-size-regular);font-weight: 300;word-wrap: break-word;} article .entry-content time{font-size: var(--font-size-textos);font-weight: 500;} article .entry-content span.byauthor a{font-size: var(--font-size-textos);font-weight: 500;} .sidebar ul li a{font-size: var(--font-size-textos);font-weight: 400;} .sidebar ul li span{font-size: var(--font-size-peque);;font-weight: 400;} #comments h2.comments-title{font-size: var(--font-size-title);font-weight: 300;} #respond #reply-title{font-weight: 500;color: var(--backgroundColorRimacClarodoble);} #respond .comment-form .comment-notes, #respond .comment-form label{font-size: var(--font-size-textos);font-weight: 300;} .loop-noticiasRimac{width: 80%;} .loop-noticiasRimac section{display: flex;align-items: stretch;justify-content: center !important; margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;padding: 20px;background: #fcfcfc;border-radius: 20px;} .loop-noticiasRimac section.noticias .featured-image{width: 47%;margin: 1%;} .loop-noticiasRimac section.noticias .post-content{width: 47%;margin: 1%;} .loop-noticiasRimac section.noticias .post-content h2.post-title{font-size: var(--font-size-title-interior);margin: 10px !important;padding: 0 !important;} .loop-noticiasRimac section.noticias .post-content h2.post-title::after{height: 0 !important;} .loop-noticiasRimac section.noticias .post-content p, .info-noticia section.noticias .post-content p{font-size: var(--font-size-regular) !important;text-align: justify;} .loop-noticiasRimac section.noticias .post-content .noticia-evento, .info-noticia section.noticias .post-content .noticia-evento{font-size: var(--font-size-regular); font-weight: 200;} .loop-noticiasRimac section.noticias .post-content .noticia-evento .fecha-noticia, .info-noticia section.noticias .post-content .noticia-evento .fecha-noticia{color:#E6C10B; font-weight: 500;} .info-noticia section.noticias .featured-image img{width: 100%;} .info-noticia section.noticias .post-content .noticia-evento{text-align: center;} .info-noticia section.noticias .post-content h1.post-title::after{} .info-noticia section.noticias .post-content h1.post-title{margin-bottom: 15px;} p.read-more{display: block;} p.read-more .button{display: block;margin: 0 auto;width: 90px;font-size: var(--font-size-peque);} /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; padding: 0; box-sizing:border-box; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { } html { box-sizing: border-box; font-size: 19px; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-weight: normal; line-height: 2.2; color: var(--backgroundColorNegro); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput="mouse"] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-weight: 500; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: var(--backgroundColorRimacClaro); } [data-whatinput="mouse"] a:focus, button:focus [data-whatinput="touch"] a:focus, button:focus { outline: none; } /* -- 02. Flex Grid */ .row { --max-width: 63.15789rem; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row { margin-right: -0.52632rem; margin-left: -0.52632rem; } @media print, screen and (min-width: 40em) { .row .row { margin-right: -1.84211rem; margin-left: -1.84211rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -1.84211rem; margin-left: -1.84211rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; } .column, .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.52632rem; padding-left: 0.52632rem; min-width: 0; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 1.84211rem; padding-left: 1.84211rem; } } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .small-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .small-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .small-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.52632rem; padding-left: 0.52632rem; } @media print, screen and (min-width: 40em) { .medium-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .medium-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 1.84211rem; padding-left: 1.84211rem; } } @media print, screen and (min-width: 64em) { .large-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .large-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1.84211rem; padding-left: 1.84211rem; } } .shrink { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 1.05263rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 3.68421rem; } .column-block > :last-child { margin-bottom: 0; } } /* -- 03. Typography */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 2.2; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 700; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-style: normal; font-weight: bold; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: var(--font-size-title); font-weight: 300; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; } h2, .h2 { font-size: 1.21053rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; } h3, .h3 { font-size: 1.15789rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; } h4, .h4 { font-size: 1.10526rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; } h5, .h5 { font-size: 1.05263rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: var(--font-size-title); } h2, .h2 { font-size: var(--font-size-title); } h3, .h3 { font-size: var(--font-size-menu); } h4, .h4 { font-size: var(--font-size-menu); } h5, .h5 { font-size: var(--font-size-menu); font-weight: 600; } h6, .h6 { font-size: var(--font-size-menu); } } a { line-height: inherit; color: var(--backgroungColorRimac); text-decoration: none; cursor: pointer; } a:hover, a:focus { color: var(--backgroundColorRimacClaro) !important; } a img { border: 0; } hr { clear: both; max-width: 63.15789rem; height: 0; margin: 1.05263rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 2.2; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.8rem; font-weight: 700; } blockquote { margin: 0 0 1rem; padding: 0.47368rem 1.05263rem 0 1rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 2.2; color: #8a8a8a; } cite { display: block; font-size: 0.68421rem; color: #8a8a8a; } cite:before { content: "— "; } abbr, abbr[title] { border-bottom: 1px dotted var(--backgroundColorNegro); cursor: help; text-decoration: none; } figure { margin: 0; } code { padding: 0.10526rem 0.26316rem 0.05263rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-weight: normal; color: var(--backgroundColorNegro); } kbd { margin: 0; padding: 0.10526rem 0.21053rem 0; background-color: #e6e6e6; color: var(--backgroundColorNegro); } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 23.75px; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } /* -- 04. Buttons */ .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 5px; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: var(--font-size-regular); line-height: 1; text-align: center; cursor: pointer; background-color: var(--backgroungColorRimac); color: #fefefe; font-weight: 400; } [data-whatinput="mouse"] .button { outline: 0; } .button:hover, .button:focus { background-color: var(--backgrounfColorRimacMasClaro); color: #fefefe; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button.primary { background-color: var(--backgroungColorRimac); color: var(--backgroundColorNegro); } .button.primary:hover, .button.primary:focus { background-color: var(--backgroundColorRimacClarodoble); color: var(--backgroundColorNegro); } .button.secondary { background-color: #2758a1; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #1f4681; color: #fefefe; } .button.success { background-color: #3adb76; color: var(--backgroundColorNegro); } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: var(--backgroundColorNegro); } .button.warning { background-color: #ffae00; color: var(--backgroundColorNegro); } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: var(--backgroundColorNegro); } .button.alert { background-color: #cc4b37; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #fefefe; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: var(--backgroungColorRimac); color: #fefefe; } .button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; } .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: var(--backgroungColorRimac); color: var(--backgroundColorNegro); } .button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; } .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #2758a1; color: #fefefe; } .button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; } .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: var(--backgroundColorNegro); } .button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; } .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: var(--backgroundColorNegro); } .button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; } .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cc4b37; color: #fefefe; } .button.hollow { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #883a07; color: #883a07; } .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.hollow.primary { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #883a07; color: #883a07; } .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.hollow.secondary { border: 1px solid #2758a1; color: #2758a1; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #142c51; color: #142c51; } .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { border: 1px solid #2758a1; color: #2758a1; } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.alert { border: 1px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; } .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; } .button.clear { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.clear, .button.clear:hover, .button.clear:focus { background-color: transparent; } .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { background-color: transparent; } .button.clear:hover, .button.clear:focus { border-color: #883a07; color: #883a07; } .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { border-color: transparent; } .button.clear.primary { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.clear.primary:hover, .button.clear.primary:focus { border-color: #883a07; color: #883a07; } .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border: 1px solid var(--backgroungColorRimac); color: var(--backgroungColorRimac); } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border-color: transparent; } .button.clear.secondary { border: 1px solid #2758a1; color: #2758a1; } .button.clear.secondary:hover, .button.clear.secondary:focus { border-color: #142c51; color: #142c51; } .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border: 1px solid #2758a1; color: #2758a1; } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border-color: transparent; } .button.clear.success { border: 1px solid #3adb76; color: #3adb76; } .button.clear.success:hover, .button.clear.success:focus { border-color: #157539; color: #157539; } .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border: 1px solid #3adb76; color: #3adb76; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border-color: transparent; } .button.clear.warning { border: 1px solid #ffae00; color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { border-color: #805700; color: #805700; } .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border-color: transparent; } .button.clear.alert { border: 1px solid #cc4b37; color: #cc4b37; } .button.clear.alert:hover, .button.clear.alert:focus { border-color: #67251a; color: #67251a; } .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border-color: transparent; } .button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after { border-top-color: var(--backgroungColorRimac); } .button.dropdown.hollow.primary::after { border-top-color: var(--backgroungColorRimac); } .button.dropdown.hollow.secondary::after { border-top-color: #2758a1; } .button.dropdown.hollow.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after { border-top-color: #cc4b37; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } /* -- 05. Forms */ [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.64211rem; margin: 0 0 0.84211rem; padding: 0.42105rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(51, 51, 51, 0.1); font-size: 0.84211rem; font-weight: normal; line-height: 2.2; color: var(--backgroundColorNegro); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type="submit"], [type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type="search"] { box-sizing: border-box; } [type="file"], [type="checkbox"], [type="radio"] { margin: 0 0 0.84211rem; } [type="checkbox"] + label, [type="radio"] + label { display: inline-block; vertical-align: baseline; margin-left: 0.42105rem; margin-right: 0.84211rem; margin-bottom: 0; } [type="checkbox"] + label[for], [type="radio"] + label[for] { cursor: pointer; } label > [type="checkbox"], label > [type="radio"] { margin-right: 0.42105rem; } [type="file"] { width: 100%; } label { display: block; margin: 0; font-size: 0.89474rem; font-weight: normal; line-height: 1.8; color: var(--backgroundColorNegro); } label.middle { margin: 0 0 0.84211rem; padding: 0.47368rem 0; } .help-text { margin-top: -0.42105rem; font-size: 0.68421rem; font-style: italic; color: var(--backgroundColorNegro); } .input-group { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 0.84211rem; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: var(--backgroundColorNegro); text-align: center; white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: auto; -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding-top: 0; padding-bottom: 0; font-size: 0.84211rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.42105rem; } .fieldset { margin: 0.94737rem 0; padding: 1.05263rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.15789rem; padding: 0 0.15789rem; } select { height: 2.64211rem; margin: 0 0 0.84211rem; padding: 0.42105rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 0.84211rem; font-weight: normal; line-height: 2.2; color: var(--backgroundColorNegro); background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -0.84211rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.26316rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.42105rem; margin-bottom: 0.84211rem; font-size: 0.63158rem; font-weight: 700; color: #cc4b37; } .form-error.is-visible { display: block; } /* -- 06. Responsive embeds */ .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 0.84211rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } /* -- 07. Tables */ table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; } thead, tbody, tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; } caption { padding: 0.42105rem 0.52632rem 0.52632rem; font-weight: 700; } thead { background: #f8f8f8; color: var(--backgroundColorNegro); } tfoot { background: #f1f1f1; color: var(--backgroundColorNegro); } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.42105rem 0.52632rem 0.52632rem; font-weight: 700; text-align: left; } tbody th, tbody td { padding: 0.42105rem 0.52632rem 0.52632rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; } table.unstriped tbody { background-color: #fefefe; } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe; } @media screen and (max-width: 63.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #f3f3f3; } table.hover tfoot tr:hover { background-color: #ececec; } table.hover tbody tr:hover { background-color: #f9f9f9; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } /* -- 08. Header */ .site-branding { text-align: center; padding: 3rem 0; } .site-branding .site-title { margin-top: 1rem; } .site-branding .site-description { margin-top: 1rem; color:#fff; } @media screen and (max-width: 39.9375em) { .page-title-header .page-title { text-align: center; padding-bottom: 1rem; position: relative; margin-top: 1rem; } .page-title-header .page-title:after { content: ""; bottom: 0; position: absolute; width: 35px; height: 1px; background: var(--backgroundColorNegro); left: 50%; margin-left: -17.5px; } } @media print, screen and (min-width: 40em) { .page-title-header { position: relative; } .page-title-header img { min-width: 100%; } .page-title-header .page-title-wrap { width: 100%; position: absolute; bottom: 1rem; } .page-title-header .page-title-wrap .page-title { text-shadow: 0 0 0.15em rgba(0, 0, 0, 0.5); color: #fefefe; } } #content { } #content .page-title, #content .post-title { margin-bottom: 3rem; overflow-wrap: break-word; text-align: center; padding-bottom: 1rem; position: relative; } #content .page-title:after, #content .post-title:after { content: ""; bottom: 0; position: absolute; width: 80px; height: 1px; background: var(--backgroundColorNegro); left: 50%; margin-left: -40px; } #content h1.not-found-title { margin-bottom: 3rem; overflow-wrap: break-word; } /* -- 09. Footer */ .footer { font-size: 70%; padding-top: 15px; color: #f1f1f1; background: #fff; color: var(--backgroundColorNegro); position: relative; } .footer a { color: var(--backgroundColorNegro); font-weight: 700; } .footer a:hover, .footer a:focus { color: var(--backgroundColorRimacClaro); } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #fefefe; } .footer .site-info { padding: 1rem 0; border-top: 1px solid #e6e6e6; margin-top: 1rem; color: #8a8a8a; } .footer .site-info a { color: #8a8a8a; font-weight: 700; } .footer .site-info a:hover, .footer .site-info a:focus { color: var(--backgroundColorRimacClaro); } .footer table { color: var(--backgroundColorNegro); } .footer table caption { color: #fefefe; } .footer table a { color: var(--backgroungColorRimac); } .footer .site-info { padding-bottom: 2rem; } /* -- 10. Navigation */ /*.navigation-main-menu {background: #fff;position: relative;display: flex;}*/ .navigation-main-menu {display: flex;position: fixed;top: 0;left: 0;right: 0; z-index: 100;} .navigation-main-menu .navigation-wrap { padding: 0; margin: 0 auto; display: flex; width: 100%; justify-content: flex-end; } .navigation-main-menu a { color: var(--backgroundColorNegro); font-weight: 300; font-size: var(--font-size-menu); transition: color 0.2s; display: block; padding: 0.5rem; text-decoration: none; } .navigation-main-menu a:hover { color: var(--backgroungColorRimac); } .navigation-main-menu .current-menu-item > a, .navigation-main-menu .current_page_item > a { color: var(--backgroundColorNegro); } .main-navigation { clear: both; width: auto; display: block; } .main-navigation ul { list-style: none; margin: 0; padding: 0 1rem; text-align: left; } .main-navigation > div > ul { padding: 0.3rem; } .main-navigation ul ul { padding: 0 0 0 1rem; } .main-navigation ul ul a { letter-spacing: 0; padding: 0.5rem 0; position: relative; text-transform: none; } .main-navigation li { position: relative; display: block; } .main-navigation li li, .main-navigation li:last-child { border: 0; } @media print, screen and (min-width: 64em) { .navigation-main-menu { text-align: center; } .main-navigation ul, .main-navigation ul ul, .main-navigation > div > ul { display: block; } .main-navigation ul { background: transparent; padding: 0; } .main-navigation > div > ul { border: 0; margin-bottom: 0; padding: 0; } .main-navigation li { border: 0; display: inline-block; } .main-navigation li li { display: block; transition: background-color 0.2s ease-in-out; } .main-navigation li li:hover, .main-navigation li li.focus { background: var(--backgroungColorRimac); } .main-navigation li li a { transition: color 0.3s ease-in-out; } .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus { color: #fefefe;*/ background: var(--backgroundColorRimacClarodoble); } .main-navigation a { padding: 1rem 1.25rem; } .main-navigation ul ul { background: #fff; left: -999em; padding: 0; position: absolute; top: 100%; z-index: 99999; } .main-navigation ul ul ul { left: -999em; margin-top: -1px; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .main-navigation ul ul a { padding: 0.75em 1.25em; width: 16em; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0.5em; right: auto; } .main-navigation ul.sub-menu li.menu-item-has-children > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent var(--backgroungColorRimac); position: absolute; right: 15px; top: 40%; } .main-navigation ul.menu > li.menu-item-has-children:after { content: ""; position: absolute; right: 0; border: solid var(--backgroungColorRimac); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 42%; } .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after { display: none; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:after, .main-navigation ul li.page_item_has_children:before { border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; position: absolute; right: 1em; bottom: -1px; width: 0; z-index: 100000; } .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after { display: block; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent #444; bottom: 0; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent var(--backgroungColorRimac); } } #main-menu { display: none; } @media print, screen and (min-width: 64em) { #main-menu { display: block; } } #mobile-menu { display: block; } @media print, screen and (min-width: 64em) { #mobile-menu { display: none; } } /* -- 11. WordPress classes */ #wpadminbar { position: fixed !important; top: 0; } body.admin-bar.f-topbar-fixed .sticky.fixed { margin-top: 1.68421rem; } body.admin-bar.offcanvas .off-canvas.is-open { top: 2.42105rem; } @media screen and (min-width: 48.9375em) { body.admin-bar.offcanvas .off-canvas.is-open { top: 1.68421rem; } } @media screen and (max-width: 39.9375em) { body.admin-bar .reveal { top: 46px !important; } } .wp-caption > figcaption { max-width: 100%; font-size: 0.8rem; color: #999; padding: 0.25rem 0; } p.wp-caption-text { font-size: 90%; color: #666; padding: 0.52632rem 0; } .alignleft { float: left; padding-right: 1rem; margin: 0; } .alignright { float: right; padding-left: 1rem; margin: 0; } .aligncenter { text-align: center; } .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 80%; font-style: italic; line-height: 24px; padding-top: 1rem; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* -- 12. Accessibility */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* -- 13. Content */ /* -- 13.1. Featured Image */ .featured-image { margin-bottom: 2rem; } body.page .featured-image { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: -2rem; } body.page .featured-image img { width: 100vw; } /* -- 13.2. Content */ #content article.hentry { margin-bottom: 3rem; border-bottom: 1px solid #e6e6e6; padding: 20px; background: #fcfcfc; border-radius: 20px; } #content article.hentry header { text-align: center; margin-bottom: 3rem; } #content article.hentry .entry-content .post-meta { color: #8a8a8a; font-size: 80%; margin-top: 2rem; } #content article.hentry .entry-content .post-meta a { color: #8a8a8a; font-weight: 700; } #content article.hentry .entry-content .post-meta a:hover, #content article.hentry .entry-content .post-meta a:focus { color: var(--backgroundColorRimacClaro); } #content article.hentry .entry-content .post-meta > li { margin-right: 1rem; } #content article.hentry .entry-content .read-more { text-align: center; text-transform: uppercase; font-weight: bold; margin-top: 2rem; } #content article.hentry footer { clear: both; } #content article.hentry:last-of-type { border-bottom: none; } .post-categories { font-weight: 500; } .post-tags { list-style: none; margin-left: 0; } .post-tags li { display: inline-block; font-size: 70%; text-decoration: none; padding: 0.26316rem 0.52632rem; background: #e6e6e6; border-radius: 0; color: var(--backgroundColorNegro); margin-right: 0.52632rem; } .post-tags li a { color: var(--backgroundColorNegro); font-weight: 700; font-weight: normal; } .post-tags li a:hover, .post-tags li a:focus { color: var(--backgroundColorRimacClaro); } .taxonomy-description { color: #8a8a8a; font-size: 80%; width: 80%; margin: 0 auto; } body.blog #content .hentry.sticky { position: relative; padding: 0.5rem; margin-bottom: 1rem; border: 1px solid var(--backgroungColorRimac); } #post-nav > div > a { margin-bottom: 2rem; display: inline-block; } .post-subtitle { font-size: 23.75px; color: #8a8a8a; font-style: italic; } .featured-tag { background: var(--backgroungColorRimac); color: #fff; display: inline-block; line-height: 1; padding: 0.25rem; position: absolute; text-transform: uppercase; top: 0; left: -1px; z-index: 1; } /* -- 13.3. 404 Page */ body.error404 main .entry-content { text-align: center; } body.error404 main .entry-content ul { list-style: none; } /* -- 13.4 Post Password Form */ .post-password-form input[type="submit"] { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: var(--backgroungColorRimac); color: #fefefe; font-size: 0.75rem; } [data-whatinput="mouse"] .post-password-form input[type="submit"] { outline: 0; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background-color: var(--backgrounfColorRimacMasClaro); color: #fefefe; } /* -- 13.5 Comments */ #comments h3.comments-head-title { padding-bottom: 1rem; text-align: center; padding-bottom: 1rem; position: relative; } #comments h3.comments-head-title:after { content: ""; bottom: 0; position: absolute; width: 35px; height: 1px; background: var(--backgroundColorNegro); left: 50%; margin-left: -17.5px; } #comments ol.comment-list { margin-left: 0; } #comments ol.comment-list, #comments ul.children { list-style: none; } #comments .comment-body { border: 1px solid #e6e6e6; padding: 1rem; margin-bottom: 2rem; font-size: 80%; } #comments .comment-body h1 { font-size: 1.47368rem; } #comments .comment-body h2 { font-size: 1.36842rem; } #comments .comment-body h3 { font-size: 1.31579rem; } #comments .comment-body h4 { font-size: 1.26316rem; } #comments .comment-body h5 { font-size: 1.21053rem; } #comments .comment-body h6 { font-size: 1.15789rem; } #comments .comment-body .comment-author { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } #comments .comment-body .comment-author .author-meta { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } #comments .comment-body .comment-author .author-meta .comment-author-link { font-weight: 700; } #comments .comment-body .comment-author .author-meta time a { color: #8a8a8a; font-weight: 700; font-weight: normal; font-size: 90%; } #comments .comment-body .comment-author .author-meta time a:hover, #comments .comment-body .comment-author .author-meta time a:focus { color: var(--backgroundColorRimacClaro); } #comments .comment-body .comment-author img { vertical-align: top; margin-right: 10px; } #comments .comment-body .comment-author .says { margin-left: 10px; } #comments .comment-body .comment-author .reply a { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: var(--backgroungColorRimac); color: #fefefe; font-size: 0.75rem; } [data-whatinput="mouse"] #comments .comment-body .comment-author .reply a { outline: 0; } #comments .comment-body .comment-author .reply a:hover, #comments .comment-body .comment-author .reply a:focus { background-color: var(--backgrounfColorRimacMasClaro); color: #fefefe; } #comments .comment-body .comment-metadata .edit-link { display: block; } #comments .comment-body .comment-metadata time { font-style: italic; } #comments .comment-body .comment-content { margin: 0.5rem 0; } #respond { border: 1px solid var(--backgroungColorRimac); padding: 1rem; margin-bottom: 1rem; } #respond .cancel-comment-reply { font-size: 80%; } #cancel-comment-reply-link { display: inline-block; vertical-align: middle; margin: 0.5rem 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; line-height: 1; text-align: center; cursor: pointer; background-color: #2758a1; color: #fefefe; font-size: 0.6rem; } #cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus { background: #40659d; } @media print, screen and (min-width: 40em) { #cancel-comment-reply-link { float: right; } } .bypostauthor { } .form-submit { margin-bottom: 0; } .form-submit input[type="submit"] { display: inline-block; vertical-align: middle; margin: 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: var(--backgroungColorRimac); color: #fefefe; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { background-color: var(--backgrounfColorRimacMasClaro); color: #fefefe; } [data-whatinput="mouse"] #respond .cancel-comment-reply a { outline: 0; } #respond .cancel-comment-reply a:hover, #respond .cancel-comment-reply a:focus { background-color: var(--backgrounfColorRimacMasClaro); color: #fefefe; } #allowed_tags { font-size: 70%; } #allowed_tags code { background: #fefefe; } textarea#comment { height: 200px; } .comments-pagination { margin: 1rem 0; } /* -- 13.6 Page */ .page #content { margin-top: 0; } .page #content h1.page-title { } body.page #main { margin-top: 2rem; } body.page-template-with-sidebar #content .sidebar { margin-top: 2rem; } body.page-template-with-sidebar .featured-image { width: 100%; position: relative; left: auto; right: auto; margin-left: 0; margin-right: 0; margin-top: 2rem; } /* -- 13.7 Post Type: Equipo */ body.post-type-archive-equipo #content .post-title, body.tax-rol #content .post-title { font-size: 19px; } body.post-type-archive-equipo #content .post-title:after, body.tax-rol #content .post-title:after { width: 0; } body.post-type-archive-equipo #content article.hentry, body.tax-rol #content article.hentry { border-bottom: none; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-bottom: 0; padding-bottom: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 400px; } body.post-type-archive-equipo #content article.hentry header, body.tax-rol #content article.hentry header { margin-bottom: 0; position: relative; } body.post-type-archive-equipo #content article.hentry .post-title, body.tax-rol #content article.hentry .post-title { transition: opacity ease-in 0.2s; position: absolute; bottom: 0px; margin-bottom: 0; background: rgba(255, 255, 255, 0.6); text-align: center; width: 100%; padding: 1rem 10px; overflow-wrap: break-word; } body.post-type-archive-equipo .team-posts, body.tax-rol .team-posts { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } body.post-type-archive-equipo .team-posts .featured-image, body.tax-rol .team-posts .featured-image { margin: 0; position: relative; } @media print, screen and (min-width: 40em) { body.post-type-archive-equipo #content article.hentry, body.tax-rol #content article.hentry { -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } body.post-type-archive-equipo #content article.hentry .post-title, body.tax-rol #content article.hentry .post-title { opacity: 0; } body.post-type-archive-equipo #content article.hentry:hover .post-title, body.tax-rol #content article.hentry:hover .post-title { opacity: 1; } } @media print, screen and (min-width: 64em) { body.post-type-archive-equipo #content article.hentry, body.tax-rol #content article.hentry { -webkit-flex: 1 0 33%; -ms-flex: 1 0 33%; flex: 1 0 33%; } } body.single-equipo .featured-image img { border-radius: 500px; } /* -- 13.8 Shortcodes */ .dm-callout { padding: 1rem; text-align: center; box-shadow: 4px 4px 4px var(--backgroundColorNegro); margin-bottom: 1rem; } /* -- 13.9 Author Bio */ .author-info { border-bottom: 1px solid var(--backgroundColorNegro); border-top: 1px solid var(--backgroundColorNegro); padding: 1rem 15px; margin-bottom: 1rem; } .author-info .author-avatar, .author-info .author-heading { text-align: center; } .author-info .author-title { text-align: center; margin-top: 0.5rem; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { .author-info { margin-bottom: 1.5rem; padding: 1.5rem 15px; } .author-info .author-title { font-size: 1.31579rem; } .author-info .author-heading { font-size: 1.84211rem; } .author-info .author-avatar { float: left; margin-right: 15px; } .author-info .author-bio { min-height: 2rem; } .author-info .author-avatar, .author-info .author-heading, .author-info .author-title { text-align: left; } } /* -- 13.10 Search Form */ .search-form { display: flex; align-content: stretch; } .search-form .search-submit, .wp-block-search .wp-block-search__button { display: inline-block; vertical-align: middle; margin: 0 0 0.85rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.75rem; line-height: 1; text-align: center; cursor: pointer; background-color: var(--backgroungColorRimac); color: #fefefe; } .search-form .search-submit:hover, .search-form .search-submit:focus { background-color: #var(--backgroundColorRimacClarodoble); color: var(--backgroundColorNegro); } /* -- 13.11 Scroll to Top button */ #scroll-top { display: none; position: fixed; bottom: 30px; right: 30px; margin: 0; } #scroll-top.show { display: block; } /** -- 13.12. Portfolio */ body.post-type-archive-curso #main > section, body.tax-nivel_eba #main > section { margin-bottom: 3rem; border-bottom: 1px solid #cacaca; } body.post-type-archive-curso .tipos-filter, body.tax-nivel_eba .tipos-filter { display: flex; list-style: none; justify-content: center; margin-left: 0; } body.post-type-archive-curso .tipos-filter li, body.tax-nivel_eba .tipos-filter li { padding: 1rem; } .proyecto-cliente { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; } .proyecto-cliente .cliente-value { color: var(--backgrounfColorAmarillento); } @media print, screen and (min-width: 40em) { body.post-type-archive-curso #content, body.tax-nivel_eba #content { margin-left: 0; margin-right: 0; max-width: 100%; overflow: hidden; } body.post-type-archive-curso #main, body.tax-nivel_eba #main { padding: 0; } body.post-type-archive-curso #main > section, body.tax-nivel_eba #main > section { height: 100vh; position: relative; margin-bottom: 0; border: none; } body.post-type-archive-curso .featured-image, body.tax-nivel_eba .featured-image { position: absolute; margin-bottom: 0; top: 0; bottom: 0; left: 0; right: 0; } body.post-type-archive-curso .featured-image img, body.tax-nivel_eba .featured-image img { height: 100vh; width: 100vw; object-fit: cover; } body.post-type-archive-curso #content .post-content, body.tax-nivel_eba #content .post-content { position: relative; width: 30vw; padding: 2rem; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-content: center; font-size: var(--font-size-textos); height: 80vh; } body.post-type-archive-curso #main > section:nth-child(odd) .post-content, body.tax-nivel_eba #main > section:nth-child(odd) .post-content { top: 7vh; left: 25vw; } body.post-type-archive-curso #main > section:nth-child(even) .post-content, body.tax-nivel_eba #main > section:nth-child(even) .post-content { top: 7vh; left: -50vh; } body.post-type-archive-curso #content .post-title:after, body.tax-nivel_eba #content .post-title:after { width: 0; } } /* -- 14. Sidebar */ /* -- 14.1. Sidebar */ .sidebar { font-size: 90%; } .sidebar .widget { margin-bottom: 2rem; } .sidebar .widget-title { margin-bottom: 1rem; text-align: center; padding-bottom: 1rem; position: relative; padding-bottom: 0.5rem; } .sidebar .widget-title:after { content: ""; bottom: 0; position: absolute; width: 35px; height: 1px; background: var(--backgroundColorNegro); left: 50%; margin-left: -17.5px; } .sidebar ul { list-style: none; margin-left: 0; } .sidebar ul li { line-height: 2.64; } /* -- 14.2. Footer Sidebar */ .footer .sidebar { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .sidebar section.widget { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media print, screen and (min-width: 40em) { .footer .sidebar section.widget { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 33%; } } .footer .sidebar section.widget { padding-right: 1rem; padding-left: 1rem; } .footer .sidebar .widget-title { font-size: 180%; text-align: left; } .footer .sidebar .widget-title:after { height: 0; } /* -- 14.3. WP Widgets styles */ .widget_archive ul, .widget_archive ol, .widget_categories ul, .widget_categories ol, .widget_nav_menu ul, .widget_nav_menu ol { text-align: right; } .widget_archive ul li, .widget_archive ol li, .widget_categories ul li, .widget_categories ol li, .widget_nav_menu ul li, .widget_nav_menu ol li { width: 100%; display: inline-block; } .widget_archive ul li a, .widget_archive ol li a, .widget_categories ul li a, .widget_categories ol li a, .widget_nav_menu ul li a, .widget_nav_menu ol li a { float: left; } .widget_archive ul li ul.children, .widget_archive ul li ul.sub-menu, .widget_archive ol li ul.children, .widget_archive ol li ul.sub-menu, .widget_categories ul li ul.children, .widget_categories ul li ul.sub-menu, .widget_categories ol li ul.children, .widget_categories ol li ul.sub-menu, .widget_nav_menu ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_nav_menu ol li ul.children, .widget_nav_menu ol li ul.sub-menu { margin-left: 1rem; } .widget_recent_comments ul { margin-left: 1rem; list-style: circle; } .widget_recent_comments li.recentcomments { margin-bottom: 1rem; } /* -- 15. Editor Styles */ /* -- 15.1 Color Palette */ /** Colors **/ .has-domestika-orange-color { color: var(--backgroungColorRimac); } .has-domestika-black-color { color: var(--backgroundColorNegro); } .has-domestika-light-gray-color { color: #e6e6e6; } .has-domestika-dark-gray-color { color: #8a8a8a; } .has-domestika-white-color { color: #fefefe; } /** Backgrounds **/ .has-domestika-orange-background-color { background-color: var(--backgroungColorRimac); } .has-domestika-black-background-color { background-color: var(--backgroundColorNegro); } .has-domestika-light-gray-background-color { background-color: #e6e6e6; } .has-domestika-dark-gray-background-color { background-color: #8a8a8a; } .has-domestika-white-background-color { background-color: #fefefe; } /* -- 15.2 Font Sizes */ .has-domestika-small-font-size { font-size: 0.8rem; } .has-domestika-normal-font-size { font-size: 1rem; } .has-domestika-large-font-size { font-size: 1.84211rem; } .has-domestika-huge-font-size { font-size: 2.63158rem; } .wp-block-button, .wp-block-button__link { font-size: 13px; } /* -- 16. Blocks */ /** -- 16.1. Quotes */ .wp-block-quote.is-large cite { text-align: left; } /* -- 16.2. Buttons */ .wp-block-button .wp-block-button__link { font-size: 13px; } .wp-block-button .wp-block-button__link, .wp-block-button.is-style-default .wp-block-button__link { border-radius: 10px; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } /** -- 16.3. Pullquotes **/ .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; } .wp-block-pullquote blockquote { border-left: none; } .wp-block-pullquote blockquote p, .wp-block-pullquote blockquote cite { color: #40464d; } .wp-block-pullquote blockquote cite { text-transform: uppercase; font-size: 13px; font-style: normal; } .wp-block-pullquote blockquote cite:before { content: ""; } .fondoInscripciones{background: url(img/fondoInscripciones.jpg) no-repeat; background-size: cover; background-attachment: fixed;margin: 0 auto !important;} .fondoInscripciones article.hentry, .fondoInscripciones iframe html body.freebirdLightBackground { background: transparent !important;} .fondoInscripciones .content-title-mensaje-italic, .fondoInscripciones article.hentry header .post-title {color:#fff;} .fondoInscripciones .section-banner-iacrymrimac::before, .fondoInscripciones .add-line-to-end-section-banner::after, .fondoInscripciones .page-title:after, .fondoInscripciones .post-title:after {background: #fff !important;} #mask_popupInit{display: block;width: 100%; height: 100%; position: fixed;background: #000; opacity: 0.7;top:0;left: 0;z-index: 9997;} #popupInit{position: fixed; width: 400px; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 9998;} #popupInit .pp_header{position: relative;height: 0; width: 100%;} #popupInit .pp_content_video{width: 100%;cursor: pointer;} #popupInit .pp_content_video video{width: 100%;} #popupInit a#close_popup{display: block;position: absolute; top:0; right: 10px;font-size: 15px;font-weight: 700;z-index: 9999;color: #fff;} #contenidoTora-wordpress{display: block;} #contenidoTora-wordpress p{} #contenidoTora-wordpress div{} #contenidoTora-wordpress figure{} #section-ultimos-articulos{background: #ffc;margin: 5%;padding: 2%;} /*** RESPONSIVE *********/ #section-menu-mobile, #section_content_mobile, #btnMenuMobile,#chechMenuMobile{display: none;} .bgOrando{background: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url(img/prayer-1308663_1280-1200x800.jpg) no-repeat; background-size: cover;} .bgJesusConversion{background: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url(img/background-jesucristo-header.jpg) no-repeat; background-size: cover;} #section_content_mobile label img.btn64em, #section_content_mobile label img.btn32em{display: none;} @media print, screen and (max-width: 64em) { .formulario-rimac-inscripcion{width: 100%;} #header-playlist-logo {flex-direction: column;} #header-playlist-logo > div {width: 100%;} #header-playlist-logo > div span {padding: 150px 0 0 0;} body.post-type-archive-curso .featured-image, body.tax-nivel_eba .featured-image {width: 100% !important;} .type-curso{background: none !important;border-radius: 0 !important;} body.post-type-archive-curso #main > section:nth-child(even) .post-content, body.tax-nivel_eba #main > section:nth-child(even) .post-content {left: -20vh;} body.post-type-archive-curso #main > section:nth-child(odd) .post-content, body.tax-nivel_eba #main > section:nth-child(odd) .post-content {left: 15vw;} body.post-type-archive-curso #content .post-content, body.tax-nivel_eba #content .post-content {width: 50vw !important;} #section-logo-menu-initial {display: block;width: 100%;} .navigation-main-menu{display: block;width: 100%;background: #fff !important; box-shadow: 0px 1px 10px #bbb;} .fondoHomeMenu .main-navigation ul.menu li a { color: #333; } #mobile-menu{display: flex;flex-direction: column;} .fondoHomeMenu .main-navigation ul.menu li a {text-align: center;} #section-logo-menu-initial a {margin: 0 auto;} #section-logo-menu-initial a img {margin: 0 auto;display: block;} li.menu-item-has-children a:active{} #section_content_mobile{display: block;position: relative;} #chechMenuMobile{display: none;} #section-menu-mobile{} #section_content_mobile label:hover{cursor: pointer;background: rgba(0,0,0,.3)} #section_content_mobile label{position: fixed; right: 0px;top:4px;} #section_content_mobile label img.btn64em{width:128px; display: block;} #section_content_mobile label img.btn32em{display: none;} .navigation-main-menu .navigation-wrap {display: block;} #section_content_mobile #btnMenuMobile:checked ~ #section-menu-mobile{ display: block; } .sub-menu{background: #ffc;} .main-navigation ul.menu > li.menu-item-has-children::before { content: ""; position: absolute; right: 0; border: solid var(--backgroungColorRimac); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate( 45deg ); -ms-transform: rotate(45deg); transform: rotate( 45deg ); top: 15%; } /*home*/ .section-banner-without-guion-toraemet, .section-banner-iacrymrimac #section-cultos-rimac, #section-eventos-noticias #content-eventos-noticias, #section-ultimos-articulos, .footer #side-footer-rimac { flex-direction: column;} .section-banner-iacrymrimac #section-cultos-rimac .item-cultos-rimac, .section-banner-without-guion-toraemet div, #section-eventos-noticias #content-eventos-noticias .articulo-noticias-eventos, #section-ultimos-articulos .footer #side-footer-rimac .content-footer-rimac-item { width: 100%; text-align: center; margin: 1% auto; } #section-redes-rimac .redes-toraemet-item {width: calc(33% - 10px);} #section-redes-rimac .redes-toraemet-item {margin: 5px;} .bg-iconos-footer-toraemet {width: 50%;margin: 0 auto;transform: translate(25%,0);} .loop-noticiasRimac section {flex-direction: column;} .loop-noticiasRimac section > div {width: 90% !important;margin: 10px auto !important;} /* aboutus */ #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items .item-conocemos-cristo {width: calc(44% - 10px); margin: 5px auto;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items {display: block;} /*jesus*/ #aboutus-conocemos-cristo {height: auto;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo {position: inherit;width: 90%;transform:inherit;top:0;left: 0; margin: 0 auto;} .content-section-especial-jesus .item-section-especial-jesus {width: 95%;} /* contact us*/ #contacto-page-toraemet {width: 80%;flex-direction: column;} #contacto-page-toraemet > div{width: 90% !important;margin: 10px auto !important;} #contacto-page-toraemet > div h2{text-align: center;} #contacto-page-toraemet > div iframe{width: 100%;} /* playlist */ #content-radio {flex-direction: column;} #content-reproductor {width: auto;} .header-page-customize-rimac .content-header-customize-rimac {width: 100%;} } @media print, screen and (max-width: 32em) { /* body.post-type-archive-curso .featured-image, body.tax-nivel_eba .featured-image {width: 100% !important;} .type-curso{background: none !important;border-radius: 0 !important;} body.post-type-archive-curso #main > section:nth-child(even) .post-content, body.tax-nivel_eba #main > section:nth-child(even) .post-content {left: -20vh;} body.post-type-archive-curso #main > section:nth-child(odd) .post-content, body.tax-nivel_eba #main > section:nth-child(odd) .post-content {left: 15vw;} body.post-type-archive-curso #content .post-content, body.tax-nivel_eba #content .post-content {width: 50vw !important;} */ body.post-type-archive-curso #content, body.tax-nivel_eba #content { margin-left: 0; margin-right: 0; max-width: 100%; overflow: hidden; } body.post-type-archive-curso #main, body.tax-nivel_eba #main { padding: 0; } body.post-type-archive-curso #main > section, body.tax-nivel_eba #main > section { height: 100vh; position: relative; margin-bottom: 0; border: none; } body.post-type-archive-curso .featured-image, body.tax-nivel_eba .featured-image { position: absolute; margin-bottom: 0; top: 0; bottom: 0; left: 0; right: 0; } body.post-type-archive-curso .featured-image img, body.tax-nivel_eba .featured-image img { height: 100vh; width: 100vw; object-fit: cover; } body.post-type-archive-curso #content .post-content, body.tax-nivel_eba #content .post-content { position: relative; width: 30vw; padding: 2rem; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-content: center; font-size: var(--font-size-textos); height: 80vh; } body.post-type-archive-curso #main > section:nth-child(odd) .post-content, body.tax-nivel_eba #main > section:nth-child(odd) .post-content { top: 0vh; transform: translate(-50%, 0); left: 50%; } body.post-type-archive-curso #main > section:nth-child(even) .post-content, body.tax-nivel_eba #main > section:nth-child(even) .post-content { top: 0vh; transform: translate(-50%, 0); left: 50%; } body.post-type-archive-curso #content .post-title:after, body.tax-nivel_eba #content .post-title:after { width: 0; } body.post-type-archive-curso #content .post-content, body.tax-nivel_eba #content .post-content {width: 100% !important;} #section_content_mobile label img.btn32em{width:64px; display: block;} #section_content_mobile label img.btn64em{display: none;} #section-redes-rimac .redes-toraemet-item {width: 90%; margin: 10px auto;} .section-banner-iacrymrimac span.title-banner-toraemet {display: block; width: 90%; margin: 0 auto;} .bg-iconos-footer-toraemet {width: 90%;transform: inherit;} #section-initial-home video {width: 100%;height: 100vh;object-fit: cover;} .header-page-customize-rimac img.bgHeaderPage {height: 100vh;object-fit: cover;} #aboutus-conocemos-cristo #content-aboutus-conocemos-cristo #aboutus-conocemos-items .item-conocemos-cristo { width: 95%; margin: 5px auto; } .sectionGalleryIacym {width: 95% !important;} .sectionGalleryIacym {margin: -30px auto 0;} .rompeTituloCursivo {line-height: 30px;} .content-section-especial-jesus {width: 100%;margin: 0 auto;display: flex;flex-grow: 1;flex-direction: column;} .content-section-especial-jesus .full-width-item-section-especial-jesus {width: 100%;display: flex;flex-direction: column;} .content-section-especial-jesus .item-section-especial-jesus span {margin: 10px 0;} .content-section-especial-jesus .item-section-especial-jesus {width: 95%;flex-grow: 1;height: auto;flex-direction: column; text-align: center;} .content-section-especial-jesus .item-section-especial-jesus span:nth-child(3) {line-height: 20px;margin: 10px 0;width: auto;text-align: center;} .content-video-youtube iframe{width: 95%;} #aboutus-conocemos-cristo img {width: 75%;} #contacto-page-toraemet {width: 95%;} #content-cades-width {flex-direction: column;margin: 0 auto;} #content-cades-width > div {margin:10px auto;width: 100% !important;} #section-cades #content-cades-width #sc-section2{margin: -35px 0 0 0} .content-margin{width: 90%;} .formulario-rimac-inscripcion iframe {height: 1600px !important;} } /***** RESPONSIVE *******/