/*
 Theme Name:   JorPress - EduPress
 Theme URI:    https://edupress.thimpress.com/
 Description:  Tema personalizado para o curso de Jonalismo da UFMA de Imperatriz
 Author:       Laécio Rodrigues
 Author URI:   https://instagram.com/laeciorodrigues
 Template:     edu-press
 Version:      1.0.0
 Text Domain:  edu-press-child
*/

:root {
   /** Paleta de Cores Editoriais */
   --color-jor-1-: #F15927;
   --color-jor-1-dark: #C0471F;
   --color-jor-1-light: #F37A52;

   --color-jor-2: #8D0333;
   --color-jor-2-dark: #700228;
   --color-jor-2-light: #A3355B;
}

/* -------------------------------------------------------------------------- */
/*! =====    01. HEADER    ===== !*/
/* -------------------------------------------------------------------------- */
.site-header {
    box-shadow: 0 2px 10px 5px rgba(0, 0, 0, 0.3) !important;
    z-index: 1;
}

.modalbutton {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    position: relative;
}

.modalbutton::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    display: block;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center;
}

/* -------------------------------------------------------------------------- */
/*! =====    02. HERO    ===== !*/
/* -------------------------------------------------------------------------- */
.bt-ufma {
   letter-spacing: .1em;
}

.bt-ufma span {
   text-transform: uppercase;
   font-size: 1rem;
   line-height: 1rem;
}

.bt-hero span {
    text-transform: uppercase !important;
}

/* -------------------------------------------------------------------------- */
/*! =====    MOBILE    ===== !*/
/* -------------------------------------------------------------------------- */

/* Configuração para Telas de até 1024px (Tablets e Laptops pequenos) */
@media (max-width: 1024px) {
    .elementor-4088 .elementor-element.elementor-element-bd9e719 .thim-ekits-heading .title {
        font-size: 70px !important;
    }
}

/* Apenas para celulares (telas menores que 767px) */
@media (max-width: 767px) {
    .elementor-4088 .elementor-element.elementor-element-bd9e719 .thim-ekits-heading .title {
        font-size: 50px !important;
		line-height: 60px !important;
    }
}