@charset "UTF-8";

/*
Theme Name: Coral
Text Domain: coraltheme
Domain Path: /languages/
Author: Natalia Belén 
Author URI: https://nataliabelen.com
Description: Coral theme is a perfect combination of easy navigation and magnific style. Specially designed for normal people, who don't have specialized knowledge about programming.
Version: 1.0
License: 
License URI: 
Tags: responsive, boostrap, elementor, contact form 7, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, translation-ready

*/

:root {
    --main-color-white: #ffffff;
    --main-color-black: #070707;
}

@font-face {
    font-family: sintony;
    src: url('assets/font/Sintony-Regular.ttf');
}

body {
    background-color: var(--main-color-white);
    color: var(--main-color-five);
    font-family: sintony;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--main-color-two);
}

a {
    color: var(--main-color-one);
}

a:hover {
    color: var(--main-color-three);
}

.text-justify {
    text-align: justify;
}

.btn-color-three {
    color: var(--main-color-white);
    background: var(--main-color-three);
}

.btn-color-three:hover {
    background: var(--main-color-white);
    color: var(--main-color-three);
    border: 1px solid var(--main-color-three);
}

.border-color-three {
    border: 1px solid var(--main-color-three);
}

.line-dec {
    border: 2px solid var(--main-color-one);
    opacity: 1;
    background: var(--main-color-one);
    width: 80px;
    margin: auto;
}

.title-sidebar-right {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.title-sidebar-right::before {
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: var(--main-color-one);
}

#header_sup {
    background-color: var(--main-color-two);
}

#header_sup a {
    color: var(--main-color-white);
}

nav {
    min-height: 70px;
}

.navbar-nav ul {
    list-style: none;
    margin-bottom: 0;
}

.navbar-nav li a {
    display: block;
    font-size: 0.8em;
    font-weight: 400;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    padding: 26px 20px;
    letter-spacing: 3px;
    color: var(--main-color-header);
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
    color: var(--main-color-hover-header);
    background-color: var(--main-color-bg-hover-header);
}

.sub-menu {
    display: none;
    position: absolute;
    background-color: var(--main-color-white);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    padding-left: 0px;
    z-index: 1;
}

.sub-menu li a {
    font-weight: 600 !important;
    letter-spacing: 1px;
    padding: 10px;
    width: fit-content;
    margin: 10px 30px;
}

.sub-menu li a:hover {
    background-color: transparent !important;
    color: var(--main-color-two);
    border-bottom: 1px solid var(--main-color-two);
}

.menu-item:hover>.sub-menu {
    display: block;
}

.sub-menu li {
    list-style: none;
}

.menu-item-has-children>a:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.navbar-brand img {
    max-height: 50px;
}

#footer {
    color: var(--main-color-footer);
    background-color: var(--main-color-bg-footer);
}

#footer a {
    color: var(--main-color-footer);
}

#footer li a {
    text-decoration: none;
}

.sidebar-footer-img {
    max-height: 100px;
}

.comment-list {
    list-style: none;
}

.comment-body {
    border: 1px solid var(--main-color-four);
    margin-bottom: 20px;
}

.comment-author {
    padding: 20px;
    background: var(--main-color-four);
}

.comment-meta {
    padding: 10px 20px;
    font-style: italic;
    font-size: smaller;
    text-align: right;
}

.comment-body>p {
    padding: 5px 20px;
    text-align: justify;
}

.comment-body>.reply {
    padding: 10px 20px;
    text-align: right;
    border-top: 1px solid var(--main-color-four);
}

.comment-reply-title {
    padding-bottom: 1.5rem !important;

}

.comment-form>.form-submit>input {
    background: var(--main-color-three);
    color: var(--main-color-white);
    border: 0;
    padding: 10px 20px;
}

.comment-form>.form-submit>input:hover {
    background: var(--main-color-white);
    color: var(--main-color-three);
    border: 1px solid var(--main-color-three);
}

.comment-form>.comment-form-comment>textarea {
    border: 1px solid var(--main-color-three);
    margin-top: 10px;
    width: 100%;
}

.head-blog {
    background:
        linear-gradient(to bottom, color-mix(in srgb, var(--main-color-bg-header-blog) 85%, transparent) 0%, color-mix(in srgb, var(--main-color-bg-header-blog) 85%, transparent) 100%),
        url('assets/images/p2_v1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px;
    font-size: 2.5em;
    color: var(--main-color-white);
    font-weight: 700;
    text-align: center;
}

.head-blog h1 {
    font-size: 1.8em;
    color: var(--main-color-white);
    text-align: center;
}

.head-page {
    padding: 50px;
    font-size: 2.5em;
    color: var(--main-color-white);
    font-weight: 700;
    text-align: center;
}

.head-page-color {
    background: var(--main-color-bg-header-blog);
    padding: 50px;
    font-size: 2.5em;
    color: var(--main-color-white);
    font-weight: 700;
    text-align: center;
}

.last-post {
    list-style: none;
    padding-left: 0px;
}

.last-post>li {
    padding-bottom: 10px;
}

.last-post>li>a {
    text-decoration: none;
    color: var(--main-color-black);
}

.last-post>li>a:hover {
    padding-left: 5px;
    transition: all ease-in-out .3s;
    color: var(--main-color-three);
}

.last-post>li>a::before {
    display: inline-block;
    content: "";
    border-left: .3em solid;
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    margin-right: 8px;
}

#sidebar-left h1,
#sidebar-left h2,
#sidebar-left h3,
#sidebar-left h4,
#sidebar-left h5,
#sidebar-left h6,
#sidebar-right h1,
#sidebar-right h2,
#sidebar-right h3,
#sidebar-right h4,
#sidebar-right h5,
#sidebar-right h6 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#sidebar-left h1::before,
#sidebar-left h2::before,
#sidebar-left h3::before,
#sidebar-left h4::before,
#sidebar-left h5::before,
#sidebar-left h6::before,
#sidebar-right h1::before,
#sidebar-right h2::before,
#sidebar-right h3::before,
#sidebar-right h4::before,
#sidebar-right h5::before,
#sidebar-right h6::before {
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: var(--main-color-one);
}

#sidebar-left ul,
#sidebar-right ul {
    list-style: none;
    padding-left: 0px;
}

#sidebar-left ul>li,
#sidebar-right ul>li {
    padding-bottom: 10px;
}

#sidebar-left ul>li>a,
#sidebar-right ul>li>a {
    text-decoration: none;
    color: var(--main-color-black);
}

#sidebar-left ul>li>a:hover,
#sidebar-right ul>li>a:hover,
.footer-main>li>a:hover {
    padding-left: 5px;
    transition: all ease-in-out .3s;
    color: var(--main-color-three);
}

#sidebar-left ul>li>a::before,
#sidebar-right ul>li>a::before,
.footer-main>li>a::before {
    display: inline-block;
    content: "";
    border-left: .3em solid;
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    margin-right: 8px;
}

.wpcf7-form-control {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px;
}

.wpcf7-submit {
    background: #3f7c85;
    color: #ffffff;
    padding: 5px 20px;
}

.wpcf7-submit:hover {
    background: #ff5f5d;
}

.wpcf7-form label {
    color: #000000;
    width: 100%;
}

.wpcf7-text {
    width: 100%;
}

.wpcf7-textarea {
    width: 100%;
    height: 100px;
}

#img-404 {
    width: 100%;
    max-width: 400px;
}

.title-404 {
    color: var(--main-color-one);
}

@media only screen and (max-width: 426px) {
    .navbar-nav ul {
        padding-left: 0;
    }
}

#rrss_header_customize {
    background-color: var(--main-color-three) !important;
    color: var(--main-color-white) !important;
    min-height: 30px !important;
    /* height: 40px !important; */
    padding: 0;
}

#rrss_header_customize li a {
    color: var(--main-color-five) !important;
    font-size: 11px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

#rrss_header_customize li a:hover,
#rrss_header_customize li a:active,
#rrss_header_customize li a:focus {
    background-color: transparent !important;
}

#rrss_header_customize .navbar-nav .nav-item {
    border-right: 1px solid #339ed5;
}

#rrss_header_customize .navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--main-color-five) !important;
}

/* Oculta la barra de scroll en navegadores WebKit (Chrome, Safari, Edge) */
.scrollbar-invisible::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* Oculta la barra de scroll en Firefox */
.scrollbar-invisible {
    scrollbar-width: none;
}