/*
Theme Name: REDAPPE
Author: CODING.MEDIA
Author URI: https://coding.media
Template: sydney
*/

/* HEADER */

.site-logo {
    width: 500px;
    max-width: 100%;
}

.header-wrap .col-md-4,
.header-wrap .col-md-8 {
    text-align: left !important;
}

.mainnav .menu {
    display: flex;
}

#mainnav .sub-menu li:hover>a {
	color: #2d2a21!important;
}

.site-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.15);
    padding-bottom: 0;
}

.site-header.fixed {
    padding-bottom: 0;
    background: #fff !important;
}

.btn-menu .sydney-svg-icon {
    fill: #d8514e;
}

@media screen and (max-width: 1024px) {
    .header-wrap .col-md-4 {
        margin-bottom: 0px;
    }
}

.header-wrap .container {
    display: grid;
    grid-template-areas:
        "logo socials"
        "menu menu";
}

.header-wrap .header-logo {
    grid-area: logo;
}

.header-wrap .header-socials {
    grid-area: socials;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-wrap .header-button {
    grid-area: button;
    display: none;
}

.header-wrap .header-button i {
    width: 26px;
    position: absolute;
    top: 40px;
    right: 30px;
    z-index: 1001;
}

#mainnav-mobi {
}

.mainnav ul li a {
	font-size:16px!important;
	font-weight:bold!important;
}

.menu-centered #mainnav > div > ul {
    display: flex;
    justify-content: space-between!important;
}
	
.site-header #mainnav ul li ul {
    left: 0 !important;
}

.header-wrap .header-menu {
    grid-area: menu;
    margin-top: 20px;
    position: relative;
}

.header-wrap .header-socials ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
}

.header-wrap .header-socials li {
    margin-left: 20px;
}

.header-wrap .header-socials li i {
    font-size: 24px;
}

.header-wrap .header-socials a {
    color: #2d2a21;
}

.header-wrap .header-socials a:hover {
    color: #e15426;
}

.header-wrap .header-menu .menu > li {
    padding: 15px 15px !important;
}

.site-header.fixed .site-logo {
    transition: 0.2s all;
}

.site-header.fixed.float-header .site-logo {
    width: 350px;
}

.site-header.float-header {
    padding: 0;
}

.site-header.fixed .header-menu {
    margin-top: 0px;
}

#mainnav li > .sub-menu > li > a {
    padding: 8px 18px;
}

#mainnav:not(.mainnav.toggled) li:hover > ul {
    padding-top: 0;
}

@media screen and (max-width: 1024px) {
    .header-wrap .container {
        display: grid;
        grid-template-areas:
            "logo button"
            "menu menu";
    }

    .header-wrap .header-socials {
        display: none;
    }

    .header-wrap .header-button {
        display: block;
    }
}

.mainnav.toggled ul > li > a,
#mainnav-mobi ul > li > a {
    padding: 5px 0;
}

.mainnav.toggled ul.sub-menu > li > a,
#mainnav-mobi ul.sub-menu > li > a {
    padding: 5px 15px;
}

.mainnav .sub-menu ul li {
    margin-left: 0px;
}

@media screen and (max-width: 411px) {
    .site-logo {
        max-width: 300px;
    }

    .header-wrap .header-button i {
        top: 25px;
    }
}

/* MENU */

#menu-top-menu li,
#menu-menu-principal li {
    padding-left: 10px;
    padding-right: 10px;
}

body.archive .archive-title {
    display: none;
}

body.single-post .single-meta .byline {
    display: none;
}

/* CONTENT */

/* FORM */

.wpforms-field-textarea textarea {
    max-height: 75px;
}

.wpforms-field-container input,
.wpforms-field-container textarea {
    background-color: #e0dede !important;
}

#wpforms-1431-field_2-container,
#wpforms-1431-field_1-container {
    padding-top: 0;
}

