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

/* h1, h2, h3 {
	font-weight: 500;
}

h1 {
font-family: 'miller-headline', Georgia, serif;
}

h4 {
	  color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    line-height: 1.8;
    letter-spacing: 1.4px;
    text-align: left;
    font-family: 'Proxima Nova', Lato, Arial, Sans-serif;
    font-weight: 600;
    font-style: normal;
	 	font-size: 18px;
} */

html {
	scroll-behavior: smooth;
}

header#Header:before {
    content: '';
    height: 300px;
    background: linear-gradient(
    to bottom,
    rgba(0,0,0, 0.3) 0%,  /* Start with semi-transparent white */
    rgba(0,0,0, 0.1) 60%,  /* Fade out toward transparent */
    rgba(0,0,0
         , 0) 100%    /* Fully transparent at the bottom */);
    z-index: 1;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.sans-serif, .sans-serif h4, .sans-serif h4 a {
	font-family: 'Proxima Nova', Lato, Arial, sans-serif!important;
}

.top-number p {
    font-size: 14px;
}

.bottom-text p {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.mfn-main-slider {
	z-index: 1;
}

.slider-info-box:after {
    content: 'READ THE ARTICLE';
    display: block;
    width: 273px;
    height: 50px;
    position: absolute;
    top: 111px;
    right: -112px;
    transform: rotate(90deg);
    line-height: 50px;
    text-align: center;
    background-color: #C58B68;
    color: #fff;
}

.slider-info-box:hover {
	cursor: pointer;
}

.slider-info-box:hover::after {
  background: #5e6d63;   /* darker background */
  background: #9c9083;
  color: #fff;
  transition: all 0.3s ease;
} 

.home-blog-row.home-blog-row-bottom .post-desc {
    padding-left: 0!important;
    padding-right: 0!important;
}

.home-blog-row.home-blog-row-bottom ul.post-categories li a {
    font-size: .95rem;
    font-weight: 600;
}

.blog-row-has-bg .post-desc {
/*     background: #EAE8E1; */
	background: #fff;
	border-bottom-right-radius: 40px;
}

a.fixed-nav.style-default img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media screen and (max-width: 1400px) {
    .slider-info-box:after {
        display: none;
    }
}

.no-date .author-date {
    display: none;
}

.no-padding .post-desc {
    padding-left: 0;
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 10px!important;
}

.resized-grid .wp-post-image {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}


/* .no-horizontal-pad .post-desc-wrapper .post-desc {
	padding: 0;
	padding-top: 1.5rem;
} */

/* .no-horizontal-pad .post.post-item:first-of-type {
    margin-left: 0;
} */

/* .no-horizontal-pad .post.post-item:last-of-type {
    margin-right: 0;
}  */

/* .no-horizontal-pad .post-title {
    margin-top: -10px;
} */

.no-horizontal-pad h4, .no-horizontal-pad h4 a {
    letter-spacing: 0;
    text-transform: none;
}

/* .no-horizontal-pad .post-excerpt, .no-horizontal-pad .post-footer {
    display: none;
} */

.clickable-column {
  position: relative;
}

.clickable-column .column-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  text-indent: -9999px; /* hides link text but keeps it accessible */
}
/* 
.blogger3-shadow { 
    box-shadow: 0px 30px 30px -7px rgba(0,0,0,.1);
} */

.hover-boxes:before {
    content: '';
    display: block;
    width: 10%;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 100%;
    background: #5C7F71;
	visibility: visible;
}

.hover-boxes:after {
    content: '';
    display: block;
    width: 10%;
    position: absolute;
    right: 0;
    z-index: 0;
    height: 100%;
    background: #5C7F71;
		visibility: visible;
}

.hover-box {
    border-left: 1px solid #f0eeec;
}

.hover-box:last-of-type {
    border-right: 1px solid #f0eeec;
}

.tan-bg.hover-box:hover {
    background: transparent;
}

.white-text p, 
.white-text ul li,
.white-text ol li,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 {
	color: #fff;
}

.dark-bg {
	background-color: #231f20;
}

sr7-content {
    padding-bottom: 60px;
}

sr7-module#SR7_3_1 {
    padding-bottom: 60px;
}

sr7-px {
    overflow: hidden;
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}

.aspect-ratio-4-3 img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.header-plain #Top_bar .menu > li > a {
    text-transform: uppercase;
}

