@charset "UTF-8";

/*
Theme Name: nmgdigital
Description: nmgdigital_wp is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how nmgdigital_wp elevates your portfolio, business website, or personal blog.
*/

/* Variables */


html {font-size: 62.5%;}
a{text-decoration: none;}
.container{max-width:1135px; margin: 0 auto; line-height: 30px; color:#1B1B1B;}
.small-container{max-width: 770px; margin: 0 auto;}
.align-center{text-align: center;}
.border-btn{border:2px solid #fff; text-align: center; color:#fff; border-radius:7px; text-decoration: none;}
.border-btn:hover{background-color: #fff; color: #FA0000;}

.btn-red {background:#FA0000;color: #fff; border: 1px solid transparent; padding:16px 32px 16px 32px;border-radius: 50px;font-size: 15px;font-weight: 700; text-decoration: none;}
.btn-red:hover{background:transparent; color: #FA0000;border: 1px solid #FA0000;}

.more-post{position: relative;}
button.load-more::before{position: absolute; content: ""; height: 1px; width:calc(100% - 320px);border-bottom: 1px dotted #1B1B1B; top: 50%; transform: translateY(-50%); right:0;}
button.load-more{cursor: pointer;background:transparent;color: #1B1B1B; border: 1px solid #1B1B1B; padding:16px 32px 16px 32px;border-radius: 50px;font-size: 18px;font-weight: 700; text-decoration: none; text-transform: uppercase; outline: none;}
button.load-more:hover{background: #1B1B1B; color: #fff;}
button.load-more:focus{outline: none;}

.author-detail{ font-size: 18px; line-height: 20px; color:#5D5E5F; display: flex; align-items: center;}
.author-name{margin: 0 5px; position: relative; display: inline-flex; font-weight: 600;}
.author-name::before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff;}
.author-pic{margin-right: 10px; width: 45px; height: 45px; border-radius: 50%; display: inline-flex;}
.author-pic img{width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.blog-heading .author-detail {padding: 9px 0; margin: 4rem 0; justify-content: center; display: flex; align-items: center; color:#fff;border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.blog-heading span.author-name {text-transform: capitalize;text-decoration: none;color: #FA0000;}
.blog-heading .author-name::before{background-color: #FA0000;}
ul.menu-wrapper, ul.menu-wrapper li{list-style: none; margin: 0; padding: 0;}
ul.menu-wrapper{margin-right:25px; display: flex; flex-wrap: wrap;}
ul.menu-wrapper li a{color:#1B1B1B; font-weight: 600; font-size: 15px; text-decoration: none; padding: 0 10px; text-transform: uppercase}
ul.menu-wrapper li.menu-item-has-children > a{position: relative; padding-right: 20px; padding-bottom: 20px;}
ul.menu-wrapper li.menu-item-has-children > a:after{content: ''; position: absolute; top:5px; right: 0; background: url("assets/images/down-arrow.png") center no-repeat; width: 14px; height: 11px; background-size: 13px;}
ul.menu-wrapper li a:hover {color: #FA0000;}
ul.menu-wrapper li ul.sub-menu {z-index: 999; position: absolute; width: 330px; max-width: none; padding: 20px 20px 25px 20px; border: 0; background: #fff; border-radius: 0; opacity: 0; transform: translate(0, 10px); transition: opacity .2s ease-in, transform .2s ease-in, visibility .2s ease-in; display: block; visibility: hidden; pointer-events: auto;
border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); margin-bottom: 15px;}
ul.menu-wrapper li .sub-menu-toggle {display: none}
ul.menu-wrapper li.openMainNav ul.sub-menu {opacity: 1; transform: translate(0, 0); visibility: visible;}
ul.menu-wrapper li ul.sub-menu li{width: 100%; line-height: 1; margin-bottom: 20px;}
ul.menu-wrapper li ul.sub-menu li:last-child{margin-bottom: 0px;}
ul.menu-wrapper li ul.sub-menu li a{padding: 0px; text-transform: inherit; position: relative; display: block; font-size: 14px; font-weight: 500;}
ul.menu-wrapper li ul.sub-menu li a:after {content: ''; height: 2px; background: #cc1f43; position: absolute; bottom: -5px; left: 0; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out}
ul.menu-wrapper li ul.sub-menu li a:hover:after {background: #f00; -webkit-transform: scaleX(1); transform: scaleX(1)}
.header-area .main-wrapper{padding-top:32px; padding-bottom:32px;}
.herder-bar{ background-color:#FA0000; font-weight: bold; font-size: 16px; font-weight: 700; }
.herder-bar .container{display: flex;justify-content: center; text-transform: uppercase; align-items: center; color:#fff; }
.herder-bar strong{position: relative; display: inline-flex; font-weight: 900;}
.herder-bar strong::before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff;}
.herder-bar .border-btn{margin-left: 12px; padding:3px 10px; font-size: 12px; display: inline-flex; min-width: 110px;}
.blog-detail{padding: 4.7rem 0 0; margin-bottom: 40rem;}
.blog-detail h1{margin-bottom: 1.9rem; font-size: 6.4rem; line-height: 7rem; font-weight: 600;}
.blog-detail h3{margin-bottom: 1.9rem; font-size: 4.8rem; line-height: 5rem; font-weight: 600;}
.tag-line, .tag-line p{font-size: 18px; line-height: 27px;}
.blog-detail p{font-size: 20px; line-height:31px; margin-bottom: 3.2rem;}
.blog-detail .author-detail{border-bottom: 1px dotted #1B1B1B;margin-bottom:4.8rem; padding:2.6rem 0 3.5rem; }
.blog-detail blockquote{padding: 3.2rem 7rem 3.2rem 5.2rem; margin: 0 0 3.2rem; background-color:#F4F8FC; border-left: 9px solid #FA0000; font-weight: 400;}
.blog-detail blockquote::before, .blog-detail blockquote:after{display: none;}
.blog-detail blockquote p{margin: 0; font-weight: 400;}
.blog-detail a{color: #FA0000; text-decoration: underline;}
.blog-detail a:hover{text-decoration: none;}
.blog-detail ul{list-style: none; margin: 0; padding: 0;}
.blog-detail ul li{padding: 0px 0 0 20px;margin-left: 14px; margin-bottom: 10px; position: relative;}
.blog-detail ul li:before {position: absolute;content: "";top: 12px;left: 0;width: 7px;height: 7px;background-color: #1B1B1B;border-radius: 50%;}
.blog-detail hr{margin:4rem 0;border: none;height: 1px;color: #1B1B1B;background-color: #1B1B1B; }
.blog-heading {text-align: center; background: #1B1B1B; color: #fff; padding:8.5rem 0; font-size: 18px;}
.blog-heading h1 { font-size: 6.4rem; line-height: 7rem; margin: 0px;}
.blog-heading h1 a {color: #fff;text-decoration: none;}
.blog-heading .small-container{max-width: 717px;}
.blog-heading .subtitle{padding-bottom:3.2rem}
.blog-heading .tagling{padding-bottom: 2.4rem; font-size:2.4rem; line-height: 2.6rem; letter-spacing:2rem; text-transform: uppercase;}
.featured-post{padding:5rem 0 5.5rem; border-top: 1px solid #1B1B1B;border-bottom: 1px solid #1B1B1B;}
.featured-post h2.heading-title{padding:14px 5px; margin-bottom: 5.6rem; font-size:2.4rem; line-height:2.6rem; letter-spacing: 1.2rem; display: inline-flex; justify-content: center; align-items: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-transform: uppercase;}
.featured-sections{display: flex; justify-content: space-between;}
.featured-sections .post-heading{padding-bottom: 18px; font-size:4rem; line-height:5.2rem; font-weight: 600; color:#1B1B1B}
.featured-sections .post-cnt{color:#1B1B1BCC; font-size: 20px; line-height: 30px;}
.featured-sections .author-detail{padding:19px 0 0; margin: 0; border: 0;}
.featured-sections .post-detail{padding: 2.5rem 0; width: 47%; position: relative;}
.featured-sections .post-detail::before{position: absolute; content: ""; height: 100%; width: 1px;border-left: 1px dotted #1B1B1B; top: 0; right:-5%;}
.featured-sections .post-detail:last-child::before{display: none;}
.weekly-market{padding:7.5rem 0 0 ;}
.weekly-market h2.heading{padding-bottom: 10px;font-size: 6.4rem; line-height: 7rem; text-align: center;}
.weekly-market .description{text-align: center;}
.tab-filter {min-height: 500px; margin-bottom:40rem;}
.category-tabs{    overflow: hidden;padding:2.4rem 3rem; margin:4.8rem 0; border-top:1px solid #1B1B1B; border-bottom:1px solid #1B1B1B; display: flex; align-items: center; justify-content: center;}
.category-tabs .tab{margin: 0 12px; color:#1B1B1B; font-size: 16px; line-height: 19px; font-weight: 500; cursor: pointer;}
.category-tabs .tab.active{color:#FA0000; font-weight: 600;}
.category-tabs .tab:hover{color:#FA0000;}
.category-posts{display: flex; justify-content: space-between; flex-wrap: wrap;}
.category-posts .post-detail{padding-right: 20px; margin-bottom:10.8rem; max-width:50%;position: relative; border-right:1px dotted #1B1B1B;}
.category-posts .post-detail:nth-child(2n) {border-right: none;padding-left:40px; padding-right: 0; }
.category-posts .post-detail:after {content: '';display: block;width: 100%;height: 1px;border-bottom: 1px dashed #1B1B1B;position: absolute;left: 0;right: 0;bottom:-52px;}
.category-posts  h3{padding-bottom: 18px; font-size:4rem; line-height:5.2rem; font-weight: 600; color:#1B1B1B}
.category-posts .author-detail{margin-top: 1.8rem;}
.category-posts h4{text-align: center; margin: 0 auto;}
a {color: #000;}
header.entry-header{display: none}
.entry-content p{padding: 0; margin: 0px 0 20px 0;}
.entry-content p:last-child{margin-bottom:0;}
.footer-form-box{position: relative; z-index: 1}
.uiCol2 ul li{width: calc(50% - 10px); margin-bottom: 5px!important} 
.withMobilePhone,.hambarger,.mobileMenuBtn,.mobileMenuCross,.menuOverlay,.mobileMenuCross,.moQustionWrap{display: none}
body.bodyNoScroll {overflow-y: hidden;}

@media screen and (max-width: 1100px) {
html {font-size: 48%;}
.small-container, .container{max-width:90%; }
.herder-bar .cnt{width: calc(100% - 110px);}
.header-btn {display: none;}
.header-phone{margin-right: 0px!important;}
} /*1100px*/
@media screen and (max-width: 767px) {
html {font-size: 45%;}
.small-container, .container{font-size: 16px; line-height: 26px;}
.blog-heading h1 {font-size: 5rem; line-height: 5.5rem;}
.weekly-market h2.heading{font-size: 4rem; line-height: 5rem;}
.category-posts h3{font-size:3.5rem; line-height: 4rem;}
.featured-sections, .herder-bar .container{flex-wrap: wrap;	}
.category-posts .post-detail, .featured-sections .post-detail{width: 100%; max-width: 100%; padding: 0; border: 0;}
.category-posts .post-detail:nth-child(2n){padding: 0;}
.category-posts .post-detail:after{bottom: -40px;}
.category-posts .post-detail:last-child::after,.featured-sections .post-detail::before, .more-post::before{display: none;}
.featured-sections .post-detail:first-child{padding-bottom:5rem; margin-bottom: 5rem;  border-bottom: 1px dotted #1B1B1B;}
.blog-heading .small-container{max-width: 90%;}
.blog-heading .tagling{line-height: 3.5rem;}
button.load-more{width: 100%;}
.herder-bar{text-align: center; font-size: 14px;    padding-bottom: 22px; display: none;}
.herder-bar .cnt{width: 100%; margin-bottom:10px;}
.tab-filter{width: 100%;overflow: hidden;}
.category-tabs{max-width: 1200px; overflow-x: scroll;}
.category-tabs .tab{white-space: nowrap;}
.uiCol2 ul li{width: 100%}
.withMobilePhone{display: flex; width: 35px; height: 35px; background: #f00; border-radius: 100%; justify-content: center; align-items: center;}
.nonMobilePhone{display: none}
.header-area .main-wrapper {padding-top: 20px; padding-bottom: 20px;}	

img.custom-logo{width: 150px!important;margin-top:0!important}	
/*
.hambarger{width: 33px; height: 40px; margin-left: 20px; background: 0 0; align-content: center; border-radius: 3px; padding: 0;flex-wrap: wrap; display: flex;}
.hambarger span {width: 100%; height: 2px; background: #000;}	
.hambarger span:nth-child(2) {margin: 8px 0;}
.primary-navigation{background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); top: 0; left: 0; position: fixed; width: 0px; height: 100vh; z-index: 10; transition: .5s ease-in-out;}	
.primary-navigation.openmenu {overflow: visible; width: calc(100% - 75px); z-index: 10;}
.menuOverlay {background: rgba(0, 0, 0, .5); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9;}
.menuOverlay.showOverLay{display: block}
ul.menu-wrapper, ul.menu-wrapper li{width: 100%; margin: 0px;}
ul.menu-wrapper{padding: 10px 20px;}

ul.menu-wrapper li{margin-bottom: 5px;}
ul.menu-wrapper li.menu-item-has-children{position: relative}
ul.menu-wrapper li .sub-menu-toggle{display: block; position: absolute; top:10px; right: 2px; background: url(assets/images/down-arrow.png) center no-repeat; width: 14px; height: 11px; background-size: 13px; border: 0px;}
ul.menu-wrapper li .sub-menu-toggle span,
ul.menu-wrapper li.menu-item-has-children > a:after{display: none}
.openmenu .mobileMenuBtn{display: block; width: 100%; text-align: center; margin-top: 15px;}	
.mobileMenuBtn .site-btn{display: inline-block; font-weight: 500; padding: 10px 30px;}
.primary-menu-container{height: calc(100vh - 150px); overflow-y: scroll;}
ul.menu-wrapper li ul.sub-menu{position: inherit; width: 100%; opacity: 1;  visibility: visible; background: 0 0; padding: 5px 0 0 10px; transform: inherit; display: none; box-shadow: none; margin: 0px;}
ul.menu-wrapper li ul.sub-menu.showSubMenu {display: block;}
ul.menu-wrapper li a{padding: 0px;}
ul.menu-wrapper li ul.sub-menu li{margin-bottom: 18px; margin-top: 5px;}
ul.menu-wrapper li .sub-menu-toggle.toggleArrowUp {transform: rotate(180deg);}
.openmenu .mobileMenuCross {position: absolute; top: 0; right: -30px; background: #f00; line-height: 0; font-size: 18px; width: 30px; height: 30px; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0;}
*/	
.header-wrapper{align-items: center} 
	
	.openmenu .moQustionWrap{display: block; padding: 0 20px}
	.moQustionWrap,.moQustionTop,.moQustionBottom{width: 100%; margin: 0px; padding: 0px;}
	.moQustionTop{font-size: 15px; font-weight: 500;}
	.moQustionBottom{font-weight: 600;}
	.moQustionBottom a{display: flex; flex-wrap: wrap; align-items: center; color: #ff0000}
	.moQustionBottom a svg{margin-right: 6px;}
} /*767px*/