/* Theme Name: La Fototeca Golf Theme URI: http://carambamoreno.com Author: Mauricio González Author URI: http://carambamoreno.com/ Description: Preparado para sostener cualquier tema desarrollado por Caramba Moreno Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: foundation, custom made Text Domain: lafototeca_golf This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** Small screens **/ @media only screen { /* HELPERS */ .not-ready{ display: none; position: fixed; z-index: 20; top: 0; left: 0; background: rgba(255,255,255,0.95); width: 100%; height: 100%;} .not-ready h3{display: block; top: 50%; transform: translate(-50%); position: relative; width: 80%; text-align: center; left: 50%;} .loader{ position: fixed; z-index: 500; top: 0; left: 0; width: 100vw; height: 100vh;background: url(img/loading-light.gif) 50% 80% no-repeat white; background-size: 15px; text-align: center;display: none;} .fade-away{opacity: 0;transition: all 1s ease-out;display: none;} /*#iconoanimado-16 { width: 70vw; height: 70vh; position: relative; overflow: visible;}*/ #iconoanimado-16-confondo-16{width: 80vw;top: 50%;position: absolute;transform: translate(-50%, -50%);} #rectangulo-icono, #rectangulo-exterior{stroke-width:2 !important;} #fondo-icono{stroke-width:0 !important;} .letra-fondo, #fondo-icono{fill-opacity:0;} .loader.fondo-icono-fade-in .letra-fondo, .loader.fondo-icono-fade-in #fondo-icono{animation-name: appear-background; animation-duration: 1s;fill-opacity:1;} .hide-for-small { display: none !important; mso-hide: all; overflow: hidden; max-height: 0; font-size: 0; width: 0; line-height: 0; } @keyframes appear-background { 0% {fill:white;} 100% {fill:black;} } .woocommerce .loader::before{ background: none; } .woocommerce-cart table.cart td.actions .coupon .input-text{min-width: 300px;} .woocommerce-form-coupon-toggle .woocommerce-info{ border-top-color: #000000; } .woocommerce-form-coupon-toggle .woocommerce-info::before{ color: #000000; } .woocommerce-notices-wrapper .woocommerce-error{} .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{ float: unset; } /* CARAMBA SLIDESHOW */ .caramba--slideshow{overflow: hidden; } .caramba--slideshow-image{overflow: hidden; height: 60vh;} .caramba--slideshow-image img{object-fit:cover; width: 100%;} .caramba--slideshow-bullets .callout{margin-bottom: 1rem; background: #F6F6F1;} .caramba--slideshow-bullets .callout p{display: none;font-size: 90%;} .caramba--slideshow-bullets .callout h5{font-size: 90%;} .caramba--slideshow-bullets .slick-current p{display: block;} .caramba--slideshow-bullets .slick-current{background: white;} /* TABLES */ .wp-block-table td{vertical-align: baseline;} .wp-block-table td:not(:first-child){white-space: break-spaces;} /* STICKER */ #sticker{position: fixed; width: 30vw; height: 30vw; z-index: 1000; border-radius: 50%; text-align: center; display: flex; align-content: center; flex-wrap: wrap;background: url(img/sticker.png) 50% 50% no-repeat transparent !important;text-decoration: none; font-family: 'Space Grotesk', sans-serif; font-weight: 600; line-height: 1em; color: white; transform: rotate3d(0, 0, 1, 25deg);background-size: contain !important;padding: 1rem;align-content: center;} .woocommerce-checkout #sticker, .woocommerce-cart #sticker{display: none;} /* COUNTDOWN */ .eb-countdown-wvp96lx.eb-cd-wrapper .eb-cd-inner .box{background: transparent;} /* CARAMBA HOVER */ .caramba--modules:hover {filter: invert(1);transform: translateY(-10px); transition: all 0.2s ease;} /* GENERALES */ html{ scroll-behavior: smooth; } body{ font-family: 'Space Grotesk', sans-serif;font-size: 16px;overflow-x: hidden;} h1{ font-family: 'Space Grotesk', sans-serif;font-size: 3.131rem;line-height: 1em; letter-spacing: -0.1rem; color: #000000; font-weight: Bold;} h1 a{font-weight: inherit; font-size: inherit; font-weight: inherit;line-height: inherit;} h2{ font-family: 'Space Grotesk', sans-serif; font-weight: bold; font-size: 2.487rem; line-height: 1em; letter-spacing: -0.04rem; color: #000000; } h3{ font-family: 'Space Grotesk', sans-serif; font-weight: bold;font-size: 2.075rem; line-height: 1em; letter-spacing: -0.02em; color: #000000; } h4{ font-family: 'Space Grotesk', sans-serif;font-size: 1.725rem; line-height: 1em; letter-spacing: -0.04rem; color: #303030; } h5{ font-family: 'Space Grotesk', sans-serif;font-size: 1.238rem;line-height: 1.4em; letter-spacing: -0.04rem; color: #303030; } h6{ font-family: 'Space Grotesk', sans-serif; font-weight: bold;font-size: 0.631rem; line-height: 1em; color: #000;text-transform: uppercase; letter-spacing: 0.05em;} p{ font-family: 'Space Grotesk', sans-serif;font-size: 1rem; line-height: 1.5em; letter-spacing: -0.005rem; color: #303030; } p.enclosed{ font-family: 'Space Grotesk', sans-serif;font-size: 1rem; line-height: 1.313rem; letter-spacing: -0.005rem; color: #303030; margin: 0; } a{ font-family: 'Space Grotesk', sans-serif;/*font-size: 1rem; line-height: 1.313em; letter-spacing: -0.005em; */ color: #555555; text-decoration: underline; outline: none; } a:visited, a:hover, a:focus, a:active{ color: #b3b3b3; } hr{/*margin: 4rem 0;*/} button{ outline: none; } h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited{color: black;} .button, [type='submit']{ font-family: 'Space Grotesk', sans-serif; /*font-weight: bold;*/ font-size: 1rem; line-height: 2rem; letter-spacing: -0.05em; text-decoration: none; /* text-transform: uppercase; */ background: #000000; color: #ffffff; outline: none; padding: 0.15rem 0.75rem; border: 1px solid #000000; border-radius: 5px; margin: 0; cursor: pointer; } .button:hover, .button:active, .button:focus, .button:visited{ background:white; color: #000000; text-decoration: none; outline: none; } .button + .button{ margin-left: 1rem; } .button.secondary{ background-color: #ffffff; color: #878787; border: 1px solid #c7c7c7; } .button.secondary:hover, .button.secondary:active, .button.secondary:focus, .button.secondary:visited{ background-color: #ffffff; color: #000000; border-color: #000000; } .button.expanded{width: 100%;} .button.expanded + .button.expanded{ margin: 0; margin-top: 1rem; } /*.button.large{ line-height: 3rem; font-size: 0.9rem;font-weight: bold; letter-spacing: 0.05rem;}*/ .button.small{ line-height: 1.5rem; padding: 0 0.5rem; } .small--expanded{ width: 100%; } .woocommerce a.button, .woocommerce button.button{ font-family: 'Space Grotesk', sans-serif; font-weight: bold; font-size: 0.75rem; line-height: 2rem; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; background: #000000; color: #ffffff; outline: none; padding: 0.15rem 0.75rem; border: 1px solid #000000; border-radius: 5px; margin: 0; cursor: pointer; } .woocommerce a.button:hover{ background: white; color: #000000; text-decoration: none; outline: none; } .woocommerce a.button:active, .woocommerce a.button:focus; .woocommerce a.button:visited{ background:white; color: #000000; text-decoration: none; outline: none; } .woocommerce a.button:disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{ color: #ffffff; } .woocommerce a.button + .button{ margin-left: 1rem; } .woocommerce a.button.secondary{ background-color: #ffffff; color: #878787; border: 1px solid #c7c7c7; } .woocommerce a.button.secondary:hover, .woocommerce a.button.secondary:active, .woocommerce a.button.secondary:focus, .woocommerce a.button.secondary:visited{ background-color: #ffffff; color: #000000; border-color: #000000; } .woocommerce a.button.expanded{width: 100%;} .woocommerce a.button.expanded + .woocommerce a.button.expanded{ margin: 0; margin-top: 1rem; } .woocommerce a.button.large{ line-height: 3rem; font-size: 0.9rem;font-weight: bold; letter-spacing: 0.05rem;} .woocommerce a.button.small{ line-height: 1.5rem; padding: 0 0.5rem; } .woocommerce.add_to_cart_inline .button{ width: 100%; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{font-size: 2rem; padding: 1.25rem 1rem; width: 100%; text-transform: none; letter-spacing: -0.02em;background-color: black;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background-color: #f6f6f1;} .woocommerce-checkout #payment div.payment_box{border-radius: 1rem;background-color: white;} .woocommerce-checkout #payment div.payment_box::before{border-bottom-color: white;} /*form [type='submit'], .button, .button.secondary{ font-family: Chivo; font-weight: bold; font-size: 0.75rem; line-height: 2rem; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; color: #ffffff; outline: none; background: #000000; padding: 0.15rem 0.75rem; border: 1px solid #000000; border-radius: 5px; margin: 0; }*/ /*.button:hover, .button:active, .button:focus{ color: #000000; text-decoration: none; outline: none; }*/ /*.button.expanded{width: 100%;}*/ /*.button.secondary{ background: #ffffff; color: #878787; border: 1px solid #c7c7c7; }*/ /*.button:hover, .button:focus{background:white; color: black;}*/ /*.button + .button{ margin-left: 1rem; }*/ /*.button.expanded + .button.expanded{ margin: 0; margin-top: 1rem; }*/ /*.button.large{ line-height: 3rem; font-size: 0.9rem;font-weight: bold; letter-spacing: 0.05rem;}*/ /*.button.small{ line-height: 1.5rem; padding: 0 0.5rem; }*/ /*[type='submit']{ background: #000000; padding: 0 0.75rem; border: 1px solid #000000; border-radius: 5px; color: #ffffff; line-height: 2rem; text-decoration: none; margin: 0; }*/ .pebble{ background: transparent; color: #999999; padding: 0 0.5rem; font-size: 0.75rem; line-height: 1.5rem; border: 1px solid #000000; border-radius: 5px; } .pebble + .pebble{ margin-left: 1rem; } .pebble.black{ background: #000000; color: #ffffff; } .pebble.gray{ background: #e6e6e6; color: #666666; border-color: #e6e6e6; } .rounded-corners{border-radius: 0.75rem;overflow: hidden;} .wp-block-cover.rounded-corners{padding: 2rem;} .wp-block-columns{margin-bottom: 0;} /*.wp-block-cover{font-size: 2rem;line-height: 1em;}*/ .parrafo {padding: 3px;} #secciones .seccion{border: 2px solid black;padding: 2rem;border-radius: 1rem;background: white;transition: all 0.2s ease-in-out} .wp-block-button__link, .button{transition: all 0.2s ease-in-out;} .wp-block-button__link:hover, .button:hover, #secciones .seccion:hover{box-shadow: 0 4px 0px black;} #secciones .seccion a{position: absolute;width: 100%; height: 100%;} .wp-block-post-template{margin-left: 0;} /* SINGLE */ .woocommerce-Tabs-panel > h2:first-child, .woocommerce-tabs .tabs.wc-tabs{display: none;} /* SLIDESHOW */ .wp-block-jetpack-slideshow .amp-carousel-button, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev{background-color: transparent !important;} .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure{justify-content: flex-end !important; border-radius: 1rem;overflow: hidden;} .wp-block-jetpack-slideshow_pagination{display: none;} .caramba--docente > .wp-block-column:last-of-type{padding:2rem;} /* TABLAS */ thead, tbody, tfoot{border: 0 none;} .caramba--pensum-module td{font-size:0.9rem;min-width: 2.5rem;} tr{border-bottom: 2px dotted lightgray !important; background: transparent !important;} tr td:first-child, tr td:last-child{white-space: nowrap;} /* FORM */ select, [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{border-radius: 5px !important; box-shadow: 0 0 0 !important; border: 2px solid #dfdfdf !important; background: white !important;} label{ font-family: 'Space Grotesk', sans-serif; font-weight: bold;font-size: 0.831rem; line-height: 1em; letter-spacing: 0.02em; color: #6d6d6d; margin-top: 0; } .tml-button{width: 100%;} /*form [type='submit']{ background: #000000; padding: 0 0.75rem; border: 1px solid #000000; border-radius: 5px; color: #ffffff; line-height: 2rem; text-decoration: none; margin: 0; display: block; width: 100%; margin-left: 0; margin-right: 0; }*/ [type="checkbox"] + label{font-family: 'Space Grotesk', sans-serif;} select{padding: 0.5rem !important;} .is-invalid-input:not(:focus) { /*border-color: #cc4b37 !important; background-color: #f9ecea !important;*/ background-color: #ED5959 !important; border-color: #ED5959 !important; color: #303030; } /* ELEMENTS: MESSAGES, ALERTS, AND OTHERS */ .mensajeWrapper{height: 150vh;width: 100vw; overflow: hidden;position: fixed;top: 0; left: 0;z-index: 25;} .mensajeWrapper .mensaje{ background: black; padding: 25px; color: white; z-index: 10001; position: absolute; right: 25px; margin-bottom: 25px; max-width: 80vw;} .mensajeWrapper .mensaje h2, .mensajeWrapper .mensaje p{color: white;} .mensajeWrapper .close-button{position: relative;background: black; padding: 0; margin: 0 auto; display: block; color: white;top: 0; right: -50%; font-size: 2rem; } .mensajeWrapper .close-button span{color: white !important;} .mensajeBg{background: rgba(255,255,255,0.5);width: 100vw; height: 100vh; z-index: 10000;position: absolute;top: 0;left: 0;} .mensajeWrapper{opacity: 0;visibility: hidden;transition: opacity 0.10s ease-out, visibility 0.10s ease;} .mensajeWrapper.abierto{opacity: 1;visibility: visible;} .mensajeWrapper .mensaje{bottom:0vh; transition: bottom 0.5s ease-out;} .mensajeWrapper.abierto .mensaje{bottom:75vh;} .reveal{ border-radius: 5px; } .mensajeCaramba{ position: fixed; bottom: 0; left: 0; width: 100%; height: auto; padding: 2rem 0rem; background-color: black; border-radius: 1rem 1rem 0px 0px; z-index: 200; display: none; } .mensajeCaramba.abierto{ display: block; } .mensajeCaramba .mensaje--contenido h3, .mensajeCaramba .mensaje--contenido p, .mensajeCaramba .mensaje--contenido a{ color: #ffffff; } .mensajeCaramba .mensaje--contenido h3{ margin-bottom: 1.25rem; } @keyframes scrollLeft { from { transform: translate3d(0%, 0, 0); } to { transform: translate3d(-100%, 0, 0); }} .seccion--marquee{position: fixed; bottom: 0; left: 0; width: 100%; /*padding: 0.35rem 0.5rem;*/ background-color: #ffffff; z-index: 10; } .seccion--marquee div{ padding: 0.35rem 0.5rem; background-color: #FFFFFF; } .seccion--marquee .marquee--title{ height: 100%; z-index: 5; } .seccion--marquee .marquee--content{ white-space: nowrap; animation-duration: 20s; animation-iteration-count: infinite; animation-name: scrollLeft; animation-timing-function: linear; animation-delay: 5s; } .seccion--marquee .marquee--content span{ display: inline-block; } .seccion--marquee .marquee--content span + span{ margin-left: 0.5rem; } /* .caramba-topbar2{position:fixed; top: 0; left: 0; background: black; color: white; line-height: 2rem; height: 2rem; margin-bottom: 2rem;z-index: 10000;text-align: center;font-size: 1rem; width: auto;} @keyframes scrollLeft { from { transform: translate3d(0%, 0, 0); } to { transform: translate3d(-50%, 0, 0); }} .caramba-topbar2--gabeta { width: 100%; white-space: nowrap; animation-duration: 20s; animation-iteration-count: infinite; animation-name: scrollLeft; animation-timing-function: linear; animation-delay: 5s; } .caramba-topbar2 h5{display: inline-block; color: white;margin-right: 1rem;margin-left: 4rem;} .caramba-topbar2 a{display: inline-block; color: white;margin-left: 1rem; text-decoration: underline;} .caramba-topbar2 + .sticky, .caramba-topbar2 + .sticky.is-stuck{padding-top: 3rem !important;} */ .close-button{position: absolute; top: auto; bottom: 1rem; right: 1rem; background: black; border-radius: 5px; color: white; width: 2rem; height: 2rem; line-height: 1rem;} .close-button span{display: block; height: 1rem; line-height: 0.85rem;} .sticky .data-close{ /*border:1px solid red;*/ font-size: 2em; line-height: 1; color: #8a8a8a; cursor: pointer; margin-right: 0.7rem; } div.wpcf7 .ajax-loader{ display: none; } div.wpcf7 .ajax-loader.is-active{ display: inline-block; } .wpcf7-submit.loading--cf7-caramba + .ajax-loader.is-active{ padding: 1rem; margin: 1rem 0rem; background-position: center center; background-repeat: no-repeat; margin-top: -4rem; } .reveal-overlay{ background-color: rgba(255, 255, 255, 0.9); } .reveal{ padding: 3rem 2.25rem; background-color: transparent; border-radius: 0px; border: 0; box-shadow: none; outline: none; } /* MENU */ .seccion--topbar #logo--fototeca, .seccion--topbar .button{ margin-top: 1rem;margin-bottom: 1rem; } .seccion--topbar .cell{ padding: 0; } .seccion--topbar .sticky{ background: white; /*border-bottom: 1px solid #b3b3b3;*/ z-index: 10; /*transition: all 0.2s ease-in-out; */} .seccion--topbar .sticky.is-stuck{margin-top: 0 !important;} .seccion--topbar .hamburger{padding-right: 0;} .hamburger--holder{position: relative;} .custom--hamburger{display:none !important;transform: translateX(0); opacity: 1; transition: all 0.5s ease-out;display: inline-block; width: 1.5rem; height: 100%;font-size: 0;} .custom--hamburger.dismissed{transform: translateX(100%); opacity: 0;} .custom--hamburger span{box-shadow: 0px 3px 0px black; position: relative; display: inline-block; width: 100%; height: 3px;transform: translateY(-50%);} .custom--hamburger span:before, .custom--hamburger span:after{box-shadow: 0px 3px 0px black; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0px; } .custom--hamburger span:before{transform: translateY(-225%);} .custom--hamburger span:after{transform: translateY(225%);} .custom--x{display: inline-block; width: 1.5rem; height: 100%;font-size: 0;opacity: 1; transform: scale(1); transition: all 0.5s ease-out;position: absolute;right: 0;} .custom--x.dismissed{opacity: 0; transform: scale(0);} .custom--x span{position: relative; display: inline-block; width: 100%; height: 3px;transform: translateY(-50%);} .custom--x span:before, .custom--x span:after{box-shadow: 0px 3px 0px black; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0px; } .custom--x span:before{transform: translateX(-2px) rotate(-45deg);} .custom--x span:after{transform: translate(2px) rotate(45deg);} .hamburger.is-active:hover, .hamburger:hover{opacity: 1 !important;} .seccion--topbar #logo--fototeca{transition: all 0.2s ease-in-out;opacity: 1;} .seccion--topbar #logo--fototeca.hidden-for-menu{ opacity: 0;} .menu--past-webinars{margin-top: 1rem; margin-bottom: 1rem; text-align: left;align-items: start !important; } .menu--past-webinars li{padding-top: 0.5rem; padding-bottom: 0.5rem;} .menu--past-webinars li + li{margin-left: 0 !important;} .menu--past-webinars a{padding-left: 0;} .logo-fototeca--holder a{position: relative;display: block;} .logo-fototeca--holder #logo--webinars{position: absolute;margin-top: 0.5rem; transform: translateY(-250%) scale(0.8); transition: all 1s ease-in-out;transform-origin: left center;} .logo-fototeca--holder #logo--fototeca{transform: translateY(0%); transition: all 1s ease-in-out;} .logo-fototeca--holder.full #logo--webinars{transform: translateY(-50%) scale(0.8);} .logo-fototeca--holder.full #logo--fototeca{transform: translateY(-250%);} /* SINGLE MENU */ .single-product #submenu .wp-block-button__link:hover, .single-product #submenu .button:hover, .single-product #submenu #secciones .seccion:hover{box-shadow: 0 0 0 !important;text-decoration: underline; text-underline-offset: 0.3em;} /* OFFCANVAS MENU PANELS */ .js-off-canvas-overlay{background: rgba(0,0,0,0.5);} .off-canvas{background: white; box-shadow: 0 0 0;-webkit-transform: translateX(0);transform: translateX(0);}/* padding-bottom: 10vh; */ .off-canvas .tabs-panel{ padding: 0; } /* OFFCANVAS MENÚ PRINCIPAL */ .off-canvas.position-left{ width: calc( 100vw - 3.5rem ); transform: translateX(-100%);} .off-canvas.position-left.is-open{ transform: translate(0, 0); } /* OFFCANVAS REGISTRATE */ /*#offCanvas--login-register{width: 100vw;}*/ .off-canvas .grid-y.grid-frame{ overflow: auto; -webkit-overflow-scrolling: touch; height: calc(100vh - 7rem); } .offcanvas--menu-principal li a{font-size: 1.8rem;color: black;padding-right: 0;} .offcanvas--menu-my-account{ margin-top: 1rem; } .offcanvas--menu-my-account li a{font-size: 1rem;color: black;margin-right: 0.5rem !important;} .offcanvas--menu-secundario{margin-top: 2rem;} .offcanvas--menu-secundario a{color: black;padding-top: 0.35rem; font-size: 1.3rem;} .off-canvas .footer--copyright{margin-top: 1rem; margin-bottom: 0;} .off-canvas .footer--contacto{margin-top: 0 !important;margin-bottom: 1rem;} /* REGISTER OR LOGIN */ .tml{margin-top: 1rem;margin-bottom: -1rem;} .tml ul.tml-links{ list-style-type: none; } .tml ul.tml-links li a{ color: #000000; list-style-type: square; } .tml ul.tml-links .tml-register-link{ display: none; } .tml-indicator-wrap, .acf-user-register-fields{ display: none; } .off-canvas .user--panel{padding-top: 2rem; padding-bottom: 2rem;border-bottom: 2px solid black;margin-bottom: 2rem;} .off-canvas .user--panel a{ text-decoration: none; } .off-canvas .user--panel h6{ color: #000000; } .off-canvas .user--panel a + a h6{ margin-top: 1rem; } #offCanvas-tabs{ list-style-type: none; margin-left: 0; /*padding: 0 1rem;*/ margin-bottom: 3rem;} #offCanvas-tabs li{width: 100%;} #offCanvas-tabs .tabs-title.is-active{ display: none; } .tabs-title > a{ /*font-size: 1rem; line-height: 1.313rem; letter-spacing: -0.005rem; color: #000; padding: 0; text-decoration: none;*/ } .tabs-title > a:hover{ color: #000; } /*#offCanvas .user--panel ul{ list-style-type: square; }*/ /* FRONT PAGE HEADER */ .slideshow--header .slick-list.draggable{ height: 100%; } .slideshow--header .slick-list.draggable .slick-track{ height: 100%; } #homepage--grid-frame{height: calc( 100vh - 4.5rem);} /* SLIDESHOW HEADER 07/12/2019 CHANDER */ .home--foto-portada-holder{ padding-top: 0.5rem; } .slideshow--header p, .slideshow--header h5, .slideshow--header h6, .slideshow--header span{ color: #ffffff; } .slideshow--header h5{ font-family: 'Space Grotesk', sans-serif; font-weight: bold; font-size: 2.075rem; line-height: 2.115rem; letter-spacing: -0.04rem; } .slideshow--header p{ line-height: 1.125rem; letter-spacing: -0.05rem; } .slideshow--header .pebble{ font-size: 0.831rem; line-height: 2em; } .slideshow--header .header--portada-slide .grid-x{ padding-left: 2.08333375%; padding-right: 2.08333375%; height: 100%; } .slideshow--header .header--portada-slide .webinars--single-webinar:first-child .card--webinar{margin-top: 0;} .slideshow--header .header--portada-slide .card--webinar .card--cabeza{ position: relative; border-radius: 0.5rem; height: auto; min-width: auto; background-position: center center; background-size: cover; z-index: 3; overflow: hidden;} .slideshow--header .header--portada-slide .card--webinar .card--cabeza .creditos--copyright{ position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); height: 3.1rem; } .slideshow--header .header--portada-slide .card--webinar .card--cabeza .copyright--img{ /*position: absolute; top: 0.5rem; left: 0.5rem;*/ display: block; font-size: 0.7rem; margin-top: 0.5rem; margin-left: 0.5rem; } .slideshow--header .header--portada-slide .card--webinar .card--cabeza .cabeza--fecha{ position: absolute; display: block; bottom: 0.5rem; left: 0.5rem; border: 1px solid; margin: 0; } .slideshow--header .header--portada-slide .card--webinar .card--cabeza .cabeza--hora{ position: absolute; display: block; bottom: 0.5rem; right: 0.5rem; border: 1px solid; margin: 0; } .slideshow--header .header--portada-slide .card--webinar .card--cuerpo{ border-radius: 0px 0px 0.5rem 0.5rem; padding: 1.75rem 1.5rem 1.5rem; margin-top: -0.25rem; z-index: 2; background-color: transparent; } .slideshow--header .header--portada-slide .card--webinar .card--cuerpo h5 + p{ margin-top: 0.5rem; } .slideshow--header .header--portada-slide .card--webinar .card--cuerpo .cuerpo--informacion .cell.auto .pebble{ display: none; } .slideshow--header .header--portada-slide .webinars--single-webinar.webinar--texto-oscuro .card--webinar .card--cabeza .cabeza--year, .slideshow--header .header--portada-slide .webinars--single-webinar.webinar--texto-oscuro .card--webinar .card--cabeza .cabeza--fecha, .slideshow--header .header--portada-slide .webinars--single-webinar.webinar--texto-oscuro .card--webinar .card--cabeza span, .slideshow--header .header--portada-slide .webinars--single-webinar.webinar--texto-oscuro .card--webinar .card--cabeza .cabeza--hora, .slideshow--header .header--portada-slide .webinars--single-webinar.webinar--texto-oscuro .card--webinar .card--cuerpo h5, .slideshow--header .header--portada-slide .webinars--single-webinar.webinar--texto-oscuro .card--webinar .card--cuerpo p{ color: #000000; } .helpers--slideshow-header{ padding: 1.5rem 0; } .helpers--slideshow-header .arrows-prev--header svg, .helpers--slideshow-header .arrows-next--header svg{ height: 1rem; max-width: 100%; padding: 0; margin: 0; } .helpers--slideshow-header .dots--header .slick-dots{ margin: 0; list-style-type: none; text-align: center; height: 1rem; } .helpers--slideshow-header .dots--header .slick-dots li{ display: inline-block; height: 0.5rem; width: 0.5rem; border: 2px solid black; border-radius: 50%; background-color: white; } .helpers--slideshow-header .dots--header .slick-dots li.slick-active{ background-color: black; } .helpers--slideshow-header .dots--header .slick-dots li + li{ margin-left: 0.5rem; } .helpers--slideshow-header .dots--header .slick-dots li button{ outline: none; } /* FIN */ .header--slide{position: relative;overflow: hidden;} .header--slide--icon{position: absolute; display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-decoration: none; background: black; color: white; text-align: center; bottom: 1rem; right: 1rem; border-radius: 50%; z-index: 100; font-weight: bold; } .header--slide--icon:focus, .header--slide--icon:hover{ color: #ffffff; text-decoration: none; outline: none; } .header--slide--link{position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 90;outline: 0 none;} .header--slide--info{width: 80%; position: absolute; bottom: 1rem; left: 1rem; height: auto; background: black; border-radius: 5px;padding: 1rem; transform: translateY(0);transition: all 0.2s ease-out;} .header--slide--info.dismissed{ transform: translateY(150%);} .header--slide--info h3{color: white;line-height: 1em;} .header--slide--info p{color: white;} /* FOOTER */ .seccion--footer{ margin-top: 6rem; } .footer--contacto{ margin-top: 2rem; margin-bottom: 2rem; } .footer--links{ margin-bottom: 1.5rem; } .footer--contacto ul, .footer--links ul{ margin: 0; list-style-type: none; } .footer--contacto ul li a, .footer--links ul li a{ color: #000000; text-decoration: none; } .seccion--subscribe-footer{ margin-top: 6rem; } .footer--redes-sociales img{ height: 2rem; width: 2rem; } .single .footer--copyright{ padding-bottom: 6rem; } .footer--copyright{ margin-bottom: 5rem; margin-top: 5rem; } /* BANNER FOOTER */ .footer--copyright.banner--active + .footer--banner{ } .seccion--footer .footer--banner{ /*padding-top: 25%;*/ background-color: #000000; color: #ffffff; margin-bottom: 2rem; } .seccion--footer .footer--banner .banner--img{ height: 100%; width: 100%; padding-top: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; } /* HOME WEBINARS */ .seccion--webinars--titulo{margin-top: 4rem;border-bottom: #303030;} .home--foto-portada-holder{ /*padding-bottom: 1rem;padding-top: 1rem; 07/12/2019 Chander*/ } .home--foto-portada-holder, .home--foto-portada{height: 100%;border-radius: 5px; background-size: cover;background-position: 50%;} .home--webinars-logo{padding-top:2rem;} .home--webinars-logo .lead{margin-bottom: 1rem;margin-top: 1rem;} /*.grid-y.grid-frame + div{ margin-top: 1rem; } .home-presentacion--webinars{ padding-bottom: 2rem; }*/ .home-presentacion--webinars p{ margin-bottom: 1rem;} .home-presentacion--webinars p.lead{line-height: 1.2;} .home-presentacion--webinars{ /*margin-bottom: 4rem; 07/12/19 Chander*/ } /*.home-presentacion--webinars .button{ margin: 0; margin-right: 1rem; }*/ .webinar--proximos{ margin-bottom: 2rem; } .webinar--pasados .card--webinar-pasado{ border: 1px solid #b3b3b3; border-radius: 5px; padding: 1rem; position: relative;overflow: hidden;} /*.card--webinar-pasado .webinar-pasado--portada{position: absolute; min-width: 100%; min-height: 100%;top: 0; left: 0;opacity: 0.3;z-index: -1;} antiguo dise;o*/ .webinar--pasados .card--webinar-pasado .webinar-pasado--titulo{ margin-bottom: 3rem; } .webinar--pasados .card--webinar-pasado .webinar-pasado--titulo a{ text-decoration: none; } .webinar--pasados a + a .card--webinar-pasado{ margin: 1rem 0; } .webinar--pasados{ /*padding: 2rem 0;*/ } .webinar--pasados h4{ margin-bottom: 4rem; } .webinar--pasados a{ text-decoration: none; } .webinar--proximos .card--webinar .card--cabeza .copyright--img{ position: absolute; top: 0.5rem; left: 0.5rem; font-size: 0.7rem; color: #ffffff; } .webinar--pasados .card--webinar-pasado .webinar-pasado--imagen .copyright--img{ position: absolute; top: 0.5rem; left: 0.5rem; font-size: 0.7rem; color: #ffffff; } /* SECCIÓN: PRESENTACION 07/12/2019 CHANDER */ .seccion--presentacion{ padding: 2rem 0rem; } .seccion--presentacion h1{ font-family: 'Space Grotesk', sans-serif; font-weight: bold; font-size: 4.755rem; line-height: 5.706rem; letter-spacing: -0.04rem; color: #000000; margin: 0; } .seccion--presentacion p{ margin-bottom: 1rem; } .seccion--presentacion .presentacion--foto .foto{ padding-top: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } /* SECCIÓN: PARTICIPANTES 07/12/2019 CHANDER */ .seccion--participantes{ padding: 2rem 0rem; } .seccion--participantes h4{ margin-bottom: 2rem; } .seccion--participantes .participantes-frame{ /*height: 83vh !important;*/ } .seccion--participantes .slideshow--participantes .participantes--slide .slide--foto-participante{ /*height: 65vh;*/ padding-top: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .seccion--participantes .slideshow--participantes .participantes--slide .slide--contenido{ padding: 1.312rem 0rem; } .seccion--participantes .slideshow--participantes .participantes--slide .slide--contenido .link--participante-modal{ font-size: 0.75rem; line-height: 0.9rem; color: #000000; outline: none; display: inline-block; } .seccion--participantes .arrows--participantes{ height: 3rem; padding: 1rem 0rem; position: relative; } .seccion--participantes .arrows--participantes .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .seccion--participantes .arrows--participantes .slick-prev{ left: 0; } .seccion--participantes .arrows--participantes .slick-next{ right: 0; } .seccion--participantes .arrows--participantes .slick-arrow svg{ height: 1rem; } .seccion--participantes .dots--participantes .slick-dots{ margin: 0; list-style-type: none; } .seccion--participantes .dots--participantes .slick-dots li{ display: inline-block; width: 25%; cursor: pointer; } /* MODAL PARTICIPANTE */ #participanteModal .modal-participante--info{ /*margin: 2rem 1.25rem;*/ border: 2px solid black; position: relative; background-color: #ffffff; outline: none; box-shadow: none; } #participanteModal .modal-participante--info .foto--participante img{ /*margin-left: auto; margin-right: auto;*/ width: 100%; } #participanteModal .modal-participante--info .contenido--participante{ padding: 2.75rem 1.5rem 1.5rem; } #participanteModal .modal-participante--info .contenido--participante a{ font-size: 0.75rem; line-height: 0.9rem; color: #000000; outline: none; } #participanteModal .modal-participante--info .contenido--participante a + p{ margin-top: 1.5rem; } #participanteModal .modal-participante--info .close-button{ position: absolute; top: 0.625rem; right: 0.625rem; } #participanteModal .modal-participante--info .close-button #equis_participanteModal{ height: 1.2rem; width: 1.2rem; } /* LOOP CARD WEBINARS */ .webinars--single-webinar .card--webinar{position: relative;} .webinars--single-webinar a{position: absolute; top: 0; left: 0;width: 100%; height: 100%;z-index: 100;} .card--webinar{ margin-top: 4rem; transition: transform 0.4s ease-in-out; } .card--webinar .card--cabeza{position: relative; border-radius: 5px; /*max-height: 12rem;*/ height: 12rem; min-width: 100%; background-position: 50% 50%; background-size: cover; z-index: 3; overflow: hidden;} .card--webinar .card--cabeza span.pebble.black{ position: absolute; display: block; bottom: 0.5rem; left: 0.5rem; } .card--webinar .card--cabeza span.pebble.black + .pebble.black{ position: absolute; display: block; left: auto; right: 0.5rem; bottom: 0.5rem; } .card--webinar .card--cuerpo{ border-radius: 0px 0px 5px 5px; min-width: 100%; padding: 1.25rem 1rem 1rem; background-color: #ffffff; margin-top: -0.25rem; z-index: 2; } .card--webinar .card--cuerpo a{ text-decoration: none; } .card--webinar .card--pies{ border-radius: 0px 0px 5px 5px; background: #000000; width: 100%; padding: 1.25rem 1rem 1rem; margin-top: -0.25rem; } .card--webinar .card--pies h6{ color: #ffffff; } /*.card--webinar:not(.card--webinar-at-hand):hover{transform: translateY(-0.25rem);} MODIFICABA EL SLIDESHOW DEL INICIO, HAY QUE HACERLO M'AS ESPEC'IFICO */ .status-streaming .card--webinar .webinar--envivo, .status-pending .card--webinar .webinar--envivo{ position: absolute; display: block !important; z-index: 8; right: 0.5rem; top: 0.5rem; background-color: red; color: white; } /* CARD CURSO TEXTO OSCURO */ .webinars--single-webinar.curso--texto-oscuro .card--webinar .card--cabeza *.pebble{ color: #000000; } .webinars--single-webinar.curso--texto-oscuro .card--webinar .card--pies *{ color: #000000; } .wayer{opacity: 0; transition: all 0.5s ease-out;transform: translateY(2.5rem);} .card--pies.wayer{/*opacity: 0;*/ transition: all 0.2s ease-out 0.2s;transform: translateY(-100%);} .wayer-in, .card--pies.wayer-in{opacity: 1; transition: all 0.5s ease-out; transform: translateY(0);} /* PANEL OSCURO - HOME - */ .seccion--rifa-webinar{ margin-top: 6rem; } .panel-oscuro{ background: #000000; color: #ffffff; border-radius: 0.5rem; padding: 2rem; /*margin-top: 6rem; */} .panel-oscuro svg{ margin-top: 5.5rem; height: 4rem; width: 4rem; } .panel-oscuro.cell h3{ margin-bottom: 0.5rem; margin-top: 0.5rem; } .panel-oscuro.cell h3, .panel-oscuro.cell p{ color: #ffffff; } .panel-oscuro form{ margin-top: 1.25rem;} .panel-oscuro form.invalid span{ color: #303030; } .panel-oscuro form select{border-radius: 5px; box-shadow: none; margin-bottom: 1.25rem; } .panel-oscuro .wpcf7-not-valid{ background-color: #ED5959 !important; border-color: #ED5959 !important; color: #303030; margin-bottom: 0.75rem !important; } .panel-oscuro .wpcf7-not-valid::placeholder{ color: #303030; } .panel-oscuro .wpcf7-not-valid + .wpcf7-not-valid-tip{ color: #ffffff; line-height: 1.5rem; letter-spacing: -0.005rem; margin-bottom: 1.25rem; } /*.panel-oscuro .cell select:focus{ border: none; box-shadow: none; }*/ .panel-oscuro.cell [type='email']{ /*margin-top: 2rem;*/ border-radius: 5px; text-align: center; margin-bottom: 1.25rem; } .panel-oscuro.cell [type='email']:focus{ border: none; box-shadow: none; } .panel-oscuro.cell .button.large{ border-color: #ffffff; } .imagen--rifa-webinar{ border-radius: 0px 5px 5px 0px; background-size: cover; background-position: 50% 50%; } /* AJAX LOADER AND ALERTS CF7 .panel-oscuro div.wpcf7-validation-errors-die { position: fixed; bottom: 0; left: 0; width: 100%; background-color: black; margin: 0; padding: 1rem; padding-right: 15%; border-radius: 0.5rem 0.5rem 0px 0px; border: 1px solid black; z-index: -1000; } div.wpcf7 .ajax-loader.is-active-die { padding: 1.5rem 50%; margin: 1rem 0rem; border: 2px solid white; border-radius: 5px; background-position: center center; background-repeat: no-repeat; }*/ .callout.alert--cf7-caramba{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: black; color: white; margin: 0; z-index: 200; border-radius: 10px 10px 0px 0px; border: 0; } .callout.alert--cf7-caramba .close-button span{ color: #ffffff; } .callout.alert--cf7-caramba div.wpcf7-validation-errors{ background-color: black; margin: 0; padding-right: 15%; border: 1px solid black; } .callout.alert--cf7-caramba div.wpcf7-mail-sent-ok{ margin: 0; padding-right: 15%; border: 1px solid black; } .callout.alert--cf7-caramba h3, .callout.alert--cf7-caramba p, .callout.alert--cf7-caramba a{ color: #ffffff; } .callout.alert--cf7-caramba h3{ margin-bottom: 1.25rem; } .callout.alert--cf7-caramba > :last-child{ background-color: black; margin: 0; padding-right: 15%; border: 1px solid black; } .callout.alert--cf7-caramba .caramba--progress-bar{ position: absolute; bottom: 0; left: 0; background-color: white; height: 0.25rem; width: 100%; padding: 0; margin: 0; border: 0; } .callout.alert--cf7-caramba.caramba--processing-close .caramba--progress-bar.active{ width: 0%; -webkit-transition: width 14.9s linear; -moz-transition: width 14.9s linear; -o-transition: width 14.9s linear; transition: width 14.9s linear; } .callout.alert--cf7-caramba .tml-error{ border: 0; margin: 0; } .callout.alert--cf7-caramba .tml-messages{ border: 0; margin: 0; } .callout.alert--cf7-caramba .tml-messages .tml-message{ border: 0; margin: 0; padding-right: 12%; } /* PARTICIPANTES HOME */ .webinar--participantes .participante{ margin-top: 1rem; margin-bottom: 1rem; } .webinar--participantes .participante img{ border-radius: 50%; margin-bottom: 0.5rem; } /* MODAL PARTICIPANTE */ #participanteModal .participante-biografia, #participanteModal .participante-portafolio{ display: block !important; } /* SINGLE POST */ .card--webinar-at-hand{ margin: 1rem 0 3rem; padding-top: 1rem; margin-top: 2rem; } .card--webinar-at-hand .card--cuerpo{padding-left: 0; padding-right: 0;} .card--webinar-at-hand .card--cabeza{ height: 50vh; /* max-height: 15.5rem; */ } .single .card--webinar .card--cabeza{ position: relative; } .single .card--webinar .card--cabeza .copyright--img{ position: absolute; top: 0.5rem; left: 0.5rem; color: #ffffff; font-size: 0.8rem; } .single .card--webinar .card--cabeza .button--play { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 2rem; min-width: fit-content; text-decoration: none; } .single .card--webinar .card--cabeza .button.button--play:before { content: ''; width: 0rem; height: 0; position: absolute; top: 50%; left: 0.75rem; transform: translate(-0.2rem, -50%) rotate(45deg); border: 0.3rem solid white; border-left-color: transparent; border-bottom-color: transparent; } .single .card--webinar .card--cabeza .button.button--play:hover::before{ border-color: #000000; border-left-color: transparent; border-bottom-color: transparent; } .single .single-webinar--header .card--webinar .card--cuerpo{ background: #ffffff; border-radius: 0px 0px 5px 5px; z-index: 2; padding: 1rem 0; } /*.single .card--webinar .card--cuerpo .cell.shrink:first-child { margin-left: 1.5rem; } .single .card--webinar .card--cuerpo .cell.shrink:last-child { margin-right: 1.5rem; } .CELL.SHRINK NO SE SABE A QUÉ DIV AFECTA */ .single .card--webinar .card--pies .button.large{ /*margin-top: -0.25rem;*/ } .single .card--webinar #form_finalizado { position: absolute; top: 1rem; right: 1rem; z-index: 1; } .single .contenido--webinar .contenido-webinar--info h2{ line-height: 2.5rem; margin: 0.5rem 0; } .single .contenido--webinar .contenido-webinar--info .webinar-info--categorias{ padding: 1rem 0; position: relative; contain: content; } .single .contenido--webinar .contenido-webinar--info .webinar-info--categorias h6{ width: max-content; text-transform: uppercase; } .single .contenido--webinar .contenido-webinar--info .webinar-info--categorias .gradient--categorias{ position: absolute; right: 0; top:0; height: 100%; width: 25%; /*border: 1px solid red;*/ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .single .contenido--webinar .contenido-webinar--premio{ margin: 1rem 0; padding: 1rem; border: 1px solid #b3b3b3; border-radius: 5px; } .single .contenido--webinar .contenido-webinar--premio p{ line-height: 1.2rem; } .single .contenido--webinar .contenido-webinar--texto{ margin: 1.5rem 0 0; } .single .contenido--webinar .contenido-webinar--texto p{ line-height: 1.45rem; } .single .contenido--webinar .contenido-webinar--texto .button--descargar-webinar{ margin-top: 5rem; padding-left: 2rem; position: relative; } .single .contenido--webinar .contenido-webinar--texto .button--descargar-webinar:before{ content: ""; width: 0; height: 0; position: absolute; top: 38%; left: 1rem; transform: translate(-0.2rem, -50%) rotate(-45deg); border: 0.3rem solid white; border-right-color: transparent; border-top-color: transparent; } .single .webinar--comentarios{ margin-top: 2rem; } .single .webinar--comentarios h3#comments{ font-size: 1rem; } .single .webinar--participar-rifa, .single .webinar--subscribe-mailchimp{ margin-top: 2rem; margin-bottom: 2rem; } .single .webinar--proximos{ padding-top: 4rem; } .single .webinar--proximos h4{ /*margin-bottom: 2rem;*/ } .single .webinar--proximos a{ text-decoration: none; } .single #contenidowebinar{margin-top: 3rem;} .single .webinar--comentarios{display: none;} .single .cuerpo--social-links img{max-width:1.8rem; opacity: 0.3; padding-left: 0.5rem;} .single .cuerpo--social-links span{opacity: 0.4;} /*#countdown{margin-top: 4rem;}*/ #countdown .stroke-text{ color: white; /*text-shadow: -1px -1px 0 #888888, 1px -1px 0 #888888, -1px 1px 0 #888888, 1px 1px 0 #888888; */font-size: 11.5vw; line-height: 1em; } /*VIDEO YOUTUBE SINGLE */ #player{ width: 100%; height: 100%; /*display: none;*/ } #card--cabeza.video-play-caramba{ height: 70vh !important; } /* SINGLE MODAL RIFA PARTICIPANTES */ #rifaModal .participantes--rifa-modal .rifa-modal--button{ padding: 0.5rem; } .single .seccion--rifa .single--cta-register{ margin-bottom: 1rem; } /* STATUS WEBINAR */ .status--webinar{ position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); background: white; border-radius: 10px; padding: 1rem; text-align: center; width: 70%; } /* SINGLE WEBINAR STATUS COUNTDOWN 12/12/2019 10:53hrs CHANDER */ .single .card--webinar.status-countdown .card--cabeza .copyright--img{ position: absolute; top: 0.5rem; left: 0.5rem; font-size: 0.7rem; color: #ffffff; } /* SINGLE WEBINAR STATUS PENDING 10/12/2019 18:00hrs CHANDER */ /* LOG-OUT */ .single .card--webinar.status-pending .card--cabeza{ /*padding-top: 100%;*/ position: relative; height: 70vw !important; } .single .card--webinar.status-pending .card--cabeza .cabeza--sesion{ height: 100%; padding: 2.25rem 2.5rem; } .single .card--webinar.status-pending .card--cabeza .cabeza--sesion .sesion--texto{ position: relative; } .single .card--webinar.status-pending .card--cabeza .cabeza--sesion .sesion--texto h6{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #ffffff; } /* LOGGED-IN .single.logged-in .card--webinar.status-pending{ /*position: relative;*/ } .single.logged-in .card--webinar.status-pending .card--cabeza{ padding-top: 100%; position: relative; } .single.logged-in .card--webinar.status-pending .card--cabeza h6{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; color: #ffffff; } /* SINGLE WEBINAR STATUS STREAMING 10/12/2019 18:20hrs CHANDER */ /* LOG OUT */ .single .card--webinar.status-streaming .card--cabeza{ /*padding-top: 100%;*/ position: relative; height: 70vw !important; } .single .card--webinar.status-streaming .card--cabeza .cabeza--sesion{ height: 100%; padding: 2.25rem 2.5rem; } .single .card--webinar.status-streaming .card--cabeza .cabeza--sesion .sesion--texto{ position: relative; } .single .card--webinar.status-streaming .card--cabeza .cabeza--sesion .sesion--texto h6{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #ffffff; } /* LOGGED-IN */ .single.logged-in .card--webinar.status-streaming .card--cabeza{ height: auto !important; } .single.logged-in .card--webinar.status-streaming .card--cabeza .flex-video{ margin: 0; } /* SINGLE WEBINAR STATUS UPLOADED 10/12/2019 19:13hrs CHANDER */ /* LOG-OUT */ .single .card--webinar.status-uploaded .card--cabeza{ /*padding-top: 100%;*/ position: relative; height: 70vw !important; } .single .card--webinar.status-uploaded .card--cabeza .cabeza--sesion{ height: 100%; padding: 2.25rem 2.5rem; } .single .card--webinar.status-uploaded .card--cabeza .cabeza--sesion .sesion--texto{ position: relative; } .single .card--webinar.status-uploaded .card--cabeza .cabeza--sesion .sesion--texto h6{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #ffffff; } /* LOGGED-IN */ .single.logged-in .card--webinar.status-uploaded .card--cabeza{ height: auto !important; } .single.logged-in .card--webinar.status-uploaded .card--cabeza .flex-video{ margin: 0; } /* SINGLE TEXTO OSCURO */ .single .single--webinar.webinar--texto-oscuro .card--webinar.status-pending .card--cabeza h6, .single .single--webinar.webinar--texto-oscuro .card--webinar .cabeza--sesion .sesion--texto h6{ color: #000000; } .single .panel-oscuro.webinar--texto-oscuro h3, .single .panel-oscuro.webinar--texto-oscuro p{ color: #000000; } .single .single--webinar.webinar--texto-oscuro .card--webinar .card--cuerpo .cuerpo--fechahora .pebble{ color: #000000; } /* BARRA FIXED BOTTOM PASAR A STICKY */ #share-icons-fixed{transform: translateY(0);transition: all 0.2s ease-in-out;} #share-icons-fixed.dismissed{transform: translateY(500%);opacity: 0;} #share-icons-fixed a{border: 1px solid red; width: 1.8rem; height: 1.8rem; background-color: black;} .home .herramientas--fixed{display: none;} .single .herramientas--fixed.is-stuck{ /*position: fixed; display: block;*/ border: 1px solid red; top: auto !important; bottom: 0 !important; width: 100%; text-align: right; z-index: 10; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .single .herramientas--fixed .herramientas-iconos{ margin: 2rem; } .single .herramientas--fixed .herramientas-iconos a{ position: relative; display: inline-block; text-align: right; } .single .herramientas--fixed .herramientas-iconos a:first-child{ position: absolute; left: 2rem; bottom: 2rem; } .single .herramientas--fixed .herramientas-iconos a + a{ margin-left: 1rem; } .single .herramientas--fixed .herramientas-iconos a img{ height: 2rem; width: auto; display: none; } /* .herramientas--fixed .share{ width: 50%; text-align: left; } .herramientas--fixed .more-tools{ width: 50%; text-align: right; } .herramientas--fixed .more-tools img{ display: inline-block; } .herramientas--fixed .more-tools img + img{ margin-left: 1rem; } */ /* VIDEO MODAL IF IS NOT LOGIN MUESTRA FORMS DE TML */ #videoModal .tml{margin-top: 1rem;margin-bottom: -1rem;} #videoModal .tml ul.tml-links{ list-style-type: none; } #videoModal .tml ul.tml-links li a{ color: #000000; list-style-type: square; } #videoModal .tml ul.tml-links .tml-register-link{ display: none; } /*#offCanvas .user--panel ul{ list-style-type: square; }*/ #videoModal .user--panel a{ text-decoration: none; } #videoModal .user--panel h6{ color: #000000; } #videoModal .user--panel a + a h6{ margin-top: 1rem; } #videoModal .tml-indicator-wrap, #videoModal .acf-user-register-fields{ display: none; } #videoModal-tabs{ list-style-type: none; margin-left: 0; padding: 0 1rem;} #videoModal-tabs li{width: 100%;} #videoModal-tabs .tabs-title.is-active{ display: none; } /* SINGLE PAGE 08/12/2019 CHANDER */ .single .single--header .single--webinar .card--webinar{ padding-top: 2rem; margin: 0; } .single .single--header .single--webinar .card--webinar.status-uploaded { padding-top: 0; } .single .single--header .single--webinar .card--webinar #countdown{ padding: 0.5rem 0rem; } /*.single .single--header .single--webinar .card--webinar .card--cabeza{ height: 40vh; } LA ALTURA SERÁ DETERMINADA POR LA IMAGEN */ .single .single--header .single--webinar .card--webinar .card--cuerpo{ border-radius: 0; padding: 0; margin: 0; } .single .single--header .single--webinar .card--webinar .card--cuerpo h2{ font-size: 2.5rem; line-height: 2.625rem; } .single .single--header .single--webinar .card--webinar .card--cuerpo .cuerpo--fechahora + h2{ margin-top: 2.5rem; } .single .single--header .single--webinar .card--webinar .card--cuerpo h2 + p{ margin: 0.5rem 0; } .single .single--header .single--webinar .card--webinar .card--cuerpo .pebble{ display: block; font-size: 0.831rem; line-height: 2em; margin-top: 0.5rem; border: 1px solid; color: white; } /* NOTA> HACE QUE SE ROMPA EN SMALL LO ESTOY COMENTANDO PARA ENCONTRAR OTRA SOLUCIÓN .single .single--header .single--webinar .card--webinar .card--cuerpo .pebble.cabeza--fecha{ max-width: 85%; }*/ .single .single--header .single--webinar .card--webinar .card--pies{border-top: 2px solid #4D303030; border-bottom: 2px solid #4D303030; margin: 1rem 0; background-color: white; border-radius: unset; padding: 1rem 0;} .single .single--header .single--webinar .card--webinar .card--pies p.enclosed{ color: #4D303030; } /* SINGLE SECCIÓN: PARTICIPANTES*/ .seccion--single-participantes .single-participante{ margin: 1.5rem 0rem; } /* max-height: 5rem; CAMBIO EL MAX HEIGHT AL ROW COMPLETO, DEBER'IA SER SOLO A LA IMG */ .seccion--single-participantes .single-participante .participante--info{ padding-left: 1.25rem; } /* SINGLE SECCIÓN: SINOPSIS*/ .seccion--sinopsis{ padding: 1rem 0rem; } .seccion--sinopsis p{ /*font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;*/ font-size: 1.125rem; margin-top: 1.56em; margin-bottom: -0.46em; letter-spacing: -0.004em; line-height: 1.58; word-break: break-word; } .seccion--sinopsis p span{ font: inherit; color: inherit; font-weight: normal !important; } .seccion--sinopsis p a{ font: inherit; text-decoration: underline; font-style: italic; } .seccion--sinopsis h1{ /*font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;*/ font-size: 1.875rem; font-weight: 600; letter-spacing: -0.022em; line-height: 1.12; margin-top: 1.2em; margin-bottom: -0.28em; } .seccion--sinopsis h1 + p{ margin-top: 0.67em; } .seccion--sinopsis h1 + ul > li{ margin-top: 0.67em; } .seccion--sinopsis h1 + ol > li{ margin-top: 0.67em; } .seccion--sinopsis mark{ background-color: rgba(12, 242, 143, 0.2); color: currentColor; cursor: pointer; } .seccion--sinopsis blockquote{ display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; padding: 0; box-shadow: inset 3px 0 0 0 rgba(0, 0, 0, 0.84); padding-left: 23px; margin: 0; margin-left: -20px; word-break: break-word; box-sizing: inherit; font-style: italic; color: #303030; } .seccion--sinopsis blockquote p{ color: #303030; } .seccion--sinopsis ul{ padding: 0; margin: 0; list-style-image: none; } .seccion--sinopsis ul li{ /*font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;*/ font-size: 1.125rem; letter-spacing: -0.004em; line-height: 1.58; margin-top: 1.34em; margin-left: 2rem; margin-bottom: -0.46em; } .seccion--sinopsis ol li{ /*font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;*/ font-size: 1.125rem; letter-spacing: -0.004em; line-height: 1.58; margin-top: 1.34em; margin-left: 2rem; margin-bottom: -0.46em; } /* SINGLE PRODUCT: SECCION CLASES */ .seccion--clases ul li.tabs-title a, .seccion--clases ul li.tabs-title.is-active a{ color: #000000; text-decoration: none; } .seccion--clases .clase--contenido .contenido--video{ padding: 0.8rem 0.5rem; } .seccion--clases .clase--contenido .contenido--video .wp-video .mejs-container.wp-video-shortcode.mejs-video{ /*height: 20rem !important;*/ } .seccion--clases .clase--contenido .contenido--datos{ padding: 0.8rem 0.5rem; } .seccion--clases .clase--contenido .contenido--sinopsis{ padding: 0 0.5rem; } /* SINGLE SECCIÓN: RIFA WEBINAR*/ .seccion--single-rifa .panel-oscuro [type='email']{ border: 2px solid black !important; margin-top: 5rem; } .seccion--single-rifa .panel-oscuro .wpcf7-form .wpcf7-submit{ background-color: transparent; } .seccion--single-rifa .panel-oscuro .wpcf7-form .your-email p{ margin-top: 2rem; margin-bottom: 1rem; } /* STATUSES EN ROJO */ .statuses{ display: none; } /* PAGE: WEBINAR PASADOS */ .page .webinar--pasados .card--webinar-pasado .webinar-pasado--imagen .webinar-pasado--portada{ border-radius: 0.7rem; margin-bottom: -0.7rem; } /* PAGE: LOGIN, REGISTER, LOSTPASSWORD */ .page .page--title{ padding-top: 6rem; padding-bottom: 3rem; } .page .page--title h2{ text-align: center; } /* PAGE USUARIOS */ .filter--usuarios{ margin-top: 2rem; } .panel--usuarios{ /*border: 1px solid black;*/ margin: 1rem 0rem; } .panel--usuarios .cell{ padding: 1rem 0rem; } .panel--usuarios .cell a{ color: #111111; } .panel--usuarios .isotope--item{ width: 100%; } /* PARTICIPANTE SINGLE PAGE */ .single--participante .participante--contenido a { font-size: 0.75rem; line-height: 0.9rem; color: #000000; outline: none; } .single--participante .participante--contenido a + p { margin-top: 1.5rem; } /* CART PAGE */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button{ background-color: #000000; color: #ffffff; } /* CHECKOUT PAGE */ .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3{ margin-top: 1.5rem; } .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields > h3{ margin-top: 1.5rem; } .woocommerce .checkout.woocommerce-checkout #customer_details + h3#order_review_heading{ margin-top: 1.5rem; } .woocommerce .checkout.woocommerce-checkout #order_review #payment{ background-color: transparent; color: #000000; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .wc_payment_methods.payment_methods{ border: 1px solid black; border-radius: 5px; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .form-row.place-order{ padding: 0; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper{ padding: 1rem } .woocommerce .checkout.woocommerce-checkout #order_review #payment .form-row.place-order .button{ background-color: #000000; color: #ffffff; border-radius: 5px; padding: 1em 1.5em; font-size: 100%; } /* THANK YOU PAGE */ .woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received{ font-family: 'Space Grotesk', sans-serif; font-weight: bold;font-size: 2.075rem; line-height: 2.49rem; letter-spacing: 0rem; color: #000000; margin: 0; } .woocommerce-order-received .woocommerce ul.order_details{ margin-top: 1rem; padding: 0.5rem; border: 1px solid black; border-radius: 5px; } .woocommerce-order-received .woocommerce ul.order_details li{ float: unset; margin: 0; border: 0; } .woocommerce-order-received .woocommerce ul.order_details li + li{ margin-top: 0.5rem; } } /* Define mobile styles */ @media only screen and (max-width: 40em) { .has-large-font-size{font-size: 1.5rem;} .grid-container{padding: 2rem;} .wp-block-columns{margin-bottom: 0; gap:0.75em;} #sticker{font-size:0.9rem;} /* MENU .seccion--topbar .sticky .button{ margin: 1rem; } .seccion--topbar .sticky img{ margin: 1rem; }*/ #offCanvas.position-left{ overflow: hidden; } /* SLIDESHOW HEADER: CARD WEBINAR NO DETECTA NADA ACA DENTRO.*/ .slideshow--header .header--portada-slide .card--webinar .card--cuerpo .cuerpo--informacion .cell.auto .pebble{ display: none; } .seccion--participantes .participantes-frame{ height: 83vh !important; } /* HOME WEBINAR .home--webinars-logo{-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }*/ .webinar--pasados .cell + .cell{ margin-top: 1rem; } .webinars--single-webinar:first-child .card--webinar{margin-top: 2rem;} /* HOME SECCIÓN: WEBINARS PRÓXIMOS*/ .page-front-page .seccion--webinars-proximos .grid-container{ padding: 0; } /* PAGE: LOGIN, REGISTER, LOSTPASSWORD */ .page .page--title h2{ text-align: center; } } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /** Medium screens**/ @media only screen and (min-width: 40.063em) { /* HELPERS */ .small--expanded{ width: auto; } .woocommerce.add_to_cart_inline .button{ width: auto; } .not-ready{ display: none; } .stroke-text-die{ color: black; -webkit-text-fill-color: white; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: black; } #iconoanimado-16-confondo-16{width: 40vw;} .hide-for-large { display: block !important; width: auto !important; overflow: visible !important; max-height: none !important; font-size: inherit !important; line-height: inherit !important; } /* ELEMENTS, MESSAGES, ALERTS, REVEALS, ETC */ #participanteModal{ width: 100%; /*padding-top: 0; padding-bottom: 0;*/ } /* HOMEPAGE */ .home-presentacion--webinars p.lead{margin-bottom: 0;} .home--webinars-logo{padding-top: 0.5rem;} .home .seccion--webinars-proximos .grid-container{ max-width: 100%; padding: 0; } /* ESTO DEBE SER SOLUCIONADO DE OTRA MANERA */ .callout.alert--cf7-caramba{ width: 20vw; right: 0; left: auto; } .slideshow--header .header--portada-slide .card--webinar .card--cabeza .cabeza--year{ position: absolute; display: block; top: 0.5rem; right: 0.5rem; border: 1px solid; } /* TOPBAR */ .seccion--topbar .sticky-container{ z-index: 300; } .home--webinars-logo img{height: 45px; margin-right: 1rem;} .logo-fototeca--holder.full #logo--webinars{transform: translateY(-0.5rem) scale(0.8);} /* CHANDER 13/12/2019 17:19hrs */ /* HEADER */ .home-presentacion--webinars {margin-bottom: 4rem;} /* MENU OFFCANVAS*/ #offCanvas{ overflow: hidden; z-index: 250; } /*#offCanvas .seccion--iniciar-sesion .cell{ padding: 2rem;}*/ .off-canvas.position-left{ padding-top: 3.5rem !important; } #offCanvas--login-register .tabs--links{ margin-bottom: 2rem; } /* BANNER FOOTER */ .seccion--footer .footer--banner .banner--img{ padding-top: 25%; } /* CARD WEBINAR */ /*.seccion--webinars .cell{ //padding: 1rem; }*/ .card--webinar .card--cabeza{ min-width: auto; } .card--webinar .card--cuerpo{ min-width: auto; } /* SINGLE .single .card--webinar{ max-height: 70vh; }*/ .single .card--webinar .card--cabeza{ /*height: 40vh;max-height: 70vh; */} .single .card--webinar .card--cuerpo .grid-x .cell{ margin-left: 0.5rem; margin-right: 0.5rem; } .single .card--webinar .card--cuerpo .grid-x .cell.hide-for-small-only p{ padding: 0 1rem; } .single .card--webinar.sticky.is-stuck{ width: 45%; right: 0; } .single .card--webinar.sticky.is-stuck .card--cabeza{ /*height: 85%;*/ } .single .card--webinar.sticky.is-at-bottom{ top: 0 !important; } .single .contenido--webinar .contenido-webinar--premio{ margin-top: 1rem; margin-bottom: 1rem; } .single .contenido--webinar, .single .webinar--subscribe-mailchimp, .single .webinar--participar-rifa{ width: 50%; } .single .card--webinar .card--cabeza .cabeza--sesion .sesion--botones .grid-x .cell{ padding: 0rem 0.75rem; } /* SINGLE WEBINAR STATUS */ .single .card--webinar.status-pending .card--cabeza{ height: 40vh !important; padding-top: 0 !important; } .single .card--webinar.status-streaming .card--cabeza{ height: 40vh !important; padding-top: 0 !important; } .single .card--webinar.status-uploaded .card--cabeza{ height: 40vh !important; padding-top: 0 !important; } .single .card--webinar.status-pending.video--youtube .card--cabeza{ height: 60vh !important; } .single .card--webinar.status-streaming.video--youtube .card--cabeza{ height: 60vh !important; } .single .card--webinar.status-uploaded.video--youtube .card--cabeza{ height: 60vh !important; } /* STATUS WEBINAR */ .status--webinar{ width: 50%; } /* SLIDESHOW FOOTER */ .slideshow--pasados-medium .webinar-pasado-click{ /*padding: 0 0.5rem;*/ height: 100%; width: 100%; /*display: block;*/ } .helpers--slideshow-pasados-medium{ padding: 1.5rem 0; } .helpers--slideshow-pasados-medium .arrows-prev--pasados svg, .helpers--slideshow-pasados-medium .arrows-next--pasados svg{ height: 1rem; max-width: 100%; padding: 0; margin: 0; cursor: pointer; } .helpers--slideshow-pasados-medium .dots--pasados .slick-dots{ margin: 0; list-style-type: none; text-align: center; height: 1rem; cursor: pointer; } .helpers--slideshow-pasados-medium .dots--pasados .slick-dots li{ display: inline-block; height: 0.5rem; width: 0.5rem; border: 2px solid black; border-radius: 50%; background-color: white; } .helpers--slideshow-pasados-medium .dots--pasados .slick-dots li.slick-active{ background-color: black; } .helpers--slideshow-pasados-medium .dots--pasados .slick-dots li + li{ margin-left: 0.5rem; } .helpers--slideshow-pasados-medium .dots--pasados .slick-dots li button{ outline: none; } /* TEMPLATE PART: WEBINAR PASADOS */ .webinar--pasados .slideshow--pasados-medium .cell.slick-slide{ padding: 0 0.5rem; } /* CHANDER 27/02/2020 */ #winarspasados-new{ height: calc(100vh - 5rem); } .webinar--pasados .grid--pasados-medium{ height: 100%; } .webinar--pasados .slideshow--pasados-medium .slick-list.draggable, .webinar--pasados .slideshow--pasados-medium .slick-list.draggable .slick-track{ height: 100%; } .webinar--pasados .slideshow--pasados-medium .pasados-medium--slide{ padding-left: 0.75rem; padding-right: 0.75rem; } .webinar--pasados .slideshow--pasados-medium .pasados-medium--slide .grid-x{ height: 100%; } .webinar--pasados .slideshow--pasados-medium .pasados-medium--slide .grid-x > .cell{ position: relative; } .webinar--pasados .slideshow--pasados-medium .pasados-medium--slide .grid-x .cell .webinar--element.webinar-pasado-click{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } /* PARTICIPANTE SINGLE PAGE */ .single--participante .participante--contenido{ padding-left: 1rem; } .single--participante .webinar--proximos{ padding: 0; padding-bottom: 1rem; } .single--participante .webinar--proximos h4{ margin-bottom: 2rem; } .single--participante .webinar--pasados .webinar-pasado-click{ /*padding: 0 0.5rem; height: 100%; width: 100%; display: block;*/ position: absolute; height: inherit; width: inherit; display: block; z-index: 6; } .single--participante .webinar--pasados .card--webinar-pasado{ /*height: 100% !important;*/ } /* SINGLE SECCIÓN: SINOPSIS*/ .seccion--sinopsis p{ font-size: 1.3125rem; margin-top: 2em; } .seccion--sinopsis h1{ font-size: 2.125rem; margin-top: 1.95em; } .seccion--sinopsis h1 + p{ margin-top: 0.86em; } .seccion--sinopsis h1 + ul > li{ margin-top: 0.86em; } .seccion--sinopsis h1 + ol > li{ margin-top: 0.86em; } .seccion--sinopsis ul li{ font-size: 1.2125rem; margin-top: 1.05em; } .seccion--sinopsis ol li{ font-size: 1.2125rem; margin-top: 1.05em; } } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /** Large screens**/ @media only screen and (min-width: 64.063em) { /* STICKER */ #sticker{width: 10vw; height: 10vw;} h1{ font-size: 4.131rem; line-height: 1em; letter-spacing: -0.1rem; color: #000000; font-weight: Bold;margin-bottom: 1.5rem;} h5{ font-size: 1.25rem; line-height: 1em; letter-spacing: -0.04rem; color: #303030; } .seccion--topbar #logo--fototeca, .seccion--topbar .button{margin-top: 2rem; margin-bottom: 2rem;} /* GENERAL .grid-container{max-width: 65rem;}*/ /* ELEMENTS, MESSAGES, ALERTS, REVEALS, ETC */ #participanteModal{ /*padding: 0;*/ } /* HOMEPAGE */ .callout.alert--cf7-caramba{ width: 20vw; } .slideshow--header .header--portada-slide{ min-height: 400px; } /* HELPERS */ #iconoanimado-16-confondo-16{width: 20vw;} .hide-for-large { display: none !important; mso-hide: all; overflow: hidden; max-height: 0; font-size: 0; width: 0; line-height: 0; } .hide-for-small { display: block !important; width: auto !important; overflow: visible !important; max-height: none !important; font-size: inherit !important; line-height: inherit !important; } #homepage--grid-frame{height: 90vh;} .slideshow--webinar{ height: 70vh; max-height: 70vh; } .slideshow--webinar .slick-list.draggable{height: 70vh; max-height: 70vh; } .webinar{ display: inline-flex !important; max-height: 70vh; } .img-webinar{ position: relative; display: inline-block; max-height: 70vh; } .img-webinar img{ padding: 1.5rem; text-align: center; max-height: 25rem; margin: auto; } .info-webinar{ position: relative; display: inline-block; max-height: 70vh; padding: 1rem; } .info-webinar h1{ width: 100%; margin: auto; } .info-webinar .contenido--webinar{ text-align: left; } .info-webinar .contenido--webinar span{ width: 100%; margin: 0.5rem 0; text-align: left; } .info-webinar .contenido--webinar p{ /*border: 1px solid black;*/ text-align: justify; } .img-webinar2{ position: relative; display: inline-block; } .img-webinar2 img{ padding: 1.5rem; text-align: center; max-height: 25rem; } .info-webinar2{ position: relative; display: inline-block; padding: 1rem; } .info-webinar2 h1{ width: 100%; margin: auto; } .info-webinar2 .contenido--webinar2{ text-align: left; } .info-webinar2 .contenido--webinar2 span{ width: 100%; margin: 0.5rem 0; text-align: left; } .info-webinar2 .contenido--webinar2 p{ /*border: 1px solid black;*/ text-align: justify; } /* SINGLE */ /* STATUS WEBINAR */ .status--webinar{ width: 40%; } /*#countdown{ height: 15vh; }*/ /* SECCIÓN: PARTICIPANTES 1/12/2019 CHANDER */ .seccion--participantes .participantes-frame{ height: 100% !important; } /* SLIDESHOW WEBINARS PASADOS MEDIUM .seccion--webinarpasados-new{ display: none; } .helpers--slideshow-pasados{ display: none; }*/ } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /**XLarge screens**/ @media only screen and (min-width: 90.063em) { #countdown{ height: 10vh; margin-top: 5rem; } /* CHANDER 27/02/2020 */ #winarspasados-new{ height: calc(75vh - 5rem); } } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /**XXLarge screens**/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */