:root {
    --blueCipal: #202e48;
    --greenCipal: #95c11f;
}

.italic {
    font-style: italic !important;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    background-color: var(--greenCipal) !important;
    border-color: var(--greenCipal) !important;
}

.socials .btn:not(.close):not(.mfp-close) {
    font-size: 14px !important;
    color: var(--blueCipal) !important;
    padding: 14px 18px !important;
    background-color: white !important;
    border: 1px solid #ded8d8 !important;
}

.editions .tabs .nav-tabs .nav-link.active {
    color: var(--blueCipal) !important;
    border-bottom: 2px solid var(--blueCipal) !important;
    font-size: 18px;
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    color: var(--blueCipal) !important;
}

.fit-cover {
    object-fit: cover !important;
}

.height-70 {
    height: 70px !important;
}

.height-200 {
    height: 200px !important;
}

.for-the-expositor ul {
    list-style: circle;
    padding-left: 30px;
    margin-top: 10px;
}

html {
  scroll-behavior: smooth;
}

.scroll-top-100 {
    scroll-margin-top: 100px;
}

.gap-3 {
    gap: 5%;
}

#page-title {
    padding-bottom: 60px !important;
}

.team-members .team-member .team-image {
    height: 100px;
}

.team-members .team-member .team-image.full-height {
    height: 280px;
}

.team-members .team-member .team-image.full-height>img{
    height: 100%;
}

.flag-absolute {
    position: absolute;
    right: 10px;
    top: 10px;
}

.team-members.team-members-card .team-member .team-image:not(.full-width)>img {
    width: 60%;
}

.team-members.team-members-card .team-member .team-image>img {
    height: 100%;
    object-fit: cover;
}

.team-members .team-member .team-desc>p {
    height: 100px;
    overflow-y: auto;
    padding-right: 5px;
}

.team-members .team-member .team-desc>p.auto {
    height: auto;
    overflow: hidden;
    padding-right: auto;
}

.team-members .team-member .team-desc>p::-webkit-scrollbar {
    width: 6px;
}

.team-members .team-member .team-desc>p::-webkit-scrollbar-track {
    background:rgb(225, 225, 225);
    border-radius: 3px;
}

.team-members .team-member .team-desc>p::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 2px;
}

.team-members .team-member .socials {
    width: 100%;
    background-color: #fdfdfd;
    border-top: 1px solid #eee;
    padding-top: 15px;
    justify-content: center;
}

.search-form {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border-bottom: 2px solid #2250fc;
}

.search-form .icon-search {
    padding: 0px 15px;
}

.search-form input.form-control {
    border: none;
    border-radius: 0px;
    background-color: #f8f9fa;
    padding-left: 0px;
}

.search-form input.form-control:focus {
    color: #495057;
    background-color: #f8f9fa;
    box-shadow: none !important;
}

.maps {
    width:100%;
    height:450px;
}

.schedule-box .tabs .nav-tabs.categories {
    margin-bottom: 0px !important;
}

.schedule-box .tabs .nav-tabs.categories .nav-link.active {
    text-decoration: none;
    border: none;
}

.schedule-box .categories > .category > a{
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 20px;
    text-align: center;
}

.schedule-box .categories > .category > a.active, .schedule-box > .categories > .category:hover  {
    background-color: var(--blueCipal);
    color: white;
}

.schedule-box .categories > .category:hover {
    cursor: pointer;
}

.schedule-box .tabs-box {
    position: relative;
}

.schedule-box .speakers {
    position: relative;
    padding: 40px 20px;
    border: 1px solid #eee;
}

.schedule-box .hour-box {
    position: relative;
    padding-left: 150px;
    font-size: 16px;
    color: #7f7f7f;
    padding-bottom: 20px;
    overflow: hidden;
}

.schedule-box .hour-box:before {
    content: '';
    position: absolute;
    left: 111px;
    top: 24px;
    width: 2px;
    height: 100%;
    background: #d2d2d2;
}

.schedule-box .hour-box.active-box:before {
    background: var(--greenCipal);
}

.schedule-box .hour-box .content-box {
    display: none;
}

