/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/




/* ------------------------------------------------------------------------- *
 *  Custom classes
/* ------------------------------------------------------------------------- */


/* visibility / display */

.display-none {
    display: none !important;
}

.d-flex {
	display: flex;
}

.justify-between {
	justify-content: space-between;
}

.align-center {
	align-items: center;
}

.text-white * {
    color: #fff !important; 
}

@media only screen and (min-width: 1025px) {
    .desktop-hidden {
        display: none;
    }
} 

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet-hidden {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-hidden {
        display: none;
    }
}

/* layout */
.section.full-width.contain-content > .section_wrapper {
    max-width: 1220px !important;
}


/* margins / paddings */
.mb-0 {
    margin-bottom: 0;
}


/* btns  */
.button-custom .button.large-btn {
    padding: 10px 60px;
}

.toggle-btn {
    text-decoration: underline;
    cursor: pointer;
}


/* custom-post-grid classes */
@media only screen and (min-width: 480px) {
    .column_button .button.neg-mb-40 {
        margin-bottom: -40px !important;
    }

    .column.mb-30 {
        margin-bottom: 30px;
    }
} 

@media only screen and (max-width: 480px) {
    .mobile-p-0 {
        padding: 0 !important;
    }

    .mobile-pb-0 {
        padding-bottom: 0 !important; 
    }

    .mobile-pt-50 {
        padding-top: 50px !important; 
    }

    .mobile-pb-70 {
        padding-bottom: 70px !important; 
    }
} 


/* typography */
.heading-2 .title {
    color: #1F6684;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2em;
}

.heading-3 .title {
    color: #1F6684;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2em;
}

.tag p {
	color: #efbe37;
	font-size: 16px;
}

.text-accent {
    color: #5ab5c8 !important;
    font-weight: 700;
    text-decoration: none !important;
}

@media only screen and (max-width: 767px) {
    .heading-2 .title {
        font-size: 30px;
    }
	
	.heading-3 .title {
        font-size: 26px;
    }
}







/* ------------------------------------------------------------------------- *
 *  Popup Maker
/* ------------------------------------------------------------------------- */

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
	padding-right: 0 !important;
}

.pum-theme-light-box .pum-container {
	background: #1E6684;
}

/* overwrite background for biomanufacturing subpage */
.page-id-8118 .pum-theme-light-box .pum-container {
	background: #09B5AB;
}

.pum-theme-light-box h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2em;
    color: #fff;
}

.pum-theme-light-box p {
	font-size: 16px;
	font-weight: normal;
}

.pum-theme-light-box div p:last-child {
	margin-bottom: 40px;
}






