/*
Theme Name:   Zox News Child
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  Zox News Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     zox-news
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  zox-news-child
*/

.mvp-nav-menu ul li:hover a {
    border-color:#ff005b
}

.author_info{display:block;clear:both;color:#777;font-size: .7rem;}
.author_info a{color:#777;}

.fLogoShow{position:relative;/*float:left;*/clear:both;text-align:center;width:100%}
.fLogoShow .widgettitle,
.fLogoShow h5{color:#fff}
.fLogoShow .rt-wpls .slick-slide img{box-sizing:border-box}
.fLogoShow .rt-wpls .single-logo .single-logo-container{padding-top:0;padding-bottom:0}
.fLogoShow .slick-track{padding-top:5px}

#mvp-foot-logo{margin-bottom:10px}


.mvp-cont-read-but{z-index:999;cursor:pointer}
.mvp-cont-read-wrap{z-index:999}


#mvp-content-main ul li, #mvp-content-main ol li, .mvp-post-add-main ul li, .mvp-post-add-main ol li,
#mvp-content-main ul li span, #mvp-content-main ol li span, .mvp-post-add-main ul li span, .mvp-post-add-main ol li span{
    /*font-family: 'Gautami', sans-serif!important;*/
    /*font-size:1.1rem !important;*/
    color:#000 !important;
    /* font-size:100% !important; */
    font-family: 'Aparajita', sans-serif;
    font-size:1.1rem !important;
    line-height:1.55;
}
#mvp-content-main ul li a,
#mvp-content-main ol li a,
.mvp-post-add-main ul li a,
.mvp-post-add-main ol li a{
    color:#000;
    box-shadow:inset 0 -4px 0 #ff005b;
}
#mvp-content-main ul li a:hover,
#mvp-content-main ol li a:hover,
.mvp-post-add-main ul li a:hover,
.mvp-post-add-main ol li a:hover{
    background:#ff005b;
}


.home .cat-post-widget .category-posts-internal,
.cat-post-widget .category-posts-internal{display:none}

body #mvp-fly-wrap{position:absolute !important}
body #mvp-fly-wrap{overflow-y:auto !important;overflow-x:hidden !important;}
body #mvp-fly-menu-wrap nav.mvp-fly-nav-menu{overflow-x:hidden;overflow-y:auto;padding:5px 0}
body #mvp-fly-soc-wrap{bottom:5px}


.mvp-author-info-text .author.light__gray a{
	color:#999 !important;
}

html:not([dir="rtl"]),
html[lang="en-US"],
html[lang="en-US"] body{
    direction:ltr !important;
}
html:not([dir="rtl"]) #mvp-content-main,
html[lang="en-US"] #mvp-content-main{
    direction:ltr !important;
}


/*Mega Menu CSS*/
@font-face {
    font-family: 'gotham-bold';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff2') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gotham-black';
    src: url('fonts/Gotham-Black.woff2') format('woff2'),
        url('fonts/Gotham-Black.woff2') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gotham';
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff2') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: 'gotham-medium';
    src: url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff2') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap;
}

#mvp-main-nav-small-cont #mega-menu-wrap-main-menu{
	background:transparent !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu{
	z-index:9 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link{
	padding:18px 12px 13px;
	font-size:14px;
    font-weight:500 !important;
    line-height:1;
	text-transform:uppercase;
	height:auto;
	/* color:#291c1c; */
	color:#fff;
	font-family:'Oswald', sans-serif;
	border-bottom:5px solid transparent;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-menu-item-has-children>a.mega-menu-link{
	padding:18px 8px 13px 12px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link{
	background:transparent !important;
	/* color:#291c1c; */
	color:#fff;
	line-height:1;
	border-color:transparent !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link{
	background:transparent !important;
	border-bottom: 5px solid #1E88E5 !important;
	/* color:#291c1c; */
	color:#fff;
	line-height:1;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after{
	margin-left:0;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu,
#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
	background:#fff;
	-webkit-box-shadow: 0 4px 8px 0 hsla(220,3%,40%,.15), 0 8px 16px 0 hsla(220,3%,40%,.33);
    box-shadow: 0 4px 8px 0 hsla(220,3%,40%,.15), 0 8px 16px 0 hsla(220,3%,40%,.33);
	padding-bottom:10px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect=fade_up] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
	padding:10px 0;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{
	font-family: 'gotham-black';
	font-size:14px;
	line-height:1.5;
	margin-bottom:14px;
	text-transform:unset;
	color:#000;
	transition: color .1s ease;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	font-size:14px;
	color:#000;
	margin:7px 0 12px;
	font-family: 'gotham';
	font-weight:400;
	transition: color .1s ease;
    letter-spacing: -.4px;
	background:#fff !important;
	line-height:1.5;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
	color:#ff005b;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
	background:#fff;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.column--3>ul.mega-sub-menu{
	width:75%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.column--2>ul.mega-sub-menu{
	width:50%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.column--1>ul.mega-sub-menu{
	width:100%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.column--3>ul.mega-sub-menu li.mega-menu-columns-1-of-4{
	width:33.3333%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.column--2>ul.mega-sub-menu li.mega-menu-columns-1-of-4{
	width:50%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu.column--1>ul.mega-sub-menu li.mega-menu-columns-1-of-4{
	width:100%;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{
  font-family:"font awesome 5 free" !important;
  font-weight:900;
  left:5px;
  font-size:12px;
  /* top:2px; */
  top:-1px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after{
  content:"\f0d7" !important;
  font-family:"font awesome 5 free" !important;
  font-weight:unset;
}


/*Footer CSS*/
#footer__main{
	padding-top:35px;
	position:relative;
    float:left;
    width:100%;
	background:#fff;
	z-index:99;
	font-family: 'Gautami', sans-serif !important;
}
#footer__main .foot__left{
	float:left;
	width:78%;
	padding-right:2%;
	box-sizing:border-box;

}
#footer__main .foot__right{
	float:left;
	width:22%;
	padding-left:2%;
	box-sizing:border-box;
}
#footer__main .foot__inner{
	float:left;
	position:relative;
}
#footer__main .foot__inner:before{
	content:"";
	width:1px;
	height:100%;
	background:#d8dadb;
	position:absolute;
	bottom:0;
	left:78%;
}
#footer__main .foot__left .foot__logo{
	padding-bottom:25px;
}
#footer__main .foot__left .foot__logo img{
	max-width:250px;
	margin-bottom:0;
}
#footer__main .foot__left_nav{
	padding-bottom:25px;
	z-index:1;
	position:relative;
}
#footer__main .foot__left_nav li{
	display:inline-block;
	margin-right:20px;
	font-family: 'Gautami', sans-serif !important;
	font-size:18px;
}
#footer__main .foot__left_nav li a,
#footer__main .foot__left_nav li a:visited{
	color:#36383d !important;
}
#footer__main .foot__left_nav li a:hover{
	color:#ff005b !important;
}
#footer__main .foot__desclimer{
	padding:30px 0 15px;
	border-top:1px solid #d8dadb;
	z-index:2;
	position:relative;
}
#footer__main .foot__desclimer p{
	font-family: 'Gautami', sans-serif !important;
	margin-bottom:18px;
	font-size:14px;
	line-height:1.5;
	color:#657073 !important;
}
#footer__main .foot__desclimer a,
#footer__main .foot__desclimer a:visited{
	text-decoration:underline;
}
#footer__main .foot__desclimer a:hover{
	text-decoration:none;

}
#footer__main .foot__right .social__media{
	text-align:left;
	padding-bottom:25px;
	width:100%;
}
#footer__main .foot__right_logo{
	float:left;
	padding-bottom:20px;
}
#footer__main .foot__right_logo img{
	max-width:200px;
}
#footer__main .foot__copyright{
	padding-bottom:5px;
	/* z-index:2; */
	/* position:relative; */
	float:left;
	width:100%;
}
#footer__main .foot__copyright .copyright{
	font-family: 'Gautami', sans-serif !important;
	font-size:14px;
	line-height:1.5;
	color:#657073 !important;
}
#footer__main .foot__right_nav{
	/* z-index:1; */
	/* position:relative; */
	float:left;
	width:100%;
}
#footer__main .foot__right_nav li{
	font-family: 'Gautami', sans-serif !important;
	font-size:14px;
	margin-bottom:5px;
}
#footer__main .foot__right_nav li a,
#footer__main .foot__right_nav li a:visited{
	color:#36383d !important;
	text-decoration:underline;
}
#footer__main .foot__right_nav li a:hover{
	text-decoration:none !important;
	color:#ff005b !important;
}


#mvp_home_feat1cstm_widget-2 .mvp-widget-home-title{
	display:none !important;
}

a.no__underline{
	text-decoration:none !important;
	box-shadow:none !important;
	background:transparent !important;
}
a.no__underline:hover{
	box-shadow:inset 0 -4px 0 #ff005b !important;
}

.mvp_home_feat1_widget .mvp-widget-feat1-top-text{width:100%;box-sizing:border-box;}

body #mvp-fly-soc-wrap{display:none !important;}
body #mvp-fly-wrap{position:fixed !important;}
body #mvp-fly-wrap #mvp-fly-menu-wrap{height:90%;}
body #mvp-fly-wrap nav.mvp-fly-nav-menu{max-height:95%;}
body #mvp-fly-menu-wrap nav.mvp-fly-nav-menu{overflow-x:hidden !important;overflow-y:auto !important;}
body #mvp-fly-wrap{background:#e8e8e8 !important;}
body #mvp-fly-wrap nav.mvp-fly-nav-menu ul li a{color:#000;}
body #mvp-fly-wrap nav.mvp-fly-nav-menu ul li{border-top:1px solid rgba(0,0,0,.1);}
body #mvp-fly-wrap nav.mvp-fly-nav-menu ul li:first-child{border-top:0;}
body #mvp-fly-wrap .mvp-fly-but-wrap span{background:#291c1c;}

body #mvp-fly-wrap #mvp-fly-logo{/*display:none;*/}

ul.mvp-foot-soc-list .fa-rss:hover{
	background:#ee802f;
}
ul.mvp-foot-soc-list li{
	padding-bottom:5px;
}

.mvp-nav-small-logo{width:100%;}
#mvp-main-head-wrap .mvp-nav-small-logo a{display:block;}
#mvp-main-head-wrap .mvp-nav-small-logo img{
    height:100%;
    width:auto;
    margin-top:2px;
}
#mvp-fly-logo a{display:block;}
#mvp-fly-logo img{
    width:auto;
}


.author span.mvp-author-page-desc p{margin-bottom:12px;}
.author span.mvp-author-page-desc p:last-child{margin-bottom:0;}

#mvp-author-box-text p{
    margin-bottom:10px;
}
#mvp-author-box-text p:last-child{
    margin-bottom:0;
}


.mvp-cat-date-wrap span{font-size:12px !important;}


h2.mvp-widget-home-title{
    float:left;
    margin-bottom:20px;
    position:relative;
    text-align:center;
    width:100%;
}
h2.mvp-widget-home-title:before{
    content:'';
    background:#555;
    display:inline-block;
    position:absolute;
    left:0;
    bottom:50%;
    width:100%;
    height:1px;
    z-index:0;
}

.tools--embed{
    position:relative;
    overflow:hidden;
    width:100%;
    padding-top:70%;
}
.tools--embed iframe{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    margin-top:-10%;
    margin-bottom:-10%;
}

.category__sticky__menu.posFixed{
	width:100%;
	z-index:9;
}


.domain---names{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    /* justify-content:space-between; */
    justify-content:center;
}
.domain---names .domain--item{
    flex-basis:31%;
    text-align:center;
    border-radius:15px;
    background:#fff;
    box-shadow:23px 23px 24px rgba(57,59,106,.12);
    overflow:hidden;
    margin-bottom:10px;
}
.domain---names .domain--item a{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:block;
}
.domain--lists--main .mvp-post-soc-in{
    margin:30px 0;
}
.domain---names .domain--item .head{
    background:#ff005b;
    color:#fff;
    padding:8px;
}
#mvp-content-main .domain---names .domain--item .domain--title{
    color:#fff;
    font-size:1.2rem;
}
.domain---names .domain--item a:hover .head{
    background:#333;
}
.domain---names .domain--item .cntnt{
    padding:15px 10px;
}
#mvp-content-main .domain---names .domain--item .cntnt h4{
    font-size:1.05rem;
}

.bdomain--single--main .mvp-post-main-in{
    margin:0;
}
.bdomain--single--main #mvp-post-main{
    padding:60px 0;
}
.bdomain--single--main .content---main{
    text-align:center;
}
.bdomain--single--main .sub--text{
    font-size:18px;
    margin-bottom:20px;
}
.bdomain--single--main .domain--name{
    font-family:'Oswald', sans-serif;
    font-size:56px;
    line-height:1.25;
    color:#A80039;
    margin-bottom:12px;
}
.bdomain--single--main .sal--e{
    font-size:32px;
    line-height:1.25;
    color:#ff005b;
    margin-bottom:15px;
}
.bdomain--single--main .pric---e{
    font-size:22px;
    line-height:1.25;
    color:#333;
    margin-bottom:25px;
}
.bdomain--single--main .btn a{
    padding:15px 60px;
    background:#ff005b;
    color:#fff;
    font-size:22px;
    line-height:1;
    border-radius:50px;
    display:inline-block;
}
.bdomain--single--main .btn a:hover{
    background:#333;
}
.bdomain--single--main .deta---il{
    max-width:1024px;
    margin:30px auto 0;
}
.bdomain--single--main .deta---il p{
    font-size:18px;
    line-height:1.3;
}

.c--field input,
.c--field textarea{
    padding:10px;
    font-size:16px;
    width:100%;
    font-family:'Gautami', sans-serif;
}
.wpcf7 .c--field textarea{
    height:auto;
}
.wpcf7 .mo---submit{
    font-family:'Gautami', sans-serif;
    padding:12px 45px;
    background:#ff005b;
    color:#fff;
    font-size:16px;
    line-height:1;
    border-radius:50px;
    border:none;
    cursor:pointer;
}
.wpcf7 .mo---submit:hover{
    background:#333;
}


span.icon-checkmark:before,
span.icon-cross:before {
    font-family: 'icomoon' !important;
}
ul.wpas--pros-list,
ul.wpas--cons-list {
    list-style: none !important;
}
ul.wpas--pros-list li,
ul.wpas--cons-list li {
    margin: 0 !important;
}


#mvp-author-box-wrap.multi__author .author__item{
    float:left;
}
#mvp-author-box-wrap.multi__author .author__2{
    display:block;
    padding-top:15px;
}


.mvp-author-info-wrap a.mvp-twit-but{vertical-align:middle;}

.mvp-author-page-list a{display:inline-block;vertical-align:middle;}
.mvp-author-page-list .medium{margin-left:9px;}
.mvp-author-page-list .medium img{opacity:0.5;display:block;margin:1px 0 0;}
.mvp-author-page-list .medium:hover img{opacity:1;}

#mvp-author-box-head #mvp-author-box-soc-wrap a{
    vertical-align:middle;
}
#mvp-author-box-head #mvp-author-box-soc-wrap .authMedium img{opacity:0.5;}
#mvp-author-box-head #mvp-author-box-soc-wrap .authMedium:hover img{opacity:1;}


ul.mvp-foot-soc-list li a{height:40px;width:40px;padding:0;text-align:center;overflow:hidden;}
ul.mvp-foot-soc-list li a:before{display:none !important;}
ul.mvp-foot-soc-list li a i{vertical-align:middle;line-height:40px;width: 40px;}

ul.mvp-author-page-list li:before{display:none !important;}
.author ul.mvp-author-page-list li{height:40px;}


.mvp-author-info-text{display:flex;flex-wrap:wrap;flex-direction:column-reverse;justify-content:flex-start;}
.mvp-author-info-text .mvp-author-info-date{width:100%;color:#444;}
.mvp-author-info-text .mvp-author-info-name{width:100%;margin:0 0 5px;}
.mvp-author-info-text .post---date{display:inline-block;vertical-align:top;color:#444;}
.mvp-author-info-text .up--date{margin-left:25px;}


.top__quote{float:left;}
.mvp-author-info-text .mvp-author-info-name{color:#000;font-weight:700;}
.mvp-author-info-text .mvp-author-info-name .author-name a{text-decoration:underline;}


/* 🔥 Completely hide the 'RELATED TOPICS' section including spacing */
.mvp-post-tags {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

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

/* ✅ Hard stop: hide desktop inline nav on mobile */
@media screen and (max-width: 1024px) {
  #mvp-nav-small-wrap .mvp-nav-menu {
    display: none !important;
  }
}

/* Flyout menu plus icons (match Unite blue) */
body #mvp-fly-wrap nav.mvp-fly-nav-menu ul li.menu-item-has-children:after{
  color:#2ed1ff !important;
}

/* =========================
   Unite.AI Category Hero + Full Width Archive
   ========================= */

.ua-cat-layout,
.ua-cat-layout * {
  box-sizing: border-box;
}

/* Remove theme-injected top padding above body content on category archives */
body.archive.category #mvp-main-body-wrap {
  padding-top: 0 !important;
}
@media screen and (max-width: 479px) {
  body.archive.category #mvp-main-body-wrap {
    padding-top: 0 !important;
  }
}

/* Force full width and cancel float-based two-column layout */
.ua-cat-layout {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Ensure the Zox containers don't clamp width on category archives */
.ua-cat-archive .mvp-main-blog-out,
.ua-cat-archive .mvp-main-blog-in,
.ua-cat-archive .mvp-main-blog-body {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.mvp-main-blog-in.mvp-cat-fullwidth {
  float: none !important;
  width: 100% !important;
  max-width: 1200px; /* tweak to match your site container */
  margin: 0 auto !important;
}

/* Hero (IMG overlay version) */
.ua-cat-archive .ua-cat-hero{
  position: relative;
  overflow: hidden;

  /* Full-bleed hero while keeping content container centered */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  margin: 0 0 24px 0;

  /* Less scroll than the old min-height approach */
  height: clamp(260px, 32vw, 420px);

  background: #0b0f14; /* fallback */
}

/* Make the <img> behave like background-image */
.ua-cat-archive .ua-cat-hero__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  z-index: 1;
}

.ua-cat-archive .ua-cat-hero__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.65));
  z-index: 2;
}