/* .photo2 .category .cat-wrapper ul li a {
    background-color: rgba(0, 0, 0, .05) !important;
    color: rgba(0, 0, 0, .6);
    padding: 3px 12px;
    border-radius: 20px;
} */

/* .post-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.styled-blog-feed .photo2 .post-desc-wrapper .post-desc {
    background: #fff;
		padding: 10px;
    padding-left: 0;
}

/* .styled-blog-feed .photo2 .category .cat-wrapper ul li a {
    background-color: #fff !important;
    color: rgba(0, 0, 0, .6);
    padding: 3px 12px;
    border-radius: 20px;
    padding: 0;
    border-radius: 0;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 600;
} */

/* .styled-blog-feed .post-meta.clearfix {
    margin: 0;
} */

/* .styled-blog-feed .photo2 .category .cat-wrapper ul {
	margin-left: 0;
} */

.styled-blog-feed h2.entry-title {
    font-weight: 600;
}

/* .styled-blog-feed .post-footer {
    display: none;
} */

.styled-blog-feed img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* .styled-blog-feed .photo2 .category .cat-wrapper ul li {
	padding: 0;
} */

.styled-blog-feed .photo2 .bg-dark .entry-title a {
    color: #231f20;
}

.styled-blog-feed .button-love {
    display: none;
}

sr7-module .header-text div div {
/*     font-family: 'Miller Headline'; */
    font-size: 36px;
		font-weight: 500;
		line-height: 1;
}

sr7-txt.excerpt {
    font-family: 'Proxima Nova', Lato, Arial, ui-sans-serif !important;
}

.slide-btn {
    transform-origin: top right;
    position: absolute;
    left: -119px;
}

.one-fifth.mcb-wrap .mcb-wrap-inner {
    flex: 1; /* makes all columns equal width */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* helps if you want to align stuff inside */
     /* just for visibility */
}

.five-col-wrapper h2 {
	  font-family: "miller-headline", serif !important;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}

.med-h1 h1, h1.med-h1 {
	font-size: 45px;
}

h4.small-h4, .small-h4 h4 {
	font-size: 14px;
}

.photo2 .post-desc-wrapper .post-desc {
	padding: 35px;
}

/* .styled-blog-feed h4 {
	font-family: "proxima-nova", sans-serif !important;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    font-size: 22px;
} */
	
/* body.archive .grid .post-item, body.archive .masonry:not(.tiles) .post-item, body.archive .photo2 .post .post-desc-wrapper {
		background: #fff;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 32px 0px;
} */

.clickable-wrap {
  position: relative;
}

.clickable-wrap > .wrap-link {
  position: absolute;
  inset: 0;
  z-index: 10;
  text-decoration: none;
  pointer-events: auto;
}

/* NEW: Make sure the link doesn't block hover effects on content */
.clickable-wrap:hover {
  /* this assumes the hover state is still set in BeBuilder */
}

.clickable-wrap .mcb-column-inner,
.clickable-wrap .column {
  position: relative;
  z-index: 5;
}

.tan-bg {
	background: #B7A99A;
}

.green-bg {
	background: #5C7F71;
}


.one-fifth.mcb-wrap:hover {
    background: transparent;
}

.hover-box:hover {
	background: transparent;
}

.d-none {
	display: none;
}

.hover-boxes.mcb-wrap {
	align-items: initial;
}

.hover-boxes .mcb-wrap-inner {
    align-items: initial;
}

.home-blog-row img {
    aspect-ratio: 2 / 1.5;
    object-fit: cover;

}

