/**
Theme Name:  AFRONOMADNESS COLLECTIVE
Theme URI: https://github.com/elementor/hello-theme/
Description: Is a child theme of Hello Elementor, created by 22MW
Author URI: https://mishamoro.name
Template: hello-elementor
Version: 2.1.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready


*/
/*
@import url("https://use.typekit.net/pzs0uad.css");

font-family: "kobenhavn-stencil", serif;  300, 400 , 700, 950
font-family: "octin-college", sans-serif; 300, 400 , 700, 900 
*/
/*GENERIC*/

@import url("woo.css"); /* Using a url */

body, button, input, select, textarea, .txt , .txt h1{
   font-family: "kobenhavn-stencil", serif; 
   font-weight: 300 ;
   font-style: normal; 
   letter-spacing: 0.5px
}


body{
    font-size: 20px;
    background-color: #000 !important;

}

h1, h1 a, h2, h2 a, h3, h3 a{
    font-family: "octin-college", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 1px;
}
h6, h6 a{
    font-size: 16px;
    font-weight: 600;
}
strong, b{
    font-weight: 900;
}
#loftloader-wrapper{
    z-index: 999 !important;
}
.spt-show-all .loader-inner{
    /* display: none !important;*/
}


a,.hover05,.dialog-widget,  a:visited, .linkRedToWhite a{
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms; 
}   
a, a:visited{
    color: #c6130a;
}
a:hover, .linkRedToWhite a:hover{
    color: #fdcaa0;
}

ul, ol {
    margin:10px 0;
}
.mouseInActive{
    pointer-events: none;
}
.page-header-image {
    display: none;
}
.elementor-location-header{
    z-index: 999 !important; 
}

.site-header{
    -webkit-transition: all 500ms !important;
    -moz-transition: all 500ms !important;
    transition: all 500ms !important;
    position: fixed !important;
    z-index: 9989;
    width: 100% !important;
}
.tr_500ms{
    -webkit-transition: all 500ms !important;
    -moz-transition: all 500ms !important;
    transition: all 500ms !important;
}
.txt300, .txt300  h1 , .txt300  h2{
    font-family: "kobenhavn-stencil", serif; 
    font-weight: 700 ;
    font-style: normal; 
}

.txt700,  .txt700 h1,  .txt700 h2 {
    font-family: "kobenhavn-stencil", serif; 
    font-weight: 700 ;
    font-style: normal; 
}

.txt950, .txt950 h1 , .txt950 h2{
    font-family: "kobenhavn-stencil", serif; 
    font-weight: 950 ;
    font-style: normal; 
}
.max500{
    max-width: 500px;
}
.max700{
    max-width: 700px;
}
.page .page-header-image {
    display: none !important;
}
.linkRedToWhite a{   
    color: #c6130a !important;

}
.linkRedToWhite a:hover{
    color: #fdcaa0 !important;
}
.linkBlackToWhite a{   
    color: #000 !important;

}
.linkBlackToWhite a:hover{
    color: #fdcaa0 !important;
}
.flex{
    display: inline-flex;
    vertical-align: top;
    width: auto !important;
}
.ico60 svg {
    width: 60px !important;
}
.ico50 svg {
    width: 50px !important;
}
.post {
    margin: 0;
}
.opacity05{
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
.opacity05:hover{
    opacity: .5;
}
.linkOff {   
    cursor: not-allowed;
    pointer-events:none;
}
/*
.e-container {
    padding: 0px;
}
*/
/*FIN GENERIC*/


blockquote{
    border-left: 3px solid #C6130A;
    margin: 0;
    padding: 10px 30px;
}

/**HEADER */
#headerLogo{
    position: fixed;
    right: 0px;
    z-index: 99993;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
    width: 60px;
}

#headerLogo.fuera{
    right: -222px;    
}

#headerLogo img:hover, .closePopUp:hover,
.popUpSearch .elementor-search-form__submit:hover, .hover75:hover{
    opacity: .75;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
    cursor: pointer;
}
header .wpml-elementor-ls .wpml-ls-item.wpml-ls-current-language  .wpml-ls-link{
    color: var( --e-global-color-365cbf59 ) !important;    
}

