/* 
Theme Name: SEMNIM
Theme URI: https://github.com/elementor/hello-theme/
Description: Tema WordPress para SEMNIN basado en Hello Elementor Theme Child
Author: SI2 Soluciones
Author URI: https://si2.info
Template: hello-elementor
Version: 1.0.0
Text Domain: semnim
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
*/
/* MENU SUPEEERIOR **/
body.logged-in #menu-logged-out{
    display: none !important;
}
body.logged-in #menu-logged-in{
    display: block !important;
}
body:not(.logged-in) #menu-logged-out{
    display: block !important;
}
body:not(.logged-in) #menu-logged-in{
    display: none !important;
}

/* Metabox */
.rwmb-field .select2-container{
    width: 100%;
}

.rwmb-select.rwmb-select {
    height: 42px;
    background: transparent;
}

.rwmb-group-wrapper{
    margin: 2rem 0;
}

.rwmb-group-wrapper > .rwmb-label{
    text-transform: uppercase;
}

.rwmb-button.button-primary{
    background: #364398;
    border-radius: 5px;
    padding: .8rem;
    color: #FFF;
    transition: .2s all ease-in-out;
}

.rwmb-button.button-primary:hover{
    background: #202c77;
}

.rwmb-clone{
    position: relative;
}

.rwmb-clone .rwmb-button.remove-clone{
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rwmb-field .select2-container .select2-selection .select2-selection__rendered{
    line-height: 37px;
}

.rwmb-field .select2-container .select2-selection .select2-selection__placeholder{
    color: #666;
}

.rwmb-field .select2-container .select2-selection{
    min-height: 40px;
    border: 1px solid #666;
}
.rwmb-field .select2-container .select2-selection .select2-selection__arrow{
    height: 37px;
}

.rwmb-field .select2-container .select2-selection .select2-selection__rendered li{
    margin: 5px;
}

.rwmb-media-add .button{
    background: #364398;
    padding: 0.5rem;
    color: #FFF !important;
    transition: all .2s;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

.rwmb-media-add .button:hover{
    background: #202a68;
}

#newsletter-label-description{
    margin-bottom: 0;
}

body.page-template-page-login{
    background: #364398;
}

.loginform-container{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loginform-content{
    width: 100%;
    height: auto;
    max-width: 400px;
    /*max-height: 450px;*/
    background: #FFF;
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

    .loginform-content .loginform-logo{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1rem 2rem;
    }
        .loginform-content .loginform-logo img{
            max-width: 200px;
        }

    .loginform-content .login-submit{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .loginform-content .login-submit [type=submit]{
        color: #364398;
        border-color: #364398;
    }

    .loginform-content .login-submit [type=submit]:hover{
        color: #FFF;
        background: #364398;
    }

    .home #tribe-events-content .tribe-events-calendar{
        background: #FFF;
    }
        .home #tribe-events-content .tribe-events-calendar td{
            height: auto;
            min-height: 1rem;
        }
        .home #tribe-events-content .tribe-events-calendar thead th{
            font-size: 0.6rem;
        }

    .loginform-container .lost-password{
        font-size: 0.8em;
        text-align: center;
        margin: 2rem 0 0;
    }

.nivel-acceso{
    display: block;
    font-size: 0.8em;
    color: #555;
}
    .nivel-acceso::before{
        content: '[';
    }
    .nivel-acceso::after{
        content: ']';
    }

.elementor-nav-menu--dropdown .elementor-item.highlighted, 
.elementor-nav-menu--dropdown .elementor-item:focus {
    color: #364398 !important;
}

.flex-column{
    flex-direction: column;
}

.single-tribe_events #tribe-events-header{
    display: block;
}
.single-tribe_events #tribe-events-content >.elementor-row > main.elementor-column{
    flex-direction: column;
}

.tribe-events-event-meta.primary .tribe-events-event-url{
    word-break: break-all;
}

@media all and ( max-width: 768px ){
    /* SINGLE EVENT */
    #tribe-events-header:before,
    #tribe-events-header:after{
        display: none;
    }

    .single-tribe_events #tribe-events-content main{
        order: 2;
    }

    .single-tribe_events #tribe-events-content aside#sidebar{
        order: 1;
    }

    .single-tribe_events #tribe-events-content aside#sidebar .image{
        margin: 0 auto;
    }

    .single-tribe_events #tribe-events-content .tribe-event-title{
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