/* Title + blue line superimposed */
.ua-cat-archive .ua-cat-hero__inner{
  position: absolute;
  inset: 0;
  z-index: 3;

  max-width: 1200px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  padding: 0 24px;
}

.ua-cat-archive .ua-cat-hero__title{
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.05;
}

.ua-cat-archive .ua-cat-hero__title:after{
  content: "";
  display: block;
  width: 140px;
  height: 3px;
  margin: 18px auto 0 auto;
  background: #1E88E5; /* Unite blue */
}

.ua-cat-archive .ua-cat-hero__desc{
  margin: 18px auto 0 auto;
  max-width: 900px;
  color: rgba(255,255,255,0.85);
  font-size: 18px;
  line-height: 1.5;
}

/* If the sticky category menu exists, keep it full width */
.category__sticky__menu{
  width: 100%;
}

/* Spacing under the sticky menu */
.ua-cat-archive .category__sticky__menu{
  margin: 0 0 16px 0;
}

/* Responsive */
@media (max-width: 768px){
  .ua-cat-archive .ua-cat-hero{
    height: clamp(220px, 44vw, 320px);
  }
  .ua-cat-archive .ua-cat-hero__title{
    font-size: clamp(28px, 7vw, 38px);
  }
  .ua-cat-archive .ua-cat-hero__desc{
    font-size: 16px;
  }
}



@media (max-width:1239px){
    .post-192441 .mvp-post-soc-in{margin-left:0;}
    .tools--embed.png--to--jpg{padding-top:0;max-width:1060px;margin:0 auto;height:796px;}
    /* .domain---names{gap:25px;}
    .domain---names .domain--item{flex-basis:22.75%;margin-bottom:10px;} */
    .domain---names .domain--item{flex-basis:30.5%}
    #mvp-main-head-wrap .mvp-nav-small-logo a{height:100%;}

}

@media screen and (max-width:1099px){
	#footer__main .foot__right .social__media{text-align:center;}
	#footer__main .foot__right .social__media li a{margin:0 4px;}
    /* .domain---names .domain--item{flex-basis:22.5%;} */
    .domain---names .domain--item{flex-basis:47.5%;}
    .domain---names{gap:15px;}
}

@media screen and (max-width:899px){
	#footer__main .foot__left{
		width:100%;
		margin:0;
		padding:0 0 15px;
	}
	#footer__main .foot__right{
		width:100%;
		margin:0;
		padding:15px 0 30px;
	}
	#footer__main .foot__left_nav{float:left;width:100%;}
	#footer__main .foot__desclimer{text-align:center;float:left;width:100%;}
	#footer__main .foot__desclimer p{color:#657073 !important;}
	#footer__main .foot__inner:before{display:none;}
	#footer__main .foot__right .social__media{text-align:center;}
	#footer__main .foot__copyright{text-align:center;padding-bottom:15px;float:left;width:100%;}
	#footer__main .foot__copyright .copyright{color:#657073 !important;}
	#footer__main .foot__right_nav{float:left;width:100%;}
	#footer__main .foot__right_nav li{text-align:center;margin-bottom:10px;}
	#footer__main .foot__left_nav li{display:block;margin-right:0;margin-bottom:15px;text-align:center;}
	#footer__main .foot__left .foot__logo,
	#footer__main .foot__right_logo{text-align:center;}


    .mvp-widget-feat1-wrap .mvp-widget-feat1-cont:first-child span.mvp-cd-cat,
	.mvp-widget-feat1-wrap .mvp-widget-feat1-cont:first-child span.mvp-cd-date,
    .mvp-widget-feat1-wrap .mvp-widget-feat1-cont:first-child span.author_info,
    .mvp-widget-feat1-wrap .mvp-widget-feat1-cont:first-child span.author_info a{
		color:#fff;
	}

    .mvp-widget-feat1-wrap .mvp-widget-feat1-cont:last-child span.mvp-cd-cat,
	.mvp-widget-feat1-wrap .mvp-widget-feat1-cont:last-child span.mvp-cd-date,
    .mvp-widget-feat1-wrap .mvp-widget-feat1-cont:last-child span.author_info,
    .mvp-widget-feat1-wrap .mvp-widget-feat1-cont:last-child span.author_info a,
    .mvp-main-blog-wrap .mvp-blog-story-list span.mvp-cd-cat,
    .mvp-main-blog-wrap .mvp-blog-story-list span.mvp-cd-date,
    .mvp-main-blog-wrap .mvp-blog-story-list span.author_info,
    .mvp-main-blog-wrap .mvp-blog-story-list span.author_info a,
    .mvp-author-info-date,
    .mvp-author-info-date p,
    .mvp-author-info-date span,
    .mvp-author-info-date time,
    .mvp-author-info-text,
    .mvp-author-info-text p,
    .mvp-author-info-text span,
    .mvp-author-info-text time,
    #mvp-post-content .mvp-feat-caption{
		color:#333;
	}
    #mvp-side-wrap #searchform input,
    #mvp-home-widget-wrap #searchform input{
        color:#333 !important;
    }
    .mvp-widget-home-title span.mvp-widget-home-title{background:#A80039;}

    .domain---names .domain--item{flex-basis:31%;margin-bottom:20px;}
    .domain---names .domain--item .head{padding:5px 8px;}
    #mvp-content-main .domain---names .domain--item .domain--title{font-size: 1.15rem;}
    #mvp-content-main .domain---names .domain--item .cntnt h4{font-size:1rem;}
    .domain---names .domain--item .cntnt{padding:10px;}

    .bdomain--single--main #mvp-post-main{padding:50px 0;}
    .bdomain--single--main .domain--name{font-size:52px;}
    .bdomain--single--main .sal--e{font-size:30px;}
    .bdomain--single--main .pric---e{
        font-size:22px;
        line-height:1.25;
        color:#333;
        margin-bottom:25px;
    }
    .bdomain--single--main .btn a{
        padding:15px 60px;
        background:#ff005b;
        color:#fff;
        font-size:22px;
        line-height:1;
        border-radius:50px;
        display:inline-block;
    }
    .bdomain--single--main .btn a:hover{
        background:#333;
    }
    .bdomain--single--main .deta---il{
        max-width:1024px;
        margin:30px auto 0;
    }
    .bdomain--single--main .deta---il p{
        font-size:18px;
        line-height:1.3;
    }
    .domain---names{padding-bottom:40px;}

}