header .wpml-ls-legacy-list-vertical>ul {
    padding: 0 0 13px 0 !important;;
    margin: 0 !important;
    width: 58px;
}

header .menuCartIco #elementor-menu-cart__toggle_button{
    padding: 1px 8px 9px 11px  !important;
}
header .menuCartIco .elementor-button-icon[data-counter]:before {
    right: 9px !important;
    top: 22px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}
header .wpml-ls-legacy-list-vertical a {
    text-align: center;
}

.elementor-menu-cart__main {
    width: 33vw !important;
}

.button-rigth-22-33 a{
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
.button-rigth-22-33 a:hover{
    padding-right: 33% !important;
}

/*HOME*/
.homeSliderTitle .ee-heading__text{
    padding-right: 10px;
}
.homeSliderTitle .ee-heading__text-shadow{
    padding-right: 8px;
}

.home_textslider .swiper-pagination-bullet {
    width: 13% !important;
    height: 3px !important;
    border-radius: 13px !important;
    margin-right: 10px !important;
}

.home_textslider .slick-slide{
    padding: 0px;
}
.home_textslider .jet-listing-grid__slider .jet-slick-dots{
    justify-content: flex-start;
}
.home_textslider .jet-slick-dots li{
    width: 13%;
    height: 3px;
    border-radius: 44px;
    overflow: hidden;
    cursor: pointer;
    margin: 5px;
}

.sliderSoloText h3{
    min-height: 75px;
}

.sliderSoloText:hover h3{
    color: #000 !important;
}
.thumb-list-img-txt img{
    opacity: 1;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
.thumb-list-img-txt:hover img{
    opacity: 0;
}
.home-art-slider .thumb-list-img-txt img {
    border-radius: 100%;
    border-top-left-radius: 0px;
}
.home-art-slider .thumb-list-img-txt:hover img {
    border-radius: 100%;
    border-bottom-right-radius: 0;
    opacity: .13;
}

.thumb-list-img-txt .txt{
    height: 100%;
}
.thumb-list-img-txt .txt .elementor-widget-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: inherit;
    margin-top: -20%;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
    opacity: 0;
}
.thumb-list-img-txt:hover  .txt .elementor-widget-container{
    margin-top: -10%;
    opacity: 1;
}
.home-art-slider .thumb-list-img-txt img,
.thumb-list-img-txt .txt .elementor-widget-container{
    -webkit-transition: all 1500ms;
    -moz-transition: all 1500ms;
    transition: all 1500ms;
}
.home-art-slider .next-arrow ,
.home-art-slider .prev-arrow {
    border-radius: 0 33px 33px 0px;
}


/*FIN HOME*/


/* Header Mobile */
#headerMobile  {
    height: 44px;
}
#headerMobile .buttonMenuMobile{
    width: 33%;
}
#headerMobile .buttonMenuMobile .elementor-button.elementor-size-xl{
    padding: 0px !important
}
#headerMobile .buttonMenuMobile .elementor-button-icon svg {
    width: 39px;
    padding-top: 3px;
}

#headerMobile .buttonMenuMobile.search .elementor-button-icon svg{
    width: 17px;
    padding-top: 5px;
}
#headerMobile .buttonMenuMobile.share .elementor-button-icon svg{
    width: 19px;
}


/*Header Menu*/
#headerMenu{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99;
}


