/*
Theme Name: Conference 2K27
Author: SJB Dixital
Author URI: http://www.sjbdixital.es/
Description: Child Theme dt-the7
Version: 1.0
License: Uso interno
Template: dt-the7
Text Domain: conference-app
*/


:root{
--acent-thimun:#009ddc;
--amarillo-oscuro:#004e6d;
--gris-thimun:#3d3929;
--gris-bg-thimun: #495561;
}
.sjb-buttons-wrapper {
	width: 63%;
	margin-left: 35%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border: 0px solid #c00;
	}

.sjb-button{
    appearance: none !important;
    flex-basis:45%;
    border: none;;
	background:var(--acent-thimun) !important;
	text-decoration: none;
	color:#fff;
	text-align: center;
    border-radius:10px;
    outline: none;
}
.sjb-button.not-rounded{
    border-radius: 0;
    padding:2px 1em;
    margin-left:1em;
}

a.sjb-button{
	cursor:pointer;
}
.sjb-button span{
	font-weight: bold;
	text-align: center;
	display: inline-block;
	font-size:18px;
	padding:12px 0;
}

.sjb-button:hover{
	background-color:var( --amarillo-oscuro) !important;
}


h1 a.sjb-button{
    padding:3px 5px;
    font-size:17px;
    font-weight: lighter;
}
@media (max-width: 990px){
	.searchform li label{
	 	width:99% !important;
	}
	.searchform li  span.form-input{
	 	width:99% !important;
    }

	.sjb-buttons-wrapper{
		justify-content:space-between;
		width:90%;
		margin-left:5%;
	}

}

@media (max-width: 480px){

	.sjb-buttons-wrapper{
		flex-wrap: wrap;
	}
	.sjb-button{
		flex-basis:99%;
		margin-bottom: 10px;
	}
}



.vc_row.happening-now{
	padding-bottom:1em;
	margin-bottom:1em;
	border:0px solid #c00;
}

h3.no-events-title{
    color: #c00;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
    padding: 0 0 3em 2em;
}


/*Cabecera info usuario*/

div.logged-user-info-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:18px 0 12px 15px;
    background: var(--gris-bg-thimun);
}
.user-info-ontop{
    color:#fff;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    position: relative;
    font-size:27px;

    /* border:1px solid #c00; */
}
    .user-info-ontop span.with-avatar{
        display:flex;
        align-items: center;
        position:relative;
        padding-left:45px;
    }
    .user-info-ontop img.avatar{
        position:absolute;
        display:inline-block;
        width:32px;
        height:auto;
        align-self: center;
        left:0;
    }
    .user-info-ontop span b{
        font-weight: normal;
    }
    .user-info-ontop span.comitee:after,
    .user-info-ontop span.country:after,
    .user-info-ontop span.username b:after{
        display:inline-block;
        content:' – ';
        margin:auto 0.3em;
    }





.buttons-home-ontop{
    display:flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    min-width: 330px;


}
    .buttons-home-ontop a{
        align-self: stretch;
        display:flex;
        align-items: center;
        text-decoration: none;
        padding: 10px 5px !important;
        font-weight: 600 !important;
        font-size:35px !important;
        line-height:37px !important;
        text-transform: none;
        border-radius:0;
        color:#fff;
        transition: all 0.3s ease-in !important;
    }
    .buttons-home-ontop a i{font-size:1.2em; display:inline-block; padding-right:10px;}
    .buttons-home-ontop a:hover, .buttons-home-ontop a:active{
        transition: all 0.3s ease-out !important;
        background:#000 !important;
    }
    .buttons-home-ontop a.goto-home{
        padding-right:10px  !important;
        padding-left:10px  !important;
    }
    .buttons-home-ontop a.logout{
        padding-left:10px  !important;
    }


