/*--------------------------------------------------------------
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
--------------------------------------------------------------*/


body .bb-footer, body .site-content:not(.maintenance-content), body .site-header { padding: 0; }
body:not(.bbp-user-page):not(.bp-user):not(.groups) .container, body .container-fluid, body .site-header .container { max-width: none; padding: 25px 20px; width: 100%; margin: 0; }

body.bbp-user-page .site-content, body.groups .site-content, body.bp-user .site-content { padding: 30px 0 !important; }
body .bb-grid, body .entry-header { margin: 0; }
body .bb-grid-cell:not(.no-gutter), body .bb-grid>:not(.no-gutter) { margin: 0; padding: 0; }
body .site-header { border-radius: 0 0 20px 20px; box-shadow: 0 4px 30px  0 rgba(0,0,0,0.1); }
body .bb-block-header { margin: 0; }
body .default-header .main-navigation { display: flex; justify-content: center; }

body .membersviewd-resource-inner { font-size: 15px; line-height: 24px; background: #F6F6F6; border-radius: 7px; width: 100%; padding: 10px; }
body .membersviewd-resource-inner h4 a, body .membersviewd-resource-inner h4 { color: var(--e-global-color-b1c0382); font-size: 15px; font-weight: 600; line-height: 24px; }
body .membersviewd-resource-inner h4 { margin: 0 0 10px; padding-right: 65px; background: url(../../images/mark.svg) no-repeat right top; min-height: 45px; }
@media (min-width: 768px) {  
	.membersviewd-resources { margin: 0 -7px; display: flex; flex-wrap: wrap; }
	.membersviewd-resource { padding: 5px 7px; width: 33.33%; display: flex; }
}

body .cat-list { font-size: 0; }
body .cat-list a { font-size: 14px !important; border-radius: 16px; line-height: 20px; font-weight: 400; padding: 8px 14px; margin: 5px; background: #F7F7F7; border: 1px solid #F7F7F7; color: var(--e-global-color-b1c0382);  display: flex !important } 
body .cat-list a:first-child { margin-left: 0; }
body .cat-list a:hover { background: none; color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); }
body .cat-list .elementor-icon-list-item .elementor-icon-list-text span { display: flex; }

body .process-status { margin-right: 10px; padding: 10px 15px 10px 55px; border-radius: 16px; font-size: 12px; font-weight: 600; background: url(../../images/mark.svg) no-repeat 15px center #F7F7F7; background-size: 33px auto; color: var(--e-global-color-b1c0382);  }


body .viewmark { position: relative; padding-left: 25px; font-size: 14px; color: #000; font-weight: 600; line-height: 24px; }
body .viewmark input[type=checkbox] { display: none; }
body .viewmark span:before { content: ''; border: 1px solid #E4E5EB; background: #E4E5EB; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 2px; }
body .viewmark input[type=checkbox]:checked + span:before { border-color: var(--e-global-color-secondary); background: url(../../images/check-icon.svg) no-repeat center center var(--e-global-color-secondary);  }


body .resource-catimg img { width: 84px; height: 84px; object-fit: cover; padding: 20%; /* border-radius: 100%;*/ }
body .resource-category  { box-shadow: 0 4px 40px 0 rgba(227,227,227,0.2); margin-bottom: 25px; border-radius: 16px; position: relative; border: 1px solid #F7F7F7; }
body .resource-category a.viewall-link { display: flex; justify-content: center; align-items: center; background: #ECECEC; width: 61px; height: 61px; border-radius: 100%; right: 32px; top: 50%; transform: translatey(-50%); position: absolute; } 
body .resource-category a.viewall-link svg path { fill: #000; }
body .resource-category a.viewall-link:hover { background: var(--e-global-color-secondary); } 
body .resource-category a.viewall-link:hover svg path { fill: #fff; }
body .resource-category h5, body .resource-category h5 a { font-size: 18px; line-height: 28px; font-weight: 600; color: var(--e-global-color-b1c0382) }
body .resource-category h5 { margin: 0; padding: 0 0 10px; }
body .resource-caticon, body .resource-caticon .dashicons, body .cat-icon { width: 84px; height: 84px; text-align: center; }
body .resource-caticon .dashicons:before, body .cat-icon .dashicons:before { font-size: 80px; line-height: 80px; }
body .cat-icon .dashicons { width: auto; height: auto; }

body .resource-b { font-size: 15px; line-height: 24px; background: #F6F6F6; border-radius: 7px; width: 100%; padding: 10px; }
body .resource-b h4 a, body .resource-b h4 { color: var(--e-global-color-b1c0382); font-size: 15px; font-weight: 600; line-height: 24px; }
body .resource-b h4 { margin: 0 0 10px; }
body a.read-more { font-size: 12px; font-weight: 600; color: #000; background: #fff; width: 100%; border-radius: 10px; padding: 8px 20px; margin: 10px 0 0; display: flex; justify-content: center;}
body a.read-more:hover { background: var(--e-global-color-secondary); color: #fff; }

body .resource-status { background: #fff; padding: 4px 8px 4px 24px; position: relative; border-radius: 8px; font-size: 10px; font-weight: 700; color: #000; margin-bottom: 5px; display: inline-flex; }
body .resource-status.viewed:before { content: ''; position: absolute; left: 6px; top: 50%; transform: translatey(-50%); width: 12px; height: 12px; background: url(../../images/mark.svg) no-repeat; background-size: 19px auto; }
body .resource-status.notviewed:before { content: ''; position: absolute; left: 6px; top: 50%; transform: translatey(-50%); width: 12px; height: 12px; background: url(../../images/icon.svg) no-repeat center; background-size: 12px auto; }
body .resource-byline { display: flex; flex-wrap: wrap; width: 100%; padding-bottom: 12px; justify-content: space-between; align-items: center; }
body .resource-cat { background: #fff; padding: 12px 15px; position: relative; border-radius: 16px; font-size: 12px; font-weight: 700; margin-bottom: 5px; }
body .resource-cat a { margin: 5px; color: #000; } 

body .resource-catimg { border-radius: 100%; overflow: hidden; }
@media (min-width: 768px) {  
	.resource-boxes { margin: 0 -7px; display: flex; flex-wrap: wrap; }
	.resource-box { padding: 5px 7px; width: 33.33%; display: flex; }
	body .resource-category  { padding: 30px 125px 30px 150px; }
	body .resource-catimg { position: absolute; left: 32px; top: 50%; transform: translatey(-50%);}
}

@media (max-width: 767px) {  
 	body .resource-category { padding: 150px 20px 10px 20px; text-align: center; }
	body .resource-catimg { position: absolute; left: 50%; top: 30px; transform: translateX(-50%); }
}

body .progress-tabs { background: #EFEFEF; border-radius: 8px; padding: 0 1px; display: flex; }
body a.progress-tab { font-size: 12px; font-weight: 500; color: #87929A; line-height: 22px; padding: 8px 12px; border-radius: 6px; cursor: pointer; margin: 2px 1px; }
body a.progress-tab:hover, body a.progress-tab.active { color: #000; background: #fff; }
body .progress-lists.hide { display: none; }
body .progress-lists { display: none; padding-top: 15px; margin-top: 15px; border-top: 1px solid var(--e-global-color-a34079e); }
body .progress-lists.active { display: block; }
body .progress-list { padding: 20px; display: flex; width: 100%; justify-content: space-between;  align-items: center; }
body .progress-list:nth-child(even) { background: #FBFBFB; }
body .progress-list-info a { font-weight: 600; color: #000; font-size: 14px; line-height: 24px; }

body .resource-catlevel { padding-bottom: 15px; display: flex; }
body .resource-catlevel span { background: #F7F7F7; padding: 11px 15px; position: relative; border-radius: 16px; font-size: 12px; line-height: 20px; font-weight: 700; margin: 0 5px 5px 5px; }
body .resource-catlevel span:first-child { margin-left: 0; }

body .resource-members-main { margin-bottom: 15px; border: 1px solid var(--e-global-color-a34079e); padding: 20px; border-radius: 10px; padding: 15px; }
body .resource-members-text p { margin: 0; padding: 5px 0; }
body .resource-members-main > h6 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 600; }
body .resource-members-text { line-height: 24px; }

body.home-page .container, body.home-page .container-fluid { padding: 0; }

body .header-aside .button.signup { color: #fff; }

body.messages .buddypress-wrap { margin: 0 auto; }
body div#cover-image-container { margin: 0; border-radius: var(--bb-block-radius) !important; } 
body #header-cover-image { border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0 !important; } 
body .tribe-events-header__events-bar, body .tribe-events-c-subscribe-dropdown__container { display: none !important; }
body .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-weekday { color: #000; font-size: 16px; font-weight: 600; }
body.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h3:hover { background: none !important; }

@media (min-width: 992px) { 
	body.login.login-split-page .login-split { left: auto !important; right: 0 !important; }
	body.login.login-split-page #login { left: 0 !important; }
}
 
body.home-page .site-content .container { padding: 0 !important; }
body.home-page.mepr-login-page .entry-header { margin: 0; }
body.mepr-login-page .main-navigation, body.mepr-login-page .header-search-link { display: none !important; }

body .notice-info a { color: #fff !important; }
body .user-badge { width: 30px; margin-left: 9px; }

.achievement-b { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; border-radius: 10px; border: 1px solid #ECECEC; padding: 0 30px 30px; margin-top: 50px; }
.achievement-img { margin-top: -50px; }
.achievement-img img { width: 100px; height: 100px; object-fit: cover; border-radius: 100%; border: 1px solid #000; }
.achievement-b h6 { width: 100%; text-align: center; font-size: 20px; line-height: 30px; margin: 0; padding: 20px 0 10px; }
.achievement-category a { margin: 5px; border-radius: 16px; background: #D9D9D9; padding: 10px 20px; display: inline-block; color: #000; }
.achievement-category a:hover { background: var(--e-global-color-secondary); color: #fff; }

@media (min-width: 768px) {  
	.achievement-boxes { margin: 0 -10px; display: flex; flex-wrap: wrap; }
	.achievement-box { padding: 15px 10px; width: 33.33%; } 
}

.sub-menu-inner #wp-admin-bar-mp-membership { display: none !important; }