/* 
Theme Name: Easydona
Theme URI: https://www.easydona.com/
Description: Easydona es un tema creado por Filmac
Author: Filmac
Author URI: https://filmac.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: easydona
*/


/*@font-face {
    font-family: 'nunitoblack';
    src: url('assets/fonts/Nunito-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: 'nunitoregular';
    src: url('assets/fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: 'nunitobold';
    src: url('assets/fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: 'nunitosemibold';
    src: url('assets/fonts/Nunito-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}*/

/* vars */
:root {
    --color-arena: #FFCF9F;

    --color-turquesa: #43E0DF;
    --color-turquesa-submenu: hsl(180deg 72% 60%);

    --color-rosa: #FDB5C1;

    --color-azul: #0070BA;
    --color-azul-submenu: hsl(204deg 100% 40%);

    --color-naranja: #ED925F;
    --color-fucsia: #D09AED;

    --color-lila: #8C52FF;
    --color-lila-submenu: hsl(260deg 100% 69%);

    --color-gris: #b4b5b7;
    --color-texto: #FFFFFF;

    --bg-opacidad: .32;
    --default-font: 'Nunito', sans-serif;
    --main-font-size: 35px;
    --hero-main-fs: 150px;
    --hero-text-fs: 40px;
    --menu-fs: 22px;
}

body,
div[data-elementor-type="wp-page"] {
    overflow-x: hidden;
}

div[data-elementor-type="wp-page"]>.elementor-inner>.elementor-section-wrap {
    overflow: hidden;
}

/* header */
header {
    height: 100px;
    margin-bottom: -100px;
}

main header {
    height: 90px;
}

#cabecera {
    transition: ease .4s background;
}

.bgflat {
    opacity: .9;
    transition: ease .4s background;
}

/*.page-id-3 #cabecera,*/

.page-id-122 #cabecera,
.page-id-1034 #cabecera,
.page-id-1117 #cabecera,
/*.blog #cabecera,*/
.page-id-3567 #cabecera,
.single-post #cabecera {
    background: var(--color-lila);
}

.page-id-13 .bgflat {
    background: var(--color-lila);
}

.page-id-52 .bgflat,
.page-id-2417 .bgflat,
.page-id-7218 .bgflat {
    background: var(--color-rosa);
}

.page-id-58 .bgflat,
.page-id-2279 .bgflat,
.page-id-4283 .bgflat,
.page-id-4322 .bgflat,
.page-id-4328 .bgflat,
.page-id-7744 .bgflat {
    background: var(--color-azul);
}

.page-id-61 .bgflat {
    background: var(--color-lila);
}

.page-id-64 .bgflat {
    background: var(--color-fucsia);
}

.page-id-2279 header,
.page-id-2417 header {
    margin-bottom: -104px;
}

.error404 {
    background: var(--color-turquesa);
}

/* landings */
.page-id-4188 .bgflat,
.page-id-4204 .bgflat,
.page-id-4210 .bgflat,
.page-id-5466 .bgflat {
    background: var(--color-rosa);
}

.bgflat {
    background: var(--main-color) !important;
}

.elementor-nav-menu--dropdown a {
    background: var(--main-color-submenu) !important;
}

.elementor-nav-menu--dropdown a:hover {
    filter: brightness(1.1);
}


/* recaptcha */
.grecaptcha-badge {
    display: none
}


/* menu */


/* boton contacto */

@media (min-width: 1024px) {
    #menu ul li.boton {
        margin-left: 1rem;
    }

    #menu ul li.boton a {
        padding: 10px 40px;
        border: 4px solid var(--color-turquesa);
        border-radius: 25px;
    }

    #menu ul li.boton a:hover {
        background-color: var(--color-turquesa);
    }
}

@media (min-width: 1024px) and (max-width: 1160px) {
    #menu {
        font-size: 90%
    }

    #menu ul li.boton a {
        padding: 10px 30px;
    }
}

/* tochatbe widget */

/*.tochatbe-widget {
    z-index: 999!important;
}*/

/***Cookies***/

.cookies {
    position: fixed !important;
    z-index: 99999998 !important;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    /*    color: #43e0df;*/
    line-height: 1.5;
    background-color: rgba(255, 255, 255, .9);
    font-size: 13px;
    display: none;
    padding: 0 100px;
    box-shadow: 0 10px 20px;
}

.cookies .txt {
    padding: 20px 20px 0;
}

.cookies .txt p {
    padding: 0
}

.cookies strong {
    font-size: 14pt
}

.cookies a {
    color: #04d4d3 !important;
    font-weight: 700;
}

#btnclose {
    float: right;
    cursor: pointer;
    position: relative;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 18px;
    line-height: 14pt;
    color: #04d4d3;
}

#btnclose .iconclose {
    position: absolute;
    right: 0;
    top: 0
}

.cookies .centeredPage {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 700px;
}

.cookies .fleft {
    float: left
}

#cookiebtn {
    color: #fff;
    cursor: pointer;
    background-color: #04cecd;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px 30px 30px 30px;
    padding: 5px 20px;
    margin: 0 auto;
    text-align: center;
    width: 150px;
    margin-bottom: 10px;
}

.cookieconsent-optout-statistics,.cookieconsent-optout-marketing{
	background-color: #efefef;
    padding: 10px 20px;	
}
.cookieconsent-optout-statistics a,.cookieconsent-optout-marketing a{
	color: #43E0DF!important;
}

@media (max-width: 768px) {
    .cookies {
        padding: 0 0 10px;
    }
}

/* parche para iconos en acordeones de elementor */
.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
    width: auto;
    height: auto;
}

/* paginador */
.elementor-pagination .page-numbers{
    padding: 10px;
    background: var(--color-lila);
    border-radius: 25px;
    opacity: .5;
    filter: grayscale(.5);
}
.elementor-pagination .page-numbers.current{
    color: var(--color-lila)!important;
    opacity: 1;
    background: white;
    filter: grayscale(1);
}
.elementor-pagination a.page-numbers{
    padding: 10px;
    background: var(--color-lila);
    border-radius: 25px;
    opacity: 1;
    filter: grayscale(0);
}
.elementor-pagination .page-numbers.dots {
    color: #fff;
}
.elementor-pagination .page-numbers.next, .elementor-pagination .page-numbers.prev {
    padding: 7px 14px;
}

/***widget top4 sidebar***/
.top4posts h5 {
	color: white;
    text-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    font-weight: 900;
}
.top4posts ul {
	font-size: 84%;
    text-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    list-style-type: disc;
    padding-left: 1.25rem;
    color: white;
}
.top4posts ul li {
	margin-block-end: 0.5rem;
    color: white;
}
.top4posts ul li a {
	margin-block-end: 0.5rem;
    color: white;
    font-weight: bold;
}

.blog_item {
	width: 33%;
	float: left;
	height: 600px;
}
.paginate {
	width: 100%;
	float: left;
}