.post-tag-cloud ul.mfn-tag-cloud.mfn-tag-cloud-text {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.post-tag-cloud {
    text-align: center!important;
    margin: 0 auto;
    display: block;
}

.post-tag-cloud ul li {
    background: rgb(183 170 154 / 25%);
    padding: 6px 20px;
    border-radius: 40px;
}

.post-tag-cloud ul li:hover {
    background: #F0EEEC;
    cursor: pointer;
}

.post-tag-cloud ul li:hover a {
    color: #231f20;
}


/* NEW SLIDER SETTINGS */
.slider-top img.scale-with-grid.wp-post-image {
    width: 100vw;
    height: 75vh;
    object-fit: cover;
}

.slider-top .blog_slider .blog_slider_ul li .item_wrapper {
    margin: 0;
}

.slider-top .slick-slide {
    width: 100vw!important;
}

.slider-top .mcb-column-inner.mfn-module-wrapper.mcb-column-inner-5n7ctipf.mcb-item-blog_slider-inner {
    margin: 0!important;
}

.slider-top a.button.the-icon.slider_next.slick-arrow {
    right: 12px;
    top: 77vh;
    height: 50px;
    width: 50px;
    background: none !important;
    z-index: 1;
}

.slider-top a.button.the-icon.slider_prev.slick-arrow {
    top: 77vh;
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    left: calc(100vw - 112px);
    float: none;
}

.slider-top img.scale-with-grid.wp-post-image {
    transform: none !important;
}

.slider-top .desc {
    width: 700px;
    padding: 72px;
    padding-right: 120px;
    background: #fff;
    position: relative;
    top: -10vh;
		top: -22.75vh;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 32px 0px;
    border-bottom-right-radius: 32px;
    min-height: 333px;
}

.slider-top .date_label {
    display: none!important;
}

.slider-top .desc:before {
    content: 'READ THE ARTCLE';
    height: auto;
    width: 225px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: rgb(183, 169, 154);
    transform: rotate(90deg);
    padding: 5px 24px;
    line-height: 48px;
    text-align: center;
    transform-origin: top right;
    top: 225px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.slider-top .section-nav.next {
    display: none;
}

.slider-top .button i {
    color: #000;
	font-size: 24px;
}

.slider-top .blog_slider.flat:hover .blog_slider_header {
  opacity: 1 !important;
  z-index: 1;
  position: relative;
}

.slider-top .blog_slider_header.clearfix {
    opacity: 1 !important;
}

/* SLIDER SETTINGS */


.sr7-tab-desc {
    font-family: 'Proxima Nova', 'Nunito Sans', 'Lato', Arial, sans-serif!important;
    letter-spacing: 0!important;
    text-transform: uppercase;
    font-weight: 700!important;
    font-size: 15px!important;
}

.sr7-tab:before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
	background: rgba(255,255,255,0.5)!important;
    margin-bottom: 12px;
}

.sr7-tab.selected:before {
	    background: #C58B68!important;
}

.sr7-tab-desc:before {
    content: '01';
    display: block;
    font-weight: 900;
}

sr7-tab.sr7-tab {
    padding: 10px 14px!important;
}

sr7-tab.sr7-tab.selected {
	background: rgba(255, 255, 255, 0.1)!important;
    box-shadow: 0 3px 20px rgba(12, 23, 37, .1);
	border-radius: 4px;
}

.bg-gradient {
    background: linear-gradient(rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.4) 100%) !important;
}

.sr7-btn {
/*     border-radius: 4px !important; */
/*     border: 1px solid rgba(255, 255, 255, .75); */
    font-family: 'Proxima Nova', 'Lato', Arial, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 15px !important;
}

/* sr7-tab.sr7-tab:hover {
	background: rgba(255,255,255,0.1);
	border-radius: 4px!important;
}
 */
sr7-grp#SR7_1_1-2-3 {
    left: 48px !important;
}

.sr7-layer.slide-title, .sr7-layer.slide-excerpt {
    font-family: 'Proxima Nova', 'Lato', Arial, sans-serif!important;
}

.no-margin .mcb-item-blog-inner {
    margin: 0;
}

.entry-content h3, .post-content h3, .page-content h3, #content h3, .type-post h3, .type-page h3, .elementor h3 {
	font-family: 'mencken-std', Georgia, serif;!important
	text-transform: lowercase!important;
	font-weight: 400;
	font-style: italic;
}

@media screen and (min-width: 1100px) {
    .sr7-layer.excerpt {
    font-size: 16px!important;
    line-height: 1.4!important;
}
}

@media screen and (max-width: 1100px) {
    .sr7-layer.excerpt {
    font-size: 14px!important;
    line-height: 1.4!important;
}

.sr7_splitted_words_noanim {
    font-size: 24px!important
}
}



@media only screen and (min-width: 1280px) {
}


@media only screen and (min-width: 768px) {
  .sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu {
    background: rgba(255, 255, 255, 1);
  }
	
	.hover-boxes-outer .section_wrapper {
    width: 100%;
    max-width: unset;
    padding: 0;
}
}