/*POPUP*/
.closePopUp{
    background-color: transparent;
    background-image: url(images/close.svg);
    background-repeat: no-repeat;
    width: auto !important;
}
.closePopUp:hover{
    opacity: .75;
}
.closePopUp.leftSkin{
    position: fixed;
    width: 50px;
    height: 50px;
    left: 20px;
    bottom: 10px;
}
.closePopUp.rightSkin{
    position: fixed;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 10px;
    z-index: 10;
}
.closePopUp.popup{
    position: fixed;
    width: 50px;
    height: 50px;
    right: 100px;
    top: 10px;
    z-index: 10;
}
.popUp_Search .jet-ajax-search__submit{
    background-color: transparent !important;
    background-image: url(images/search_tr.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-position: center;
}
.popUp_Search .jet-ajax-search__submit:hover{
    opacity: .5;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}
.popUp_Search .jet-ajax-search__submit i{
    display: none;
}
.monthZonaAutor .elementor-author-box__avatar {
    border-radius: 50%;
    background: #000;
    padding: 11px;
    width: 52px !important;
    height: 52px !important;
}
.monthZonaAutor .elementor-author-box__avatar img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 0px !important;
}
.monthZonaAutor  .elementor-author-box__name {
    margin-bottom: 20px !important;
}
.elementor-author-box a:hover .elementor-author-box__name{
    color: var( --e-global-color-305619b9 ) !important;
}
/* TEMP */
.sinRoot{
    display: none;
}
/*MENU*/
.menuLinksHeader{
    color: #fdcaa0;
    font-size: 22px;
    font-weight: 600;
}

.menuLinksHeader a{
    color: #fdcaa0;
    font-size: 18px;    
}
.menuLinksHeader a:hover{
    color: #5f0905;
}
.menuTab .jet-tabs__control-wrapper{
    border-width: 0px;
    border-radius: 0;
}

.menuTab .jet-tabs__label-text{
    font-family: "octin-college", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 55px;
    line-height: 43px;
    letter-spacing: -1px;
    padding-bottom: 7px;

}

.menuTab .jet-tabs__label-image {
    height: 75px;
    margin-right: 10px;
    width: 2px!important;
    margin-bottom: 7px;
    margin-left: -20px;
}
.menuTab .active-tab .jet-tabs__label-image {
    opacity: 0 !important;
}
.menuTab .active-tab {
    background: url(/wp-content/themes/child/images/afrn_menu.gif) no-repeat;
    background-position-y: 16px;
}
.menuTab .jet-tabs__content-wrapper {
    min-height: 500px !important;
    border: none;
    border-left: 5px solid #000;
}
.menu_level{
    padding-left: 22px;
}
.menu_level a{    
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #f6c59c;
}
.menuContentColumn{
    min-height: 440px;
}
.menu_level h2{
    font-family: "kobenhavn-stencil",serif;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 31px;
    color: #fdcaa0;
}
.menu_level a:hover{
    color: #c6140b;

}
.menu_level_2 a{
    font-size: 22px;
    padding-left: 2px;
    font-family: "kobenhavn-stencil",serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .5px;
    color: #c6140b; 
}
.menu_level_2 a:hover{
    color: #f6c59c; 
}
.menu_level .newlevel{
    padding-top: 33px;
}
.menu_widget .jet-custom-item-desc{
    padding-right: 30px;
    background-color: #000 !important;
}
.menu_widget .jet-custom-nav__sub .jet-custom-nav__item {
    position: relative;
    padding-left: 20px;
        background: #000;
}

/*ZOOM*/

.btn-primary#vczapi-zoom-browser-meeting-join-mtg
 {
    background-color: #bc1209 !important;
    border-color: #bc1209 !important;
    color: #000 !important;
    font-family:    sans-serif !important;
    font-weight: bold;
    text-transform: uppercase !important;
    font-size: 20px;
}
#vczapi-zoom-browser-meeting--container .vczapi-zoom-browser-meeting--info,
.woo_single_zoom_addToCart .added_to_cart{
    display: none !important;
}
 .e-container>.elementor-widget.zoom-player>.elementor-widget-container{
    height: auto !important;
}


/*PODCAST*/
.podcast_thumb .podcast_thumb_icon_play{
    opacity: 0; 
}
.podcast_thumb:hover .podcast_thumb_icon_play{
    opacity: 1;
}
.podcast_thumb .podcast_thumb_img {
    opacity: 1;
}
.podcast_thumb:hover .podcast_thumb_img {
    opacity: 1;
}


