/*  
Project Name:   ACAL Scientia
Description:    UI for ACAL Scientia site
Author:			Ciro Urdaneta
Author URI:		https://curdaneta.com
Version:		1.0
Last update:	###### Wed Jan 13 13:29:41 VET 2021
*/


/*
///////////// NOTAS ///////////////





*/


/*

globales

*/

:root {
    --gris-oscuro: #24384e;
    --azul-50: #f4f7fb;
    --azul-100: #ecf2f8;
    --azul-200: #dae5f1;
    --azul-300: #b8cee5;
    --azul-400: #8fb1d6;
    --azul-500: #5a8dc4;
    --azul-600: #4076b0;
    --azul-700: #315a87;
    --azul-800: #294b70;
    --azul-900: #264669;
    --ocre-50: #fff6d6;
    --ocre-100: #fff1bd;
    --ocre-200: #ffe070;
    --ocre-300: #fac400;
    --ocre-400: #d1a400;
    --ocre-500: #d6a800;
    --ocre-600: #8a6c00;
    --ocre-700: #6b5400;
    --ocre-800: #574400;
    --ocre-900: #524000;
    --font-sans: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
    --font-serif: 'Abril Fatface', 'Times New Roman', Georgia, Times, serif;
}


/*

Estilos base

*/

body {
    font-family: var(--font-sans);
    color: var(--gris-oscuro);
    font-weight: 300;
}

.site-footer {
    background: var(--gris-oscuro);
}


/*

Clases personalizadas

*/

table.zebra {
    table-layout: auto;
    width: 100%;
    border: #fff;
    margin-top: 0;
}

.zebra th {
    background-color: var(--azul-500);
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 0.5rem 0.75rem;
    text-align: center;
}

.zebra td {
    padding: 0.5rem 0.75rem;
    border-right: 1px solid var(--azul-200);
}

.zebra td:last-of-type {
    border-right: none;
}

.zebra tr:nth-child(even) {
    background: var(--azul-50);
}


/*

Slick carousel

*/

.slick-slide {
    margin: 0px 8px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: var(--gris-oscuro) !important;
}


/*

Events Card

*/

.events-card {
    position: relative;
    z-index: 1;
    height: 100%;
    display: table;
}

.events-card__content {
    display: block;
    overflow: auto;
    background-size: cover;
    height: 100%;
    min-height: 156px;
}

.events-card__summary p {
    background: var(--gris-oscuro);
    display: inline;
    color: #fff;
    padding: 1px 2px;
}

.events-card__summary h4 {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .66);
}