@media screen and (max-width:767px){
    body #mvp-fly-menu-wrap #menu-fly-out-menu{padding-bottom:35px;}

    .mvp-author-info-text .up--date{margin-left:15px;}

}

@media screen and (max-width:639px){
	.fLogoShow .widget .rt-wpls{/*width:100%;box-sizing:border-box;*/}
	.fLogoShow{padding-bottom:5px}

	.home .mvp-main-blog-wrap .mvp-main-blog-cont .mvp-blog-story-list .mvp-blog-story-wrap{margin-bottom:5px}
	.home .mvp-main-blog-wrap .mvp-main-blog-cont .mvp-blog-story-list .mvp-blog-story-in{margin-left:0;width:100%}

	#footer__main .foot__right{padding-top:0;}

    .domain---names .domain--item{flex-basis:47.5%;margin-bottom:15px;}

    .bdomain--single--main .domain--name{font-size:42px;}
    .bdomain--single--main .sal--e{font-size:28px;}
    .bdomain--single--main .btn a{font-size:20px;padding:12px 50px;}
    .bdomain--single--main .pric---e{font-size:20px;}
    .bdomain--single--main .sub--text{margin-bottom:10px;}

}

@media screen and (max-width:599px){
    ul.mvp-foot-soc-list li a{height:32px !important;width:32px !important;padding: 0 !important;box-sizing:border-box !important;}
    ul.mvp-foot-soc-list li a i{line-height:32px !important;width:32px;}

    .mvp-author-info-text .up--date{margin-left:10px;}

}

@media (max-width:525px){
    .tools--embed.png--to--jpg{height:820px;}

}
@media (max-width:479px){
    .domain---names .domain--item{flex-basis:100%;margin-bottom:15px;}
    .bdomain--single--main .domain--name{font-size:36px;}
    .bdomain--single--main .sal--e{font-size:24px;}

    .mvp-author-info-thumb{width:40px;}
    .top__author__info .mvp-author-info-thumb img{width:36px;height:36px;}

    .mvp-author-info-text{margin-left:0px !important;}
    .mvp-author-info-text .post---date{font-size:10px;}
    .mvp-author-info-text .up--date{margin-left:6px;}

}

@media screen and (min-width:400px) and (max-width:1099px){
	.mvp-nav-small-logo img{height:100% !important;width:auto !important}
}

@media (max-width:395px){
    .tools--embed.png--to--jpg{max-width:300px;height:920px;}

}

/* =========================
   Category hero fixes (gap + image aspect) - fallback safety
   ========================= */

.ua-cat-archive .mvp-main-blog-cont,
.ua-cat-archive .mvp-main-blog-out,
.ua-cat-archive .mvp-main-blog-in {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.ua-cat-archive .category__sticky__menu {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ua-cat-archive .ua-cat-hero {
  margin-top: 0 !important;
}

/* Old hero fallback */
.ua-cat-archive .cat--featured--image {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}
.ua-cat-archive img.cf--img {
  width: 100% !important;
  height: 560px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
@media (max-width: 768px) {
  .ua-cat-archive img.cf--img { height: 360px !important; }
}

/* ==========================================
   CATEGORY ARCHIVE META (FINAL)
   Date + author perfectly aligned as a block
   Nudge right by 2px
   ========================================== */

body.archive.category .ua-cat-archive .mvp-blog-story-text .mvp-cat-date-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin:0 !important;
  padding:0 !important;
  transform: translateX(2px); /* ← subtle right nudge */
}

/* Date: darker + clean */
body.archive.category .ua-cat-archive .mvp-blog-story-text .mvp-cd-date{
  display:block;
  margin:0 !important;
  padding:0 !important;
  color:#000 !important;
  opacity:1 !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}

/* Remove any stray prefix/separator before date */
body.archive.category .ua-cat-archive .mvp-blog-story-text .mvp-cd-date:before{
  content:"" !important;
}

/* If a <br> slips in, kill it */
body.archive.category .ua-cat-archive .mvp-blog-story-text .mvp-cat-date-wrap br{
  display:none !important;
}

/* Author row (left aligned) */
body.archive.category .ua-cat-archive .mvp-blog-story-text .author_info{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

/* Avatar round + consistent */
body.archive.category .ua-cat-archive .mvp-blog-story-text .author_info img{
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}


/* =========================
   CATEGORY HERO: TRUE FULL-BLEED (edge-to-edge)
   Paste at VERY BOTTOM of style.css
   ========================= */

/* Prevent 100vw tricks from causing horizontal scroll */
html, body{
  overflow-x: hidden !important;
}

body.archive.category .ua-cat-archive{
  overflow-x: hidden !important;
}

/* Kill container padding that can create side gutters around full-bleed sections */
body.archive.category #mvp-main-body-wrap,
body.archive.category .mvp-main-blog-wrap,
body.archive.category .mvp-main-box,
body.archive.category .mvp-main-blog-cont,
body.archive.category .mvp-main-blog-out{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* TRUE edge-to-edge hero */
body.archive.category .ua-cat-archive .ua-cat-hero{
  position: relative !important;
  overflow: hidden !important;

  width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  margin: 0 0 24px 0 !important;
  height: clamp(260px, 32vw, 420px) !important;
  background: #0b0f14 !important;
}

/* Background-equivalent <img> */
body.archive.category .ua-cat-archive .ua-cat-hero__bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  z-index: 1 !important;
}

body.archive.category .ua-cat-archive .ua-cat-hero__overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.65)) !important;
}

body.archive.category .ua-cat-archive .ua-cat-hero__inner{
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  padding: 0 24px !important;

  /* Keep text aligned to your site container */
  max-width: 1200px !important;
  margin: 0 auto !important;
}

@media (max-width: 768px){
  body.archive.category .ua-cat-archive .ua-cat-hero{
    height: clamp(220px, 44vw, 320px) !important;
  }
}


/* ==========================================
   MOBILE HERO CARD MODE (Version B)
   Makes all small homepage cards look like hero
   ========================================== */

@media (max-width: 899px){

  /* Make small cards behave like hero cards */
  .mvp-widget-feat1-bot-story{
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  /* Image full width */
  .mvp-widget-feat1-bot-img{
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .mvp-widget-feat1-bot-img img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    aspect-ratio: 3 / 2 !important;
  }

  /* Overlay gradient */
  .mvp-widget-feat1-bot-text{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 12px 14px !important;
    background: linear-gradient(
      to top,
      rgba(0,0,0,.75) 0%,
      rgba(0,0,0,.55) 40%,
      rgba(0,0,0,0) 100%
    ) !important;
    color: #fff !important;
  }

  /* Make all text white */
  .mvp-widget-feat1-bot-text *,
  .mvp-widget-feat1-bot-text h2,
  .mvp-widget-feat1-bot-text span{
    color: #fff !important;
  }

  /* Tighter typography */
  .mvp-widget-feat1-bot-text h2{
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 6px 0 0 !important;
  }

  .mvp-widget-feat1-bot-text .mvp-cat-date-wrap{
    margin: 0 !important;
    opacity: .9;
  }

}


@media (max-width: 899px){
  /* prevent double images */
  .mvp-widget-feat1-bot-img img.mvp-reg-img{display:none !important;}
  .mvp-widget-feat1-bot-img img.mvp-mob-img{display:block !important;}
}



/* ==========================================
   MOBILE: Turn "More News" into hero cards
   (also affects items loaded by "More Posts")
   ========================================== */
@media (max-width: 899px){

  /* Hide the "MORE NEWS" ribbon/header */
  .home .mvp-main-blog-wrap .mvp-widget-home-head{
    display:none !important;
  }

  /* Ensure the image block is never hidden by older rules */
  .home .mvp-main-blog-wrap .mvp-blog-story-img{
    display:block !important;
  }

  /* Each list item becomes a hero card */
  .home .mvp-main-blog-wrap .mvp-blog-story-out{
    position: relative !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    margin: 0 0 18px 0 !important;
  }

  /* IMPORTANT: use the big 400x240 image, not the 80x80 mobile thumb */
  .home .mvp-main-blog-wrap .mvp-blog-story-img img.mvp-mob-img{
    display:none !important;
  }
  .home .mvp-main-blog-wrap .mvp-blog-story-img img.mvp-reg-img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
    aspect-ratio: 3 / 2 !important;
  }

  /* Overlay text on image */
  .home .mvp-main-blog-wrap .mvp-blog-story-in{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    margin:0 !important;
    width:100% !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-text{
    padding: 12px 14px !important;
    background: linear-gradient(
      to top,
      rgba(0,0,0,.75) 0%,
      rgba(0,0,0,.55) 40%,
      rgba(0,0,0,0) 100%
    ) !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-text *{
    color:#fff !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-text h2{
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 6px 0 0 !important;
  }

  /* Optional: hide excerpt so it stays clean like the widget cards */
  .home .mvp-main-blog-wrap .mvp-blog-story-text p{
    display:none !important;
  }
}


/* ==========================================
   MOBILE: Force "More News" cards to full-width hero layout
   (fixes the tiny left-column thumbnail problem)
   ========================================== */
@media (max-width: 899px){

  /* The theme's mobile list layout keeps the image column narrow.
     Override it completely. */
  .home .mvp-main-blog-wrap .mvp-blog-story-img{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* Make sure the big image can actually grow to full width */
  .home .mvp-main-blog-wrap .mvp-blog-story-img img.mvp-reg-img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    aspect-ratio: 3 / 2 !important;
  }

  /* The theme sometimes applies margin-left to the text container
     assuming a left thumbnail. Kill it. */
  .home .mvp-main-blog-wrap .mvp-blog-story-in{
    float: none !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  /* Ensure the hero overlay works reliably */
  .home .mvp-main-blog-wrap .mvp-blog-story-out{
    position: relative !important;
    overflow: hidden !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-in{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }

}



/* =========================================================
   HOME (MOBILE): Round the top 2 hero images like the cards below
   ========================================================= */
@media (max-width: 899px){

  /* Round the hero card container */
  .home .mvp-widget-feat1-top-story{
    border-radius: 10px !important;   /* adjust to taste */
    overflow: hidden !important;
  }

  /* Round the image area too (covers <picture> + <img>) */
  .home .mvp-widget-feat1-top-img,
  .home .mvp-widget-feat1-top-img picture,
  .home .mvp-widget-feat1-top-img img{
    border-radius: 10px !important;
  }
}


/* =========================================================
   HOME (MOBILE): Tighten spacing under the hero widget + feed
   Fix the "big gap where More News ribbon was" + normalize gaps
   ========================================================= */
@media (max-width: 899px){

  /* If the More News header still exists in DOM, hide it AND remove its space */
  .home .mvp-main-blog-wrap .mvp-widget-home-head{
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  /* Remove extra padding/margins that create the big band */
  .home .mvp-main-blog-wrap,
  .home .mvp-main-blog-wrap .mvp-main-box,
  .home .mvp-main-blog-wrap .mvp-main-blog-cont,
  .home .mvp-main-blog-wrap .mvp-main-blog-out,
  .home .mvp-main-blog-wrap .mvp-main-blog-in,
  .home .mvp-main-blog-wrap .mvp-main-blog-body{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Normalize spacing between feed items (including items loaded by "More Posts") */
  .home .mvp-main-blog-wrap .mvp-blog-story-wrap{
    margin: 0 0 14px 0 !important; /* gap between articles */
  }

  /* Some themes add extra bottom margin inside the card */
  .home .mvp-main-blog-wrap .mvp-blog-story-out{
    margin-bottom: 0 !important;
  }

  /* Tighten the "More Posts" area so it doesn't add a big void */
  .home .mvp-main-blog-wrap .mvp-inf-more-wrap{
    margin-top: 10px !important;
    padding-top: 0 !important;
  }
}


/* =========================================================
   MOBILE HOME — polish pass
   1) Round top 2 hero images like the others
   2) Remove “box outline” on widget cards #3–#6
   3) Kill the big “old More News area” whitespace + normalize gaps
   (MOBILE ONLY — does NOT touch desktop)
   ========================================================= */
@media (max-width: 899px){

  /* ---------------------------------------------------------
     (A) Top 2 hero cards: make corners match the others
     --------------------------------------------------------- */
  .home .mvp-widget-feat1-top-story{
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .home .mvp-widget-feat1-top-img{
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .home .mvp-widget-feat1-top-img picture,
  .home .mvp-widget-feat1-top-img img{
    border-radius: 10px !important;
  }

  /* ---------------------------------------------------------
     (B) Widget cards (#3–#6) — remove the ugly outline/box
     (your overlay stays, but we hard-disable borders/shadows)
     --------------------------------------------------------- */
  .home .mvp-widget-feat1-bot-story{
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
  }

  .home .mvp-widget-feat1-bot-text{
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    /* keep your gradient overlay; just ensure no “panel” look */
    border-radius: 0 !important;
    background-clip: padding-box !important;
  }

  /* If the theme applies a background to the inner text wrapper */
  .home .mvp-widget-feat1-bot-text:before,
  .home .mvp-widget-feat1-bot-text:after{
    box-shadow: none !important;
    border: 0 !important;
  }

  /* ---------------------------------------------------------
     (C) Remove the “More News” header AND its leftover spacing
     This is the big white gap you still feel when scrolling.
     --------------------------------------------------------- */
  .home .mvp-main-blog-wrap{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .home .mvp-main-blog-wrap .mvp-main-box,
  .home .mvp-main-blog-wrap .mvp-main-blog-cont,
  .home .mvp-main-blog-wrap .mvp-main-blog-out,
  .home .mvp-main-blog-wrap .mvp-main-blog-in,
  .home .mvp-main-blog-wrap .mvp-main-blog-body{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Hide the header completely + remove its margins */
  .home .mvp-main-blog-wrap .mvp-widget-home-head{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Normalize the gap between hero cards (match your “good” spacing) */
  .home .mvp-main-blog-wrap .mvp-blog-story-wrap{
    margin: 0 0 18px 0 !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-out{
    margin: 0 !important;
  }

  /* ---------------------------------------------------------
     (D) Optional: tighten the “More Posts” button area spacing
     --------------------------------------------------------- */
  .home .mvp-inf-more-wrap{
    margin-top: 10px !important;
    padding-top: 0 !important;
  }
}













/* =========================================================
   UA HOME (MOBILE) — HERO CARDS (FINAL, SINGLE BLOCK)
   - Makes top 2 hero items match the rounded look
   - Makes widget items (#3–#6) look like hero cards (no boxes)
   - Makes the "More News" feed items look like hero cards
   - Removes the "More News" header + collapses leftover spacing
   - Normalizes gaps between all cards
   MOBILE ONLY (does NOT touch desktop)
   ========================================================= */
@media (max-width: 899px){

  /* ---------------------------------------------------------
     0) Remove the "More News" header and any leftover space
     --------------------------------------------------------- */
  .home .mvp-main-blog-wrap .mvp-widget-home-head{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .home .mvp-main-blog-wrap,
  .home .mvp-main-blog-wrap .mvp-main-box,
  .home .mvp-main-blog-wrap .mvp-main-blog-cont,
  .home .mvp-main-blog-wrap .mvp-main-blog-out,
  .home .mvp-main-blog-wrap .mvp-main-blog-in,
  .home .mvp-main-blog-wrap .mvp-main-blog-body{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* ---------------------------------------------------------
     1) TOP 2 HERO ITEMS — round corners + keep clean
     --------------------------------------------------------- */
  .home .mvp-widget-feat1-top-story{
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .home .mvp-widget-feat1-top-img{
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .home .mvp-widget-feat1-top-img picture,
  .home .mvp-widget-feat1-top-img img{
    border-radius: 10px !important;
  }

  /* Make sure the hero images are consistent fill */
  .home .mvp-widget-feat1-top-img img{
    width:100% !important;
    height:auto !important;
    object-fit: cover !important;
  }

  /* ---------------------------------------------------------
     2) WIDGET SMALL ITEMS (#3–#6) — hero card style (Version B)
     --------------------------------------------------------- */
  .home .mvp-widget-feat1-bot-story{
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;

    /* kill any “box” look */
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* image should be full width */
  .home .mvp-widget-feat1-bot-img{
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* prevent double images: keep ONLY mobile image */
  .home .mvp-widget-feat1-bot-img img.mvp-reg-img{
    display:none !important;
  }
  .home .mvp-widget-feat1-bot-img img.mvp-mob-img{
    display:block !important;
  }

  .home .mvp-widget-feat1-bot-img img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    aspect-ratio: 3 / 2 !important;
  }

  /* overlay text */
  .home .mvp-widget-feat1-bot-text{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 12px 14px !important;

    /* IMPORTANT: no “panel box” behind the overlay */
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;

    background: linear-gradient(
      to top,
      rgba(0,0,0,.75) 0%,
      rgba(0,0,0,.55) 40%,
      rgba(0,0,0,0) 100%
    ) !important;
  }

  .home .mvp-widget-feat1-bot-text *{
    color:#fff !important;
  }

  .home .mvp-widget-feat1-bot-text h2{
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 6px 0 0 !important;
  }

  .home .mvp-widget-feat1-bot-text .mvp-cat-date-wrap{
    margin: 0 !important;
    opacity: .9 !important;
  }

  /* ---------------------------------------------------------
     3) "MORE NEWS" FEED ITEMS — convert to hero cards
     --------------------------------------------------------- */
  /* normalize spacing between feed cards */
  .home .mvp-main-blog-wrap .mvp-blog-story-wrap{
    margin: 0 0 18px 0 !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-out{
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;

    /* kill any borders/boxes */
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;

    margin: 0 !important;
  }

  /* force the image column to full width (theme sometimes makes it a small left thumb) */
  .home .mvp-main-blog-wrap .mvp-blog-story-img{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    display:block !important;
  }

  /* use the big 400x240 image, not the 80x80 */
  .home .mvp-main-blog-wrap .mvp-blog-story-img img.mvp-mob-img{
    display:none !important;
  }
  .home .mvp-main-blog-wrap .mvp-blog-story-img img.mvp-reg-img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
    aspect-ratio: 3 / 2 !important;
  }

  /* overlay the text on the image */
  .home .mvp-main-blog-wrap .mvp-blog-story-in{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    margin:0 !important;
    width:100% !important;
    float:none !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-text{
    padding: 12px 14px !important;

    /* IMPORTANT: remove any “box” background */
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background: linear-gradient(
      to top,
      rgba(0,0,0,.75) 0%,
      rgba(0,0,0,.55) 40%,
      rgba(0,0,0,0) 100%
    ) !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-text *{
    color:#fff !important;
  }

  .home .mvp-main-blog-wrap .mvp-blog-story-text h2{
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 6px 0 0 !important;
  }

  /* hide excerpt for clean hero look */
  .home .mvp-main-blog-wrap .mvp-blog-story-text p{
    display:none !important;
  }

  /* ---------------------------------------------------------
     4) Tighten "More Posts" area spacing
     --------------------------------------------------------- */
  .home .mvp-inf-more-wrap{
    margin-top: 10px !important;
    padding-top: 0 !important;
  }
}







/* =========================================================
   HOME (MOBILE ONLY) — Remove rectangle overlay on #3–#6
   Keep text ON the image, just remove the gradient/panel.
   Also normalize top 2 image heights to match.
   ========================================================= */
@media (max-width: 899px){

  /* ---------
     #3–#6 cards (the “small” widget cards)
     Keep overlay positioning, remove the rectangle/gradient.
     --------- */
  body.home .mvp-widget-feat1-cont .mvp-widget-feat1-bot-text{
    /* DO NOT change positioning (must stay overlay) */
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* Improve readability without a panel */
  body.home .mvp-widget-feat1-cont .mvp-widget-feat1-bot-text *{
    text-shadow: 0 2px 10px rgba(0,0,0,.85) !important;
  }

  /* ---------
     Top 2 cards (#1–#2)
     Make image area same aspect/height style as #3–#6,
     WITHOUT forcing mob/reg variants.
     --------- */
  body.home .mvp-widget-feat1-top-img{
    aspect-ratio: 3 / 2;
    overflow: hidden !important;
  }

  body.home .mvp-widget-feat1-top-img picture,
  body.home .mvp-widget-feat1-top-img img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }

  /* IMPORTANT: do NOT add any rules that hide .mvp-reg-img / force .mvp-mob-img for the TOP cards */
}




















/* =========================================================
   HOME (MOBILE ONLY) — Remove leftover gap between item #6 and #7
   (Collapses padding/margins at the widget->blog boundary)
   ========================================================= */
@media (max-width: 899px){

  /* Kill any bottom spacing left on the "top module" wrapper */
  body.home #mvp-home-widget-wrap{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Kill spacing on the last homepage widget/section itself */
  body.home #mvp-home-widget-wrap .widget,
  body.home #mvp-home-widget-wrap section.widget{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Kill spacing inside the feat1 block (common source of that “ribbon gap”) */
  body.home #mvp-home-widget-wrap .mvp-widget-feat1-cont,
  body.home #mvp-home-widget-wrap .mvp-widget-feat1-bot-wrap{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Make sure the blog block doesn't add its own top gap */
  body.home .mvp-main-blog-wrap{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}





































/* =========================================================
   HOME (MOBILE ONLY) — Uniform vertical spacing
   Match spacing between Image 1 & 2 across all homepage cards
   ========================================================= */
@media (max-width: 899px){

  /* Reset ALL spacing first to avoid inherited inconsistencies */
  body.home .mvp-widget-feat1-top-story,
  body.home .mvp-widget-feat1-bot-story,
  body.home .mvp-blog-story-wrap,
  body.home .mvp-main-blog-wrap .mvp-blog-story-wrap {

    margin-bottom: 18px !important; /* ← this matches your 1–2 spacing */
  }

  /* Remove extra spacing coming from containers */
  body.home #mvp-home-widget-wrap,
  body.home .mvp-widget-feat1-cont,
  body.home .mvp-widget-feat1-bot-wrap,
  body.home .mvp-main-blog-wrap {

    padding-bottom: 0 !important;
  }

  /* Remove random top margins that sometimes appear */
  body.home .mvp-main-blog-wrap .mvp-blog-story-wrap:first-child{
    margin-top: 0 !important;
  }
}








/* =========================================================
   HOME (MOBILE ONLY) — Tighten spacing for top 2 cards only
   Keep uniform spacing elsewhere
   ========================================================= */
@media (max-width: 899px){

  /* tighter spacing between #1 and #2 (and #2 to next block) */
  body.home .mvp-widget-feat1-top-story{
    margin-bottom: 1px !important;
  }

  /* uniform spacing for #3–#6 and the More News cards (#7+) */
  body.home .mvp-widget-feat1-bot-story,
  body.home .mvp-blog-story-wrap,
  body.home .mvp-main-blog-wrap .mvp-blog-story-wrap{
    margin-bottom: 10px !important;
  }
}