/*POSTS*/
.textBackround{
    /*background-image: url(https://new.afronomadness.net/wp-content/uploads/2021/12/DSF1716.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
}
.textBackround h1 {
     text-shadow: 1px 1px 1px #ffffff30;
}
.textBackround.repetirAuto{
    background-repeat: repeat;
    background-size: auto;
    background-attachment: initial;
}

.interview h3 strong {
    color: #c6130a !important;
    font-family: kobenhavn-stencil, serif; 
     font-weight: 900 ;
     font-style: normal; 
     letter-spacing: 0.5px

}
.receta h6 strong, .receta strong sup {
    color: #c6130a !important;
}
.headerPostTags a {
    padding-right: 30px;
}
.headerPostTags a:hover {
    color: var(--e-global-color-text,#fff) !important;;
}

.headerPostTags {
    max-width: 80vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 35px;
}

.headerPostTags h3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* FOOTER */
.footer_menu .elementor-nav-menu{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
 .footer_menu.right .elementor-item:before{
    border-radius: 22px 0 0 22px !important;
}
.footer_menu .elementor-item {
    padding-top: 6px !important;
    padding-bottom: 16px;
}

.footer_menu.left .elementor-item:before{
    border-radius: 0  22px 22px  0  !important;
}
.footer_menu.user .elementor-nav-menu{
    flex-direction: row;
}
.footer_menu.left .elementor-nav-menu {
    align-items: flex-start;
}
.footer-newsletter-form .elementor-field-textual {
    padding-left: 0px;
}

.footer-newsletter-form .elementor-message{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
}
@media screen and (max-width: 1440px) {

}


@media screen and (max-width: 1025px) {

    .menu_widget  .jet-custom-nav__item>.jet-custom-nav__sub {
        position: relative !important;
        min-width: 0 !important;
        left: 0px !important;
    }
    .menu_widget  .jet-custom-nav__item>.jet-custom-nav__sub {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media screen and (max-width: 760px) {
    .monthZonaAutor .elementor-author-box__avatar {
        background: transparent;
        padding: 7px;
        width: 44px !important;
        height: 44px !important;
    }
    .popUpMenu_general .elementor-nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 0px !important;
    }
    .elementor-menu-cart__main {
        width: 100 vw !important;
    }


}

:focus {outline: -webkit-focus-ring-color #0000 0px !important;}


:focus, [type=button]:focus, [type=submit]:focus, button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}


::-moz-selection { background: #c6130a !important; color: black !important; }
::selection { background: #c6130a !important; color: black !important;}

/* width */
::-webkit-scrollbar { width: 10px;}

/* Track */
::-webkit-scrollbar-track { background: black;  }

/* Handle */
::-webkit-scrollbar-thumb { background: #c6130a;    border: 4px solid #000;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #c6130a;     border: 1px solid #000; }




/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/

.hamburger {
    /*padding: 15px 15px;*/
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: #1A1A19;
    border: 0;
    margin: 0;
    overflow: visible; 
    z-index:99999;
    border-radius:0px ;
    background-image: url('images/menu_ico.svg');
    width: 60px;
    height: 60px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms; 
}
.hamburger:focus{
    background-color: #1A1A19;
}

.hamburger:hover{
    background-color: #000000;
}
.hamburger.is-active,
.hamburger.is-active:focus{
    background-image: url('images/menu_ico_over.svg');
    background-color: #C6130A; 
}
.hamburger.is-active:hover{
    background-color: #a90800;
}
#rightsection {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    animation: moveOute 3.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
    width: 100vw;
    height: 100vh;
    overflow: auto;
}

@keyframes moveOute {
    0% {
        transform: translateX(100%);
    }
    49%, 100% {
        transform: translateX(0);
    }

}
.textbackground {
    display: none;
    position: fixed;
    top: 0;
    left: 100%;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #000;
    z-index: 9999;
    animation: moveOut 3.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

.curtain {
    position: fixed;
    top: 0;
    left: 100%;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #5F0905;
    z-index: 9999;
    animation: movesOut 3.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}


@keyframes moveOut {
    0% {
        transform: translateX(0);
    }
    33%, 59% {
        transform: translateX(-200%);
    }
    59.6%, 100% {
        transform: scaleY(.005) scaleX(0);
    }
}

@keyframes movesOut {
    0%, 33% {
        transform: translateX(0);
    }
    59% {
        transform: translateX(-200%);
    }
    59.6%, 100% {
        transform: scaleY(.005) scaleX(0);
    }
}

/*NEW*/