.share-buttons .button{
    background: transparent;
    border: 2px solid #364398;
    padding: .2rem .6rem;
    transition: .2s all;
    margin-right: .5rem;
}
.share-buttons .button:hover{
    color: #FFF;
    background: #364398;
}

/* CARDS */
.card.tribe_events{
    display: flex;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.card.tribe_events .left{
    display: flex;
    justify-content: center;
}
.card.tribe_events .right{
    padding: 0 1rem;
}

.card.tribe_events .card-title{
    font-size: 1.5rem;
    line-height: 1.2;
}

.card.tribe_events .tribe-event-schedule-details{
    font-size: .9rem;
    text-transform: uppercase;
    color: #666;
    margin-bottom: .9rem;
}

.card.tribe_events .tribe-events-event-image{
    width: 100%;
}

.card.tribe_events .tribe-events-event-image a,
.card.tribe_events .tribe-events-event-image a img{
    display: block;
    min-width: 240px;
    max-width: 240px;
    width: 100%;
}

.si2-event-list{
    margin-bottom: 4rem;
}

@media all and ( max-width: 768px ){
    .card.tribe_events{
        flex-direction: column;
    }

    .card.tribe_events .left{
        max-width: 100%;
    }

    .card.tribe_events .tribe-events-event-image{
        width: auto;
        margin-bottom: 10px;
    }

    .card.tribe_events .tribe-events-event-image a,
    .card.tribe_events .tribe-events-event-image a img{
        min-width: 200px;
        max-width: none;
    }
}

/* MetaBox Columns */
.rwmb-row:after {
    content: " ";
    display: table;
    clear: both;
  }
  .rwmb-row .rwmb-column {
    margin-right: 5%;
    float: left;
    box-sizing: border-box;
  }
  .rwmb-row .rwmb-column:last-of-type {
    margin-right: 0;
  }
  .rwmb-field .rwmb-row {
    display: block;
  }
  .rwmb-column-12 {
    width: 100%;
  }
  .rwmb-column-11 {
    width: 91.25%;
  }
  .rwmb-column-10 {
    width: 82.5%;
  }
  .rwmb-column-9 {
    width: 73.75%;
  }
  .rwmb-column-8 {
    width: 65%;
  }
  .rwmb-column-7 {
    width: 56.25%;
  }
  .rwmb-column-6 {
    width: 47.5%;
  }
  .rwmb-column-5 {
    width: 38.75%;
  }
  .rwmb-column-4 {
    width: 30%;
  }
  .rwmb-column-3 {
    width: 21.25%;
  }
  .rwmb-column-2 {
    width: 12.5%;
  }
  .rwmb-column-1 {
    width: 3.75%;
  }
  .rwmb-row:not(:last-of-type) {
    margin-bottom: 12px;
  }
  .rwmb-column .rwmb-label,
  .rwmb-column .rwmb-label ~ .rwmb-input {
    display: block;
    width: 100%;
    padding: 0;
  }
  .rwmb-column .rwmb-label {
    margin-bottom: 6px;
  }
  .rwmb-column .rwmb-field {
    display: block;
  }
  body.profile-php #edittag .rwmb-column .rwmb-label ~ .rwmb-input,
  body.term-php #edittag .rwmb-column .rwmb-label ~ .rwmb-input {
    padding: 0;
    max-width: 100%;
  }
  .rwmb-settings-no-boxes .rwmb-column .rwmb-field {
    padding: 10px 0;
  }
  .rwmb-column.rwmb-column input {
    max-width: 99%;
  }
  @media screen and (max-width: 767px) {
    .rwmb-column {
      width: 100%;
    }
    .rwmb-column .rwmb-input input:not([type="checkbox"]):not([type="radio"]) {
      width: 99%;
    }
    .rwmb-field .select2-container {
      width: 99%;
    }
  }


.si2-margin-button{
    margin:10px 0 30px;
}

.callout{
    background: rgba(0,0,0,0.05);
    border: 1px solid #CCC;
    padding: 1rem;
    color: #999;
}
.callout.error{
    background: rgba(255,0,0,0.05);
    border: 1px solid #F00;
    color: #F00;
}

.callout.success{
    background: rgba(0,153,0,0.05);
    border: 1px solid rgb(0, 153, 0);
    color: rgb(0, 153, 0);
}

#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results, 
#bbpress-forums ul.bbp-topics,
#bbpress-forums{
	font-size: 100%;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, 
#bbpress-forums p.bbp-topic-meta {
	font-size: 90%;
}