@media screen and (min-width: 768px) {
    .wpforms-field-container {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 10px;
    }

    .wpforms-field {
        margin-bottom: 0 !important;
    }

    .wpforms-field-name {
        order: 1;
    }

    .wpforms-field-email {
        order: 3;
    }

    .wpforms-field-text {
        order: 4;
    }

    .wpforms-field-textarea {
        order: 2;
        grid-row: span 3;
    }

    .wpforms-field-textarea textarea {
        height: calc(100% - 24px) !important;
        max-height: none;
    }
}

.elementor-1453
    .elementor-element.elementor-element-5aecf3e
    .eael-twitter-feed-item-content {
    padding-top: 10px !important;
}

.elementor-1453
    .elementor-element.elementor-element-5aecf3e
    .eael-twitter-feed-item-inner
    img {
    display: none;
}

.read-more-link {
    font-size: 0px !important;
}
.read-more-link:after {
    content: "Leer más ►";
    font-size: 14px;
}

.elementor-element-db34f9d p {
    display: none;
}

#sbi_load,
.eael-twitter-feed-item .eael-twitter-feed-item-header,
.eael-facebook-feed-item-header,
.eael-facebook-feed-preview-wrap {
    display: none;
}

.eael-facebook-feed {
    display: grid;
    grid-template-columns: 1fr;
    height: auto !important;
}

.eael-facebook-feed-item {
    position: unset !important;
    left: unset !important;
    top: unset !important;
    width: 100% !important;
}

.taxonomy-description {
    margin: 15px;
    margin-bottom: 30px;
    color: gray;
    font-size: 16px;
    border-bottom: 1px solid gray;
}

.mec-event-upcoming span {
    display: none !important;
}

@media screen and (max-width: 480px) {
    .elementor-element-5802c48 .eael-elements-flip-box-container {
        height: 350px;
    }
    .elementor-element-ad6be65 .eael-elements-flip-box-container {
        height: 600px;
    }
    .elementor-element-320bf06 .eael-elements-flip-box-container {
        height: 500px;
    }
    .elementor-element-2c0f2c8 .eael-elements-flip-box-container {
        height: 450px;
    }
}

#mainnav .highlight {
    background-color: #e15426;
    margin-right: 0px;
    margin-left: 3px;
    transition: 0.2s all;
}

#mainnav .highlight > a {
    font-weight: bold;
    color: white;
}

#mainnav .highlight > a:hover {
    color: white;
}

#mainnav .highlight:hover {
    background-color: #ff9f52;
}

#mainnav .highlight-gray {
	background-color: #2176b7;
}

#mainnav .highlight-gray:hover {
	background-color: #74acdf;
}

.mec-container #categories-4 {
    display: none;
}

/** CUSTOM FONTS **/

@font-face {
    font-family: "Neulis";
    src: url("./fonts/Neulis-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Neulis";
    src: url("./fonts/Neulis-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Neulis";
    src: url("./fonts/Neulis-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Uncut Sans";
    src: url("./fonts/Uncut-Sans-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Uncut Sans";
    src: url("./fonts/Uncut-Sans-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

body, .elementor-heading-title, .eael-entry-title, .elementor-button-text {
    font-family: "Uncut Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

highlight {
	font-family: "Neulis";
}
highlight.blue {
	color: #2176b7;
}
highlight.red {
	color: #e15426;
}
highlight.violet {
	color: #633A78;
}
highlight.orange {
	color: #E05326;
}
/** NEXT EVENTS **/

#mec_skin_6052 .mec-event-content, #mec_skin_6052 .mec-event-footer {
    display: none;
}
#mec_skin_6052 article {
	margin-bottom: 10px;
}

/** formulario contacto **/

#block-3 {
	margin-top: 100px;
}

.wpcf7 label {
	color: #F8F8EF!important;
}

.wpcf7 input[type="submit"] {
	background-color: #E05326!important;
	color: #F8F8EF!important;
}

.wpcf7 input[type="submit"]:hover {
	background-color: #FF9F53!important;
}

.elementor-widget-container a {
	color: inherit;
}

@media (max-width: 712px) {
	.elementor img.smaller {
		height: 25vw;
		width: auto;
	}	
}