/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
#navbar-collapse .sub-menu ul li a {
    margin: 0;
    font-size: 13px;
    color: black;
}
#navbar-collapse .sub-menu ul li {
    padding: 0;
}
#navbar-collapse .sub-menu select.gt_selector.notranslate {
    font-size: 13px;
    width: 100%;
    border-radius: 0;
}

.resources-posts article.elementor-post {position:relative;}
.resources-hover-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #488ccb;
    padding: 20px;
	opacity:0;
}
.resources-posts article.elementor-post:hover .resources-hover-wrap {opacity:1;}


form#whats-new-form div#whats-new-toolbar {background: transparent;justify-content:space-evenly;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a i {padding-right:5px;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a {display:flex;align-items:center;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a::after {opacity: 1;position: unset;padding: 0;color: #65676b;margin-bottom: 0;background: transparent;transform: none;transform-origin: unset;font-size: 14px;font-weight: 500;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item {padding:8px 15px;border-radius:5px;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item:hover {background-color: #e7e7e7;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a i.bb-icon-video {color: #f02849;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a i.bb-icon-camera {color: #45bd62;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a i.bb-icon-attach {color: dodgerblue;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a i.bb-icon-gif {color: #f7b928;}
form#whats-new-form div#whats-new-toolbar .post-elements-buttons-item a::before{display:none;}

.container {
    max-width: 100% !important;
}
div#page {
    background: #F8F8F8;
}
/*sidepanel*/

aside.buddypanel header.panel-head {position: absolute;z-index: 999;width: 100%;left: 0;justify-content: end;background: transparent;align-items: center;}
aside.buddypanel .side-panel-menu-container ul li a {background:transparent;}
aside.buddypanel .side-panel-menu-container ul li a:hover img,
aside.buddypanel .side-panel-menu-container ul li.current-menu-item>a img {filter: brightness(0);}
aside.buddypanel {
    overflow-x: scroll;
    padding: 0 !important;
}
ul#buddypanel-menu {
    display: inherit;
}
.admin-bar .side-panel-inners {
    position: relative;
    min-height: 850px !important;
    height: 100% !important;
}
.side-panel-menu-container {
    height: auto;
    padding: 0 10px;
}
.buddypanel-bottom {position:absolute;bottom:5%;}
.buddypanel-bottom {
    position: absolute;
    bottom: 0%;
    text-align: center;
    background-image: url(https://gigisvirtual.wpengine.com/wp-content/uploads/2023/07/bg-panel-part.png);
    background-position: top;
    background-size: auto;
    background-repeat: no-repeat;
    left: 0px;
    padding:50px 10px 100px 10px;
    height: 346px;
    width: 100%;
}
/* width */
aside.buddypanel::-webkit-scrollbar {
  width: 5px;
}

/* Track */
aside.buddypanel::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
aside.buddypanel::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 10px;
}

/* Handle on hover */
aside.buddypanel::-webkit-scrollbar-thumb:hover {
  background: white; 
}
.buddypanel-bottom h3 {
    color: white;
    margin: 0;
    line-height: 1;
    font-size: 16px;
    padding: 20px 0;
}
.buddypanel-bottom p {
    color: white;
    font-size: 12px;
    margin: 0;
    line-height: 1.8;
	padding-bottom:20px;
}
.buddypanel-bottom .btn-helpcenter a {
    background: #0D2A3B;
    color: white;
    display: block;
    border-radius: 100px;
    padding: 15px 0;
}

.site-header .header-aside i {color: white;}
body:not(.buddypanel-open) aside.buddypanel header.panel-head {justify-content:center;}
body:not(.buddypanel-open) .buddypanel-site-icon {visibility: hidden;}


nav#site-navigation ul li a {color: white;font-size: 16px;padding: 0 15px;}
nav#site-navigation ul li a:hover {color: black;}
nav#site-navigation ul li {padding: 0 15px;}

/*dashboard*/
.bb-dash .bb-dash__avatar {display: none;}