/* ------------------------------------------------------------------------- *
 *  New landing
/* ------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
    .mcb-wrap-inner.mcb-wrap-inner-40t3hi1ei:after,
    .mcb-wrap-inner.mcb-wrap-inner-2o4wb04cl:after {
        content: '';
        width: 1px;
        height: 90px;
        position: absolute;
        background: #206684;
        right: 0;
        transform: translateY(80%);
    }
}

.custom-slider .mfn-blockquote-icon {
	display: none;
}

.custom-slider .testimonials_slider_ul li .bq_wrapper blockquote {
	max-width: 700px;
	margin: 0 auto;
}

/* rev slider*/
@media only screen and (max-width: 480px) {
	.rev-slider-title {
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
}





/* ------------------------------------------------------------------------- *
 *  Events widget
/* ------------------------------------------------------------------------- */

.tribe-events-widget-events-list__view-more {
    display: none;
}

div.tribe-events-widget {
    margin-bottom: 0;
}

/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
/* delete page-id prefix afterwards !!!!!!!! */
.page-id-7025 .tribe-events-widget-events-list__events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    overflow: hidden;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.page-id-7025 .tribe-events-widget-events-list__event-datetime {
    font-size: 16px;
    color: #efbe37;
}

.page-id-7025 .tribe-events-widget .tribe-common-c-svgicon {
    color: #efbe37 !important;
}

.page-id-7025 .tribe-events-widget .tribe-common-anchor-thin {
    color: #5ab5c8 !important;
    font-size: 16px;
    font-weight: 700;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper {
    margin-bottom: 10px;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-title {
    line-height: 18px !important;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after {
    display: none !important;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-date-tag {
    width: 60px !important;
    margin-bottom: 20px;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
    background: #59b5c8;
    border-radius: 12px;
    padding: 5px;
}

.page-id-7025 .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month ,
.page-id-7025 .tribe-events-widget.tribe-common .tribe-common-h2 {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .page-id-7025 .tribe-events-widget-events-list__events {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .page-id-7025 .tribe-events-widget-events-list__events {
        grid-template-columns: 100%;
        grid-gap: 20px;
    }
}






/* ------------------------------------------------------------------------- *
 *  Blog
/* ------------------------------------------------------------------------- */


 /* single blog post */
.single-post .post-meta .category,
.single-post .post .section-post-header .single-photo-wrapper.image {
    display: none !important;
}

.single-post.with_aside .content_wrapper {
    padding: 40px 0;
}

.widget:not(.widget_block) > h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
    
    
    

/* blog archives */
/* banner */
.newsroom_banner .section_wrapper {
    display: flex;
    max-width: 1195px;
}

.newsroom_banner .valign-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsroom_banner .valign-middle .mcb-wrap-inner {
    width: 100%;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .newsroom_banner .section_wrapper {
        max-width: 915px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .newsroom_banner .section_wrapper {
        max-width: 690px;   
    }
}

@media only screen and (max-width: 767px) {
    .newsroom_banner .section_wrapper {
        flex-direction: column;
    }
    
    .newsroom_banner .section_wrapper .valign-middle {
        display: none;
    }
}


/* custom grid */
.custom-post-grid .Latest_news ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 0 1%;
}


.custom-post-grid .Latest_news ul li {
    display: flex;
    flex-direction: column;
}

.custom-post-grid .Latest_news ul li .photo {
    width: 100%;
    border-right-width: 0;
}

.custom-post-grid .Latest_news ul li .desc_footer {
    border: none;
    margin-bottom: 8px;
    padding: 0;
}

.custom-post-grid .Latest_news ul li.has-post-thumbnail .desc {
    margin-left: 0;
    width: 100%;
    padding: 20px 20px 0;
    display: flex;
    flex-direction: column-reverse;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .custom-post-grid .Latest_news ul {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .custom-post-grid .Latest_news ul {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.blog-categories li.press-release {
    display: none !important;
}

#Filters {
    margin-bottom: 60px;
}

#Filters .filters_wrapper ul li a {
    max-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* categories */
.archive.category :where(.extra_content, .grid .post-footer) {
    display: none;
}

.archive.category .content_wrapper {
    max-width: 1240px;
    margin: 0 auto;
}

.archive.category .sections_group {
    width: 75%;
    float: left;
    padding: 40px 0;
}

.archive.category .mcb-sidebar.style-simple {
    float: right;
    margin: 0;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .archive.category .content_wrapper {
        max-width: 940px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .archive.category .content_wrapper {
        max-width: 708px;   
    }
}


/* related posts */
.post-related h4 {
    color: #5ab5c8;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-related h4 a {
    color: #5ab5c8;
}

.post-related .button {
    display: none;
}

.section-post-related .post-related .image_frame {
    margin-bottom: 10px;
}

.section-post-related .simple .post-related .date_label {
    margin-bottom: 15px;
    color: #efbe37;
    font-size: 16px;
}

.section-post-related .simple .post-related .date_label:before {
    content: '\e843';
    font-family: "mfn-icons";
    display: inline-block;
    width: 1em;
    margin-right: calc(0.2em + 5px);
    text-align: center;
    line-height: 1em;
    margin-left: 0.2em;
}


/* custom shortcode for displaying blog posts */
ul.posts-grid {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
}

.posts-grid li {
    display: inline;
}

.posts-grid .post__thumbnail img {
    width: 100%;
    object-fit: cover;
}

.posts-grid .post__title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.posts-grid .post__date {
    margin: 10px 0;
    color: #efbe37;
}

.posts-grid .post__date i {
    margin-right: 5px;
}

/* filtering */
.filter-options {
    margin-bottom: 30px;
}

.categories-filter .categories-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.categories-filter > div:not(:last-child) {
    margin-bottom: 15px;
}

.keyword-filter input {
    width: 100%;
    margin: 20px 0 30px;
}

/* newsroom page */
.page-id-6711 .categories-filter .category-policy-document {
    display: none;
}

button[name="clear_filters"] {
	color: #5ab5c8;
	background-color: #f4f4f4;
}

/* table view */
.posts-table :where(th, td) {
    text-align: left;   
}

.posts-table .post__date {
    min-width: 120px;
}

.posts-table .post__title {
    width: 55%;    
}

.posts-table .post__title h5 {
    margin: 0;    
}

.posts-table .post__title a {
    color: #5ab5c8;
    font-weight: 700;
	line-height: 1.7em;
}

/* responsivness  */
@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .categories-filter .categories-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 959px) {
    .categories-filter .categories-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    
    ul.posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    ul.posts-grid {
        grid-template-columns: 100%;
    }

    /* table view */
    .posts-table th:not(:first-of-type) {
        display: none;
    }

    .posts-table .post {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .posts-table .post td {
        width: 100%;
        border-top-width: 0;
        border-bottom-width: 0;
        padding-bottom: 0; 
    }
    
    .posts-table .post td.post__date {
        border-bottom-width: 1px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .categories-filter .categories-wrapper {
        grid-template-columns: 100%;
    }
}

/* archives */
.archive:where(.tag, .category) #Content {
    padding: 50px 0 20px;
}






/* ------------------------------------------------------------------------- *
 *  Events
/* ------------------------------------------------------------------------- */


.single-tribe_events .wp-block-buttons {
    display: flex;
}

.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container, .tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container {
    width: 100%;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button, 
.tribe-block__events-link .tribe-events-c-subscribe-dropdown__button {
    width: auto;
    border: none;
    background: transparent !important;
    outline: none !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
    color: #fff;
    background: var(--tec-color-button-primary);
    cursor: pointer;
    margin: 0;
}

.tribe-common-c-svgicon {
    color: var(--tec-color-button-primary) !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
    visibility: hidden;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown {
    margin: 0;
}

.tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item {
    margin: 5px 0;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container,
.tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item:where(:nth-last-child(2), :last-child) {
    display: none;
}

@media only screen and (max-width:768px) {
    .tribe-events-sub-nav li a {
        background: transparent;
        padding: 0;
    }
}







/* ------------------------------------------------------------------------- *
 *  Members list on /about-us/#Board&Council
/* ------------------------------------------------------------------------- */


@media only screen and (min-width: 768px) and (max-width: 1024px) {    
    .single-member.one-third.column {
        width: 50%;
        min-height: 110px;
        padding-right: 5%;
        margin: 0 0 40px;
    }
}

@media only screen and (min-width: 1025px) {
    .single-member {
        min-height: 140px;
    } 
}

@media only screen and (min-width: 1300px) {
    .single-member {
        min-height: 120px;
    } 
}

.single-member .column_attr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.single-member .column_attr hr {
    display: none;
}

.single-member .column_attr .big {
    line-height: 1.3em;
}

.single-member .column_attr img {
    height: 60px;
    min-height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 20px;
}










/* ------------------------------------------------------------------------- *
 *  Campaing landing page 
/* ------------------------------------------------------------------------- */


.page-id-4402 #Content {
    padding-top: 0;
}

.section.n-mt-large .mcb-section-inner .wrap {
    margin-top: -20%;
}

.section.d-flex .section_wrapper {
    display: flex;
}

@media only screen and (max-width: 767px) {
    .testimonials-grid.section.d-flex .section_wrapper {
        flex-direction: column;
    }
}


/* banner + play btn */
.campaign-banner .column_button {
    margin-top: -30% !important;
}

.button-custom .button.play-btn {
    padding: 8px 20px;
}

.button-custom .button.play-btn .button_label {
    line-height: 1.5;
}

.play-btn i.icon-play:before {
    content: "";
    width: 20px;
    height: 20px;

    background: url(/wp-content/uploads/2022/05/Play-button-01.svg) no-repeat;
    background-size: contain;
}



/* testimonials */
.single-testimonial * {
    color: #fff;
}

.single-testimonial p {
    font-size: 12px;
    line-height: 1.3;
}

.single-testimonial h3 {
    font-size: 16px;
}

p.testimonial-author_name {
    font-weight: 700;
    margin-bottom: 0;
}

p.testimonial-author_position {
    font-size: 80%;
    line-height: 1.3;
    margin-bottom: 0;
}


/* blog posts */
.knowledge-hub-categories .grid .post-item:not(.category-knowledge-hub), 
.page-id-4667 .filters_wrapper ul li:not([class*="-kh"]) {
	display: none !important;
}

.knowledge-hub-categories .filters_wrapper ul li.reset {
	display: inline-block !important;
}


/* slider */
ul.slider-list {
    margin-left: 0 !important;
    list-style-type: none;
}

@media only screen and (min-width: 768px) {
    ul.slider-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 40px;
    }
}

@media only screen and (max-width: 767px) {
    ul.slider-list li {
        margin-bottom: 30px;
    }
}

ul.slider-list h3 {
    position: relative;
    font-size: 16px;
}

ul.slider-list h3:before {
    content: "";
    width: 17px;
    height: 17px;
    
    position: absolute;
    top: 4px;
    left: -25px;

    background: url(/wp-content/uploads/2022/05/Arrrow-02.svg) no-repeat;
    background-size: contain;
}






/* ------------------------------------------------------------------------- *
 *  Cookiebot
/* ------------------------------------------------------------------------- */

#CybotCookiebotDialog,
#CookiebotWidget, #CybotCookiebotDialogPoweredByText {
    font-family: "Work Sans" !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    font-family: "Work Sans" !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    width: auto !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
	background: #5ab5c8 !important;
	border-color: #5ab5c8 !important;
    color: #fff !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll) {
	background-color: #eee !important;
	border-color: #eee !important;
	color: #000 !important;
}

div#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
	background: #5ab5c8;	
}

div#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	border-bottom-color: #5ab5c8;
}

div#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
div#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive,
div#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: #5ab5c8;
}
	
#CybotCookiebotDialogHeader,
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader,
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo, 
#CybotCookiebotDialogPoweredByText {
    display: none !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #2b2c43 !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #2b2c43 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type=checkbox] {
	width: 56px !important;
}