/*Salto responsive barra top*/
@media all and (max-width: 1569px) {
    .user-info-ontop{
        flex-wrap:wrap;
    }
    .user-info-ontop span{
        padding-bottom:10px
    }
    .user-info-ontop span:not(.with-avatar){
        padding-left:45px;
    }
    .user-info-ontop span.comitee,
    .user-info-ontop span.country{
        flex-basis:100%;
    }
    .user-info-ontop span.comitee:after,
    .user-info-ontop span.country:after{
        content:'';
    }
}
@media all and (max-width: 800px) {
    .user-info-ontop{
        flex-basis:70%;
    }

    .user-info-ontop{
        padding-top:15px;
        padding-left: 5px;

    }
    .buttons-home-ontop{
        min-width: 1px !important;
    }

    .buttons-home-ontop a span{
        display: none;
    }
    div.logged-user-info-row {
        padding:0 0 12px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .user-info-ontop{
        order:2;
        flex-basis: 100%;
        font-size: 18px;
    }
    .buttons-home-ontop{
        order:1;
        flex-basis: 100%;
        justify-content: flex-end;
        padding-bottom:5px;
        background:#3a4046;
    }
    .buttons-home-ontop a{
        font-size: 22px !important;
        line-height: 24px !important;
    }
}


/*Intercambiar filas*/
@media all and (max-width: 480px) {

    div.logged-user-info-row {
        padding:0 0 12px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .user-info-ontop{
        order:2;
        flex-basis: 100%;
        font-size: 18px;
    }
    .buttons-home-ontop{
        order:1;
        flex-basis: 100%;
        justify-content: flex-end;
        padding-bottom:5px;
        background:#3a4046;
    }
}




/*PAXINA HOME USER*/
.botonera-home-user{
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.botonera-home-user a{
    display:inline-block;
    flex-basis:23%;
    max-width: 350px;
    height:52px;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--acent-thimun);
    color:#fff;
    transition: all 0.3s ease-out;
}

@media all and (max-width: 800px) {
    .botonera-home-user {
        margin:0 auto;
        flex-direction: column;
    }
    .botonera-home-user a{
        width:100%;
        margin-bottom:32px;
        max-width: 300px;
    }
}

.botonera-home-user a span{
    color:inherit;
    display:inline-block;
    font-size: 24px;
}

.botonera-home-user a:hover, .botonera-home-user a:active{
    background: #000;;
}



/*PAXINA AGENDA-USER*/

div.agenda-item{margin-bottom:35px;}
div.agenda-item h3,div.agenda-item h4{
    color:#495561;
    font-weight:normal !important;
    line-height:normal;
}
div.agenda-item h4 span{
    color:var(--acent-thimun);
    font-size:1.05em;
    display:block;
}


div.agenda-inner{
    padding-top:8px;
    padding-left:25px;
}
.resolutions-title{
    padding-bottom: 20px;
}

a.room-access{
    display: inline-block;
    text-decoration: none;
    background-color:var(--acent-thimun);
    color:#fff;
    padding:8px 14px;
    transition: all 0.3s ease;
    font: normal 20px / 22px "Titillium Web", Helvetica, Arial, Verdana, sans-serif;
}
a.room-access:hover{
    background-color: #ad7926;
}

span.password{
    display: inline-block;
    padding-left:15px;
}

span.password >i{
    display: inline-block;
    cursor:pointer;
    color:#111;
    transition: all 0.3s ease;
    margin-left:0.5em;
}
span.password >i:hover{
    color:var(--acent-thimun);
}


/*SESSiONS*/

/*Accordion*/
.sjb-accordion{
    border:1px solid #ccc;
}
.sjb-accordion h3.accordion-title{
    background:#ccc;
    padding:5px;
    color:#fff;
}
.sjb-accordion h3.accordion-title span.ui-icon{
    display:inline-block;
    width:1em;
    height: 1em;
    font-family: 'Font Awesome 5 Free';
    content: '\f35a'
}

.sjb-accordion .inner-accordion{
    padding:5px 5px 5px 30px;
    margin-bottom:15px;
}
.sjb-accordion .inner-accordion .form-group{
    width:100%;
}
.sjb-accordion .inner-accordion .form-group.w50{
    width:50%;
}
.sjb-accordion .inner-accordion .form-group input[type=text] {
    display:inline-block;
    width:100%;
}
a.save-settings{
    display: inline-block;
    text-decoration: none;
    background-color:var(--acent-thimun);
    color:#fff;
    padding:8px 14px;
    transition: all 0.3s ease;
    font: normal 20px / 22px "Titillium Web", Helvetica, Arial, Verdana, sans-serif;
    cursor:pointer;
}
a.save-settings:hover{
    background-color: #ad7926;
}
/*
          _   _                              _
   __ _  | | | |    ___    ___   ___   ___  (_)   ___    _ __    ___
  / _` | | | | |   / __|  / _ \ / __| / __| | |  / _ \  | '_ \  / __|
 | (_| | | | | |   \__ \ |  __/ \__ \ \__ \ | | | (_) | | | | | \__ \
  \__,_| |_| |_|   |___/  \___| |___/ |___/ |_|  \___/  |_| |_| |___/

*/





/*Colapsadas inicialmente*/
table.session-list thead,table.session-list tbody{
	overflow:hidden;
	display:block;
	max-height:0;
	transition: max-height 250ms ease-out;
}


table.session-list.active thead,table.session-list.active tbody{
	max-height:200vh;
	transition:max-height 450ms ease-in;
}


table.session-list caption, table.user-info caption{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	padding-left:0.5em;
	color:var(--acent-thimun);
}
table.user-info{margin-bottom:30px;}

/*icono colapsar
	Abaixo: content: "\f005";
	Arriba: content: "\f004";
*/

table.session-list caption >span:first-of-type:before{
	content:"\f005";
	padding-right:1em;
}
table.session-list.active caption >span:first-of-type:before{
	content:"\f004";
	padding-right:1em;
}

table.session-list caption{
	color: var(--gris-bg-thimun);
	cursor: pointer;
	transition: color 150ms ease-in;
}
table.session-list caption:hover,
table.session-list.active caption{
	color: var(--acent-thimun);
}





@media (max-width: 600px) {
    table.session-list thead,
    table.user-info thead {display:none;}

    table.session-list tbody tr td,
    table.user-info tbody tr td{
        display:block;
    }

    table.session-list tbody tr td.comitee,
    table.user-info tbody tr td.comitee{
        background: var(--acent-thimun);
        color:#fff;
    }

    table.session-list tbody tr td.password,
    table.user-info tbody tr td.password{
        margin-bottom:12px;
    }

    table.session-list tbody tr td:before,
    table.user-info tbody tr td:before  {
        content: attr(data-title);
        display: inline-block;
        width: 25%;
        min-width: 100px;
        border-right: 2px solid #fff;
        margin-right: 10px;
        font-weight: bold;
    }

}

table.session-list.grayed thead,
table.session-list.grayed tbody{display:none;}

table.session-list.grayed caption,
table.session-list.grayed thead tr th,
table.session-list.grayed tbody tr td,
table.session-list.grayed tbody tr td a{color:#ababab;}
table.session-list.grayed tbody tr td a{cursor:default; text-decoration:none;}

table.session-list.grayed caption span{font-size:15px; display:inline-block; padding: 0 0 0 2em; cursor:pointer;}
table.session-list.grayed caption span:hover{color: var(--acent-thimun);}
/*
  ____                         _           _     _
 |  _ \    ___   ___    ___   | |  _   _  | |_  (_)   ___    _ __    ___
 | |_) |  / _ \ / __|  / _ \  | | | | | | | __| | |  / _ \  | '_ \  / __|
 |  _ <  |  __/ \__ \ | (_) | | | | |_| | | |_  | | | (_) | | | | | \__ \
 |_| \_\  \___| |___/  \___/  |_|  \__,_|  \__| |_|  \___/  |_| |_| |___/


*/


/*Single*/
body.single-resolutions h1{
    font-size:34px;
    font-weight:bold;
}

body.single-resolutions h3{
    font-size:18px;
    font-weight:bold;
    color:var(--gris-thimun);
    line-height: 1.5em;
}
body.single-resolutions h3 span{
    color:var(--acent-thimun);
    padding-right:1em;
}
body.single-resolutions h3.status span{
    color:var(--acent-thimun);
}

div.content.resolution{
    margin-top:34px;
}



/*
          _   _                                 _           _     _
   __ _  | | | |    _ __    ___   ___    ___   | |  _   _  | |_  (_)   ___    _ __    ___
  / _` | | | | |   | '__|  / _ \ / __|  / _ \  | | | | | | | __| | |  / _ \  | '_ \  / __|
 | (_| | | | | |   | |    |  __/ \__ \ | (_) | | | | |_| | | |_  | | | (_) | | | | | \__ \
  \__,_| |_| |_|   |_|     \___| |___/  \___/  |_|  \__,_|  \__| |_|  \___/  |_| |_| |___/


*/
.form-label {
    width: 35% !important;
    box-sizing: border-box;
}

    .form-input {
    width: 65% !important;
    max-width: none !important;
    }

    .form-input {
    display: inline-block;
    }

h3.resolutions-count span{
    color:#111;
}

form#resolutions-search{
    margin-top:24px;
}
    form#resolutions-search ul{
        list-style-type: none;
        border:0px solid;
    }

    form#resolutions-search ul li{
        display:flex;
        justify-content: space-between;
        /* border:1px dashed #c00; */
    }

    form#resolutions-search ul li label{
        text-align: center;
        text-transform: capitalize;
        /* border:1px dashed #c00; */
    }


    form#resolutions-search ul li span input,
    form#resolutions-search ul li span select{
        border-radius: 0;
        border-color: var(--acent-thimun);

    }