/*notice start a tour */
.start-tour-bar {background: #488ccb;padding: 20px 0;border-radius: 10px;}
.start-tour-bar .tour-btn,
.start-tour-bar .tour-panel .tour-panel-bottom {align-items: center;display: flex;justify-content: space-between;padding:0 50px;}
.start-tour-bar .tour-panel > img {padding-top: 15px;padding-bottom: 15px;width:100%;}
.start-tour-bar .tour-panel .tour-panel-bottom ul {margin: 0;list-style: none;padding: 0px;}
.start-tour-bar .tour-panel .tour-panel-bottom ul li {display:inline-block;margin-right:20px;line-height:1;}
.start-tour-bar .tour-panel .tour-panel-bottom ul li a {color: black;padding: 11px 54px;display: block;background: #D9D9D97A;font-size: 16px;font-weight: 500;box-shadow: 0px 2px 5px 0 #00000061;}
.start-tour-bar .tour-panel-bottom button.close-tour-panel {padding:11px 0;}
.start-tour-bar .tour-btn button, button.close-tour-panel {background: transparent;padding: 0;border: 0;font-size: 16px;line-height: 1;}
.start-tour-bar .tour-btn button.start-tour:before {content: '';background-image: url(https://gigisvirtual.wpengine.com/wp-content/uploads/2023/07/play-icon.png);height: 36px;width: 36px;display: inline-block;margin-right: 10px;}
.start-tour-bar .tour-btn button.start-tour {align-items: center;display: flex;}



/*resources*/

.archive-blogs article.elementor-post {padding: 20px;background: white;border-radius: 5px;}
.archive-blogs article.elementor-post {flex-direction: column-reverse;}
.archive-blogs article.elementor-post a.elementor-post__thumbnail__link {margin: 0 !important;}
.archive-blogs article.elementor-post .elementor-post__text {padding-bottom: 20px;}
.archive-blogs nav.elementor-pagination .page-numbers {border: 1px solid #BABABA;padding: 7px 12px;border-radius: 100px;}
.archive-blogs nav.elementor-pagination .page-numbers.prev, 
.archive-blogs nav.elementor-pagination .page-numbers.next {
font-size: 0;background-repeat: no-repeat;border: 0;padding: 0;height: 15px;width: 15px;display: inline-block;background-size: contain;background-position: center;}
.archive-blogs nav.elementor-pagination .page-numbers.prev {background-image: url(https://gigisvirtual.wpengine.com/wp-content/uploads/2023/07/arrow-prev.png);}
.archive-blogs nav.elementor-pagination .page-numbers.next {background-image: url(https://gigisvirtual.wpengine.com/wp-content/uploads/2023/07/arrow-next.png);}

.archive-blog-filter .jet-checkboxes-list__button {
    align-items: center;
}

/*on demand programs*/
.post-type-archive-sfwd-courses .bb-cover-list-item {
    display: flex;
    padding: 20px;
    border: 0;
    background: white;
}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-course-cover {width: 50%;border-radius: 5px 5px 0 0;}
.post-type-archive-sfwd-courses .course-lesson-count {font-size: 20px;font-weight: 700;}
.bb-lms-pagination.all .page-numbers {border: 1px solid #BABABA;}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .course-progress-wrap .ld-progress-bar {display: none;}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details h2.bb-course-title {order: 1;margin-bottom: 15px !important;}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .course-lesson-count {order: 2;margin-bottom: 15px !important;}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .course-progress-wrap {order: 3;margin-bottom: 25px !important;}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .bb-course-meta {order: 4;margin-bottom: 15px !important;}
.post-type-archive-sfwd-courses .bb-course-items.grid-view .bb-course-item-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.post-type-archive-sfwd-courses h2.bb-course-title {
    color: #6e6e6e;
    font-size: 24px !important;
    font-weight: 500;
}
.post-type-archive-sfwd-courses .ld-progress-stats {
    color: #C5C5C5 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.post-type-archive-sfwd-courses .bb-course-items .bb-cover-wrap {
    border-radius: 5px 5px 0 0;
    padding-top: 70%;
}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .bb-course-meta .item-avatar {
    max-width: 17px;
    margin-right: 10px;
}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .bb-course-meta .item-avatar img {object-fit:contain;}
.post-type-archive-sfwd-courses .bb-cover-list-item .bb-card-course-details .bb-course-meta a {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 500;
}
select#sfwd_prs-order-by, div#courses-dir-search, nav.courses-type-navs {
    display: none;
}
.sfwd-courses-filters .select-wrap select {
    background-color: white;
    color: #6F6F6F;
    font-size: 16px;
    padding-left: 16px;
    border-radius: 50px;
    border: 0;
    box-shadow: 0 0 10px 0 #f1f1f1;
}
.bb-lms-pagination .page-numbers {
    width: 35px;
    height: 35px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #BABABA;
    margin: 0 10px;
    background: transparent !important;
    color: black !important;
}

/*communities page*/
.section-communities .bb-forums .bb-block-header__title h3, 
.section-communities .bb-activity .bb-block-header__title h3,
.section-communities .bb-members .bb-block-header__title h3 {
    background: #488CCB;
    color: white;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 1;
}
.section-communities .bb-block-header__extra a {font-size:12px;font-weight:800;border-bottom:1px solid;text-transform:capitalize;}
.section-communities .bb-block-header__extra i {display:none;}

.section-communities .bb-members .bb-members-list .bb-members-list__item {
    border-radius: 10px;
    border: 1px solid #EFEFEF;
    background: #FAFAFA;
    height: 80px;
    padding: 0 20px;
	position:relative;
}
.section-communities .bb-members .item-options a.bb-members__tab {
    font-size: 14px;
    font-weight: 400;
    color: #363636;text-transform:capitalize;
}
.section-communities .bb-members .item-options a.bb-members__tab.selected {
    color: #488ccb;
    font-weight: 800;
}
.section-communities .bb-forums .bbel-list-flow ul.bb-forums__list li, .section-communities .bb-activity ul.activity-lists li {
    border-radius: 10px !important;
    border: 1px solid #EFEFEF !important;
    background: #FAFAFA !important;
    padding: 10px 20px !important;
}
form.bp-dir-search-form {
    display: flex !important;
}
.section-communities span.member-status.online {
    margin: 0;
    position: absolute !important;
    left: 50px !important;
    top: 30% !IMPORTANT;
    transform: translate(0px, -30%);
    right: auto;
}

/*groups*/
.section-communities .custom-groups ul#groups-list {
    flex-wrap: wrap;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .bs-group-cover {
    display: block !important;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .item-avatar {
    max-width: 100px;
    margin: auto;
    float: none;
    margin-top: -70px;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .item {
    display: block;
}
.section-communities .custom-groups ul#groups-list li .list-wrap {
    background: white;
    border-radius: 7px;
    border: 0;
    padding: 20px !important;
}
.section-communities .custom-groups ul#groups-list li {
    width: 33.333% !important;
    flex: none;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .bs-group-cover a {
    display: block;
    background: transparent;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .bs-group-cover img {
    height: 200px;
    object-fit: cover;
    border: 1px solid;
    border-radius: 12px;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .item .group-item-wrap .item-block h2.groups-title {
    line-height: 1;
    text-align: center;
    margin: 0;
    padding: 17px 0;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .item .group-item-wrap .item-block h2.groups-title a {
    display: block;
    color: #6F6F6F !important;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .item .group-item-wrap .item-block .item-meta-wrap p {
    text-align: center;
    color: rgb(54 54 54 / 50%) !important;
    font-size: 14px;
}
.section-communities .custom-groups ul#groups-list li .list-wrap .item .group-item-wrap .item-block .item-meta-wrap {
    margin-bottom: 60px;
}
@media screen and (min-width: 1320px) and (max-width: 1419px)
{	
	.start-tour-bar .tour-btn, .start-tour-bar .tour-panel .tour-panel-bottom {padding: 0 30px;}
	.start-tour-bar .tour-panel .tour-panel-bottom ul li a {padding: 10px 30px;font-size: 15px;}
	.start-tour-bar .tour-btn button, button.close-tour-panel {font-size: 15px;}
	
}
@media screen and (min-width: 768px) and (max-width: 1199px)
{
	div#primary .bp_activity div#bp-nouveau-activity-form form#whats-new-form div#whats-new-toolbar {display: block;columns: 2;}
	
}
@media screen and (min-width: 240px) and (max-width: 767px)
{
	div#primary .bp_activity div#bp-nouveau-activity-form form#whats-new-form div#whats-new-toolbar {display: block;columns: 2;}
	
}