/*
includes/front-page/front-page.css
Theme name:     criacoesestudogenealogia;
Theme URI:      criacoesbutzke.com.br
Theme Template: front-page.php
Author:         Rubinei Butzke;
Author URI:     criacoesbutzke.com.br;
Description:    Criado especialmente para apresentar ferramentas de pesquisa genealógicas: contendo uma página inicial com quatro colunas. Cada coluna apresentando uma ferramenta: através de uma imagem principal e um texto explicativo com os devidos links, caso existam e um botão de link, é possivel, também colocar um laço de fita sobre a imagem para destacar a quantidade de itens disponível para pesquisa; e uma seção para indicar sites recomendados. Nas páginas das ferramentas apresenta espaços para campos de entrada, escolha e apresentação dos dados; Há um cabeçalho com logo do site, espaço para o nome e um navegador para dashboard. O rodapé é composto por três colunas onde apresentamos a missão do site, o registro do criador no centro e a esquerda dados de contato e sobre últimas atualizações.
Version:        1.0.9;
Text domain:    criacoesestudosgenealogia
*/
/* Container */
.container {
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Select2 Container */
.select2-container {
    width: 100% !important;
}

/* Main */
main {
    margin: 0 !important;
}

/* Element Positioning */
#tutorial, #evolui, #recens, #distr, #calcul, #princ-evol, #princ-censo, #princ-distr, #princ-calc, #quadro-evol, #quadro-cens, #quadro-dist, #quadro-calc, #imag-evol, #imag-censo, #imag-distr, #imag-calc {
    position: relative;
}
#evolui, #recens, #distr, #calcul, #quadro-evol, #quadro-cens, #quadro-dist, #quadro-calc {
    z-index: 10;
}
#princ-evol, #princ-censo, #princ-distr, #princ-calc, #imag-evol, #imag-censo, #imag-distr, #imag-calc {
    z-index: 1;
}

/* Ribbon */
.ribbon {
    background: #5cb85c;
    box-shadow: 0 1px rgba(0,0,0,0.2);
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    position: absolute;
    font-size: 14px;
    left: 18px;
    top: 10px;
    padding: 3px 10px;
    z-index: 200;
    font-weight: bold;
    width: auto;
    height: auto;
    overflow: hidden;
    pointer-events: none;
}

/* Tutorial Popups */
#tutor-dist, #tutor-censo, #tutor-evol, #tutor-calc {
    position: absolute;
    z-index: 100;
    background: #bdc7e7;
    opacity: 0.9;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
}
#tutor-dist.active, #tutor-censo.active, #tutor-evol.active, #tutor-calc.active {
    display: block;
}

/* Triangle for Tutorial Popups */
.triangle {
    width: 30px;
    position: absolute;
    top: -22px;
    left: 10px;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% 0,100% 100%,0 100%);
    background: linear-gradient(45deg,#bdc7e7,#bdc7e7);
}

/* Cursor for Interactive Elements */
#distr, #recens, #evolui, #calcul {
    cursor: help;
}

/* Hide Weeks */
#date-diff-result.hide-weeks .date-diff-must-show-weeks {
    display: none;
}

/* Animation for Zoom */
@keyframes zoomOut {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1.1);
    }
}