.resolutions-list-box *{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.resolutions-list-box{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom:30px;
}

.resolution-box{
    flex-basis:100%;
    border-radius:10px;
    border:1px solid var(--acent-thimun);
    padding:0 ;
    margin-bottom:30px;
    min-height:265px;
}
.resolution-box-inner{
    width:100%;
    padding:15px;
}

@media (min-width: 768px){
    .resolution-box{
            flex-basis:49%;
    }
}

.resolution-box h2{
    color:var(--acent-thimun);
    font-weight:bold;
}
.resolution-box h3{
    font-weight:bold;
    color:var(--gris-thimun);
}


div.my-sesssions{
    border:1px dashed rgba(62, 130, 218, 0);
    margin-bottom:3vh;
}
div.my-sesssions .info{
    display:flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top:1vh;
}

div.my-sesssions .info div{
    width:48%;
    /* border-right:1px dashed; */
}

div.my-sesssions .info div img.lateral{
    display:inline-block;
    width:100%;
    height:auto;
}

body.page-mysessions  h1{
    font-weight:bold !important;
}
div.my-sesssions h2{
    margin-top:1em;
    color: #009ddc;
    font: normal 700 34px / 44px "Titillium Web", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
}
div.my-sesssions h3{
    color: #009ddc;
    font: normal 600 27px / 34px "Titillium Web", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}

div.my-sesssions h4{
    color: #009ddc;
    font: normal 400 20px / 24px "Titillium Web", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}

div.my-sesssions div.room-image img{
    display:inline-block;
    width:99%;
    height:auto;
}

div.location{
    margin-top:5vh;
    margin-bottom:3vh;
    /* border-left:2px solid #000; */
}

body.resolutions-template-default #main:not(.sidebar-none) .wf-container-main {
    display: block !important;
}
body.resolutions-template-default iframe{
   border:1px solid;width:100% !important;
   height:1200px !important;
   outline: none;
   border: 1px solid #009ddc;
   padding: 3px;
}



.resolution-front-aproval{
    position:relative;
    /* border:1px dashed #c00; */
}
.resolution-front-aproval >button{
    margin-left:1em !important;
    padding:0.2em 1em;
}
.resolution-front-aproval >button:disabled{
    opacity:0.5;
    cursor:not-allowed;
}


.resolution-front-aproval >a{
    margin-left:0 !important;
    cursor:pointer;
    margin: top 1em;
}

/*
     _                                        _             ____            _
    / \      __ _    __ _    __ _   _   _    | |   __ _    / ___|    ___   | |   ___    ___    ___    ___
   / _ \    / _` |  / _` |  / _` | | | | |   | |  / _` |   \___ \   / _ \  | |  / _ \  / _ \  / _ \  / _ \
  / ___ \  | (_| | | (_| | | (_| | | |_| |   | | | (_| |    ___) | | (_) | | | |  __/ |  __/ |  __/ |  __/
 /_/   \_\  \__,_|  \__,_|  \__,_|  \__, |   |_|  \__,_|   |____/   \___/  |_|  \___|  \___|  \___|  \___|
                                    |___/

*/