.schedule-box .hour-box.active-box .content-box {
    display: block;
    border-bottom: 1px solid var(--blueCipal);
    padding-bottom: 10px;
}

.schedule-box .hour-box .content-box .prof-title {
    display: flex;
}

.accordion .ac-item {
    border: 1px solid var(--blueCipal);
}

.accordion .ac-item .ac-title {
    font-size: 1.2em;
}

.schedule-box .hour-box .content-box .prof-title .flag {
    width: 40px;
    margin-right: 10px;
}

.schedule-box .hour-box .content-box .icons {
    margin-top: 10px;
}

.schedule-box .hour-box .content-box .icons a {
    color: black;
    font-size: 30px;
}

.schedule-box .hour-box .content-box .icons a:hover {
    color: var(--greenCipal);
}

.schedule-box .hour-box .hour {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    line-height: 2em;
    color: #7f7f7f;
}

.schedule-box .hour-box .circle {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 24px;
    height: 24px;
    border: 2px solid #d2d2d2;
    border-radius: 50%;
}

.schedule-box .hour-box.active-box .circle {
    border-color: var(--greenCipal);
}

.schedule-box .hour-box .toggle-btn {
    position: relative;
    top: -4px;
    margin-bottom: 5px;
    cursor: pointer;
}

.schedule-box .hour-box .toggle-btn h3 {
    position: relative;
    display: inline-block;
    font-size: 18px;
    padding-right: 30px;
    color: #292929;
}

.schedule-box .hour-box .toggle-btn h3:after {
    font-family: 'FontAwesome';
    content: '\f107';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    display: block;
    color: var(--greenCipal);
    line-height: 28px;
    font-size: 24px;
    text-align: right;
    z-index: 5;
}

.schedule-box .hour-box .toggle-btn.active h3:after {
    content: '\f106';
}

.speakers.fade:not(.show) {
    display: none;
}

span.read-more {
    text-align: right;
    display: block;
    color: var(--blueCipal) !important;
    font-size: 16px !important;
}

span.read-more:hover {
    color: var(--greenCipal) !important;
    cursor: pointer;
}

@media only screen and (max-width: 767px){
	
    .mobile-flex-column {
        flex-direction: column-reverse !important;
    }

    .mobile-flex-column .content {
        margin-top: 40px;
    }
	
	.schedule-box .tab-buttons,
	.style-two .schedule-box .tab-buttons{
		float:none;
		display:block;
		width:100%;
		margin-bottom:10px;	
	}
	
	.schedule-box .tab-buttons .tab-btn,
	.style-two .schedule-box .tab-buttons .tab-btn{
		display:block;
		width:100%;
		float:none;
		border:1px solid #d0d0d0 !important;
		margin-bottom:5px;	
	}
	
	.schedule-box .tab-buttons .tab-btn .curve{
		display:none;	
	}
	
	.style-two .schedule-box .tabs-box{
		width:100%;	
	}
	
	.schedule-box .hour-box .hour{
		position:relative;
		margin-bottom:15px;	
	}
	
	.schedule-box .hour-box{
		padding-left:40px;	
	}
	
	.schedule-box .hour-box .circle{
		left:0px;	
	}
	
	.schedule-box .hour-box::before{
		left:11px;	
	}
	
	.schedule-box .hour-box .content-box{
		padding-right:0px;	
	}
	
	.schedule-box .hour-box .toggle-btn h3{
		font-size:15px;	
	}

    .schedule-box .hour-box .content-box .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule-box .hour-box .content-box .icons {
        width: 100%;
        text-align: center;
    }

    .schedule-box .hour-box .content-box .prof-title {
        align-items: center;
        justify-content: center;
    }

    .schedule-box .categories > .category > a {
        padding: 20px;
    }
}


@media only screen and (max-width: 599px){
	
	.schedule-box .hour-box .professional .info{
		padding-left:0px;	
	}
	
	.schedule-box .hour-box .professional .info .image{
		position:relative;
		margin-bottom:10px;	
	}
	
	.schedule-box .hour-box .professional .text-right{
		text-align:left !important;
		padding-left:0px;
	}
}