/*
Theme Name: Cactus
Theme URI: http://www.cactussenygrafic.com/
Version: 1.0
Description: Plantilla desenvolupada per Cactus
Author: Cactus Seny Grafic
Author URI: https://www.cactussenygrafic.com/
Template: Divi
*/


@import url('https://cdn-uicons.flaticon.com/2.1.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
:root{
    --primary:#2ae77a;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Black.eot');
    src: local('Graphik Black'), local('Graphik-Black'),
        url('fonts/Graphik-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Black.woff2') format('woff2'),
        url('fonts/Graphik-Black.woff') format('woff'),
        url('fonts/Graphik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Semibold.eot');
    src: local('Graphik Semibold'), local('Graphik-Semibold'),
        url('fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Semibold.woff2') format('woff2'),
        url('fonts/Graphik-Semibold.woff') format('woff'),
        url('fonts/Graphik-Semibold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Light.eot');
    src: local('Graphik Light'), local('Graphik-Light'),
        url('fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Light.woff2') format('woff2'),
        url('fonts/Graphik-Light.woff') format('woff'),
        url('fonts/Graphik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Regular.eot');
    src: local('Graphik Regular'), local('Graphik-Regular'),
        url('fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Regular.woff2') format('woff2'),
        url('fonts/Graphik-Regular.woff') format('woff'),
        url('fonts/Graphik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, p, input, textarea, select, div{font-family: 'Graphik';color:#445269;}

h1, h2{font-weight: bold}
.entry-content h2{padding-top: calc(1em + 1rem); margin-top: 1em; border-top: 1px solid #dcdcdc; margin-bottom: 1em}
.entry-content h3{margin-top: 1em; margin-bottom: 1em}
.entry-content h2 + h3{margin-top: -1em}

#ez-toc-container{width: 100%;border: 0;padding: 0em !important; margin: 2em 0em !important; border: 0px !important; background:#fff}
#ez-toc-container .ez-toc-title-toggle{display: none !important}
#ez-toc-container a{color:#445269}
#ez-toc-container li{padding-top: 0.5em; padding-bottom: 0.5em}


.et_pb_post_content h2{margin-top: 2em;}
.et_pb_post_content h3{margin-top: 1.5em;}
.et_pb_post_content h4{margin-top: 1.5em; font-weight: bolder}
.et_pb_post_content h4:before{content:"– ";}
div#ez-toc-container .ez-toc-title{font-weight: bolder;}
code{background: #ddd; color: #000; padding: 0.1em 0.2em;font-weight: bolder;}
.et_pb_posts_nav{margin-right: -5.5%;margin-left: -7.5%;padding-left: 7.5%;padding-right: 7.5%;border-top: 1px solid #f0f0f0;padding-top: 3em;margin-top: 6em;}
.current-menu-ancestor > ul{display: block !important}
.dsm_menu_0_tb_body .dsm-menu .menu-item-has-children .sub-menu{position: relative;}
.dsm_menu_0_tb_body .dsm-menu .menu-item-has-children .sub-menu:before{content:" ";height: calc(100% - 1em); background: #ddd; width: 1px; position: absolute; top:0; left: 0px;}
.dsm_menu_0_tb_body .dsm-menu .menu-item-has-children .sub-menu>li{position: relative;}
.dsm_menu_0_tb_body .dsm-menu .menu-item-has-children .sub-menu>li:before{content:" ";height: 1px; background: #ddd; width: 10px; position: absolute; top:calc(50% - 1px); left: -20px;}
.dsm_menu_0_tb_body .dsm-menu .menu-item-has-children .sub-menu>li.menu-item-has-children:before{top: calc(1em - 1px)}

.et_pb_post_content ul, .et_pb_post_content ol{margin-left: 2.5em;}
.et_pb_post_content ul li, .et_pb_post_content ol li{margin-bottom: 1em;text-indent: -2ch}
.et_pb_post_content ul li:last-child, .et_pb_post_content ol li:last-child{margin-bottom: 0px;}
.et_pb_post_content ul li{text-indent: 0px}

blockquote{padding-top: 2em; padding-bottom: 2em; padding:2em; background-color: #56FF9D30; text-indent: 0px !important}
div#ez-toc-container ul li{text-indent: 0px !important}
.et_pb_post_content a{color:#000; text-decoration: underline;}
.et_pb_blurb_container h3{margin-top: 0px !important}
.et_pb_blurb_position_left .et-pb-icon, .et_pb_blurb_position_right .et-pb-icon{font-size: 20px;}

#form_home input{padding:2em; border-radius: 5px;}


.rw-left .rw-ui-nero.rw-size-medium.rw-style-thumbs .rw-ui-like-icon{background-image:url('../../uploads/2023/10/like.svg') !important; background-size: contain !important;}
.rw-left .rw-ui-nero.rw-size-medium.rw-style-thumbs .rw-ui-dislike-icon{background-image:url('../../uploads/2023/10/dislike.svg') !important; background-size: contain !important;}
.rw-left .rw-ui-nero.rw-size-medium.rw-style-thumbs .rw-report-link{display: none !important; visibility: hidden; pointer-events: none; opacity: 0;}


.favorites-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.favorites-list .single_favorite_post{flex: 0 0 30%;}
.favorites-list .single_favorite_post p a{color:#000}
.simplefavorite-button{background: #f5f5f5;border: 0px;padding: 1rem 2rem;border-radius: 10px;font-size: 1rem;color: #445269;opacity: 1 !important; cursor: pointer; margin-top: 3rem}
.simplefavorite-button.active{background: var(--primary); border-color:var(--primary);color:#000}
.simplefavorite-button:hover{background: #000; color: #fff; border-color: #000}

.rw-rating-table{float: right; margin-top: 3rem !important}.rw-ui-like{margin-right: 1em !important}
.rw-rating-table.rw-ltr.rw-left{margin-top: 3rem !important}


.et_pb_post_content .simplefavorite-button{float: left;}
#menu-mi-cuenta li{padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ddd}

.ez-toc-section-end{margin-left: 0.5rem; opacity: 0}
.ez-toc-section-end .fi{font-size: 1rem; cursor: pointer; position: relative;}
h2:hover .ez-toc-section-end,
h3:hover .ez-toc-section-end,
h4:hover .ez-toc-section-end{opacity: 1;}
.ez-toc-section-end:hover 
.tooltipLink {
    position: absolute;
    background: #000000;
    color: #fff;
    width: fit-content;
    border-radius: 4px;
    transform: translate(-43%, -165%);
    left: 0;
    top: 0;
    width: 93px;
    font-size: 0.8rem;
    text-align: center;
    font-style: normal;
}
.tooltipLink:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 8px;
    margin-left: -8px;
}


.left-sidebar{padding:1em; flex: 0 0 100px; border-right: 1px solid #dcdcdc; display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; top: 0; left: 0; background: #fff; height: 100vh; width: 100px}
#et-main-area{margin-left: 100px}
.left-sidebar .logo{max-width: 2.5em; margin-bottom: auto}
.left-sidebar .nav{margin-bottom: auto}
.left-sidebar .nav.nav_alt{margin-bottom: unset;}
.left-sidebar .nav ul li{list-style: none; margin-bottom: 1em}
.left-sidebar .nav ul li a{padding: 2em; border-radius: 15px;color:#445269; background: #f5f5f5; display: block; position: relative;transition: all 0.25s ease-in-out}
.left-sidebar .nav ul li a:hover{background: var(--primary); color:#000}
.left-sidebar .nav ul li a i{position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: flex; align-items: center; justify-content: center;font-size: 16px}


.sidebar-navigation{padding: 2em; flex: 0 0 20%; border-right: 1px solid #dcdcdc;}
.sidebar-navigation ul li a{color:#445269;}
.sidebar-navigation ul li a:hover{color:#000;}
.sidebar-navigation ul li a[href="#"]{pointer-events: none; cursor: default;}
.sidebar-navigation ul li{padding-top: 0.5em; padding-bottom: 0.5em}
li.menu-item-has-children > a{font-weight: bold; color: #000 !important}
.sidebar-navigation ul li.menu-item-has-children{padding-bottom: 2em ;}
li.current-menu-item a{font-weight: bold; border-left-color:var(--primary)}
ul.sub-menu{margin-top: 1em}
ul.sub-menu li{border-left: 1px solid #dcdcdc; padding-left: 1em;}
ul.sub-menu li.current-menu-item{border-left-color:var(--primary) }

#main-content{padding: 2em; flex: 70%; border-right: 1px solid #dcdcdc; }
body.page-template-page-template-blank #main-content{padding: 0px !important}
.et_right_sidebar #sidebar{width: 100%; padding: 2em}

.et-search-form, blockquote{border-color: var(--primary)}



.video_holder{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding-top: 1em !important; padding-bottom: 1em !important}
.video_holder .video_icon, .video_holder .download-holder{padding-top:100%; border-radius: 15px;color:#445269; background: #f5f5f5; display: block; position: relative; width: 100%; cursor: pointer; transition: all 0.25s ease-in-out}
.video_holder .video_icon:hover{background: var(--primary); color:#000}
.video_holder .video_icon i, .video_holder .download-holder i{position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: flex; align-items: center; justify-content: center;font-size: 16px}
.video_holder .video_title{font-size: 1.2em; font-weight: bold; color: #000}
.video_holder .et_pb_column_2_3{flex-direction: column;}
.video_holder .video_meta{margin-top: auto; display: flex;}

.video_holder .download-holder{background-color: #56FF9D30; color: #000}
.video_holder .download-holder:hover{background-color: #56FF9D60;}
#close_video_user{
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 20px;
    color: white;
    cursor: pointer;
}