/*!
Theme Name: NCMAZ
Theme URI: https://ncmaz.chisnghiax.com/
Author: ChisNghiax
Author URI: https://chisnghiax.com/
Description: Ncmaz is a theme for blog, magazines, news, multi-purpose... Great and Modern design, using React & Graphql to make the theme have many powerful functions, fast and easy page loading in Home page building. Dark mode, post format video, audio, gallery beautiful... Try using it, and it will show you great things
Version: 4.3.0
Tested up to: 5.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ncmaz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.updated:not(.published) {
  display: none;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

@media (max-width: 640px) {
  .ncmaz-myCustomPage .wp-block-spacer {
    max-height: 60px;
  }
	.hidemobile{
		display: none;
	}
	.nc-MainNav1{
		    padding: 10px 0px;
	}
	.wp-block-group.has-background{
		    padding: 1.25em 1em!important;
	}
	.btNewsletterColumn{
		    margin-bottom: 20px;
	}
	.text-cls{
	color: #fff!important;
	    font-size: 26px;
}
	.text1 .wp-block-columns .is-layout-flex{
	background-color: #000!important;
	border-radius: 20px;
}
	.btContact .btContactRow .btContactfName {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 100%;
    padding-right: 0em;
    position: relative;
	padding-bottom: 1em;
}
.btContact .btContactRow .btContactLName {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 100%;
    padding-right: 0em;
    position: relative;
}
.btContact .btContactRow .btContactEmail {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 100%;
    position: relative;
}
.btContact .btContactRow .btContactMobile {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 100%;
    padding-right: 0em;
	padding-bottom: 1em;
    position: relative;
}
	.btContact .btContactRow {
    display: block;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1em;
}
	.contact-col{
	border: 1px solid #ee0e86e3!important;
    padding: 20px 30px;
    border-radius: 20px;
}
	.social{
       display: flex;
    margin-left: 15px;
    margin-bottom: 20px;
}
	.copyright{
		    margin-bottom: 48px;
	}
}
@media (max-width: 1024px) {
  .ncmaz-myCustomPage .wp-block-spacer {
    max-height: 96px;
  }
}

.site-logo img {
    max-width: 278px!important;
    max-height: 60px!important;
}	
.wil-avatar, .site-branding{
	display: none!important;
}
.site-header-nav-main #primary-menu-list>.menu-item>a{
	    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    color: #050748!important;
	padding: 10px 0px 10px 17px !important;
}
.bg-btn3 {
    background: #673ab7;
    background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%);
    background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%);
    background: linear-gradient(to right, #673ab7 0, #2196f3 100%);
    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}
.btn-br {
    line-height: 48px;
    color: #fff;
    border-radius: 100px;
    padding: 0 20px;
}

element.style {
}
.text-d, .text-d a, .text-d h1, .text-d h2, .text-d h3, .text-d h4, .text-d h5, .text-d h6 {
    color: #050748;
}
.bg-btn3 {
    background: #673ab7;
    background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%);
    background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%);
    background: linear-gradient(to right, #673ab7 0, #2196f3 100%);
    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}
.btshad-b2 {
    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}
.btn-br {
    line-height: 48px;
    color: #fff;
    border-radius: 100px;
    padding: 0 20px;
}
.lnk {
    position: relative;
    overflow: hidden;
}
@media (min-width: 1280px){
	.container {
    max-width: 1440px!important;
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
	.nc-Navigation{
		    float: right;
	}
	.btNewsletter{
	    display: flex;

}
	.social{
       display: flex;
    margin-left: 500px;
    margin-bottom: 20px;
}

	.contact-col{
	border: 1px solid #ee0e86e3!important;
    padding: 20px 30px;
    border-radius: 20px;
	    margin-top: 58px!important;
	  margin-bottom: 58px!important;
}
.btNewsletterColumn{
	    width: 76%;
    margin-right: 20px;
}
	.text-cls{
	color: #fff!important;
	    font-size: 50px;
}
	.text1 .wp-block-columns .is-layout-flex{
	background-color: #000!important;
	border-radius: 20px;
	background-image: url(https://www.compusysesolutions.com/blog/wp-content/uploads/2023/06/1.png);
}
	.btContact .btContactRow .btContactfName {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding-right: 1em;
    position: relative;
}
.btContact .btContactRow .btContactLName {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding-right: 0em;
    position: relative;
}
.btContact .btContactRow .btContactEmail {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    position: relative;
}
.btContact .btContactRow .btContactMobile {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding-right: 1em;
    position: relative;
}
	.btContact .btContactRow {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1em;
}
}
span.circle {
    background: rgba(255, 255, 255, .2);
    display: block;
    position: absolute;
    top: -10%;
    right: -38px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.animation, .circle, .circle2, .clients-logo, .custom-btn, .dropdown-toggle, .hoshd, .hover-scale img, .icon-set, .isotope_item, .link-hover, .main-header, .main-header.sticky, .navbar, .s-block, .sticky, .sub-menu-sec a, a, button, input {
    -webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
    -o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
    transition: 1.2s cubic-bezier(.17, .85, .438, .99);
}
.hidemobile a{
	    padding: 9px 20px;
}
.lnk:hover span.circle {
	top: -10%;
	right: -80px
}
.site-header-nav-main .menu-item.menu-item-has-children>.sub-menu-wrap{
	    width: 20rem!important;
}
.site-header-nav-main .menu-item.menu-item-has-children>.sub-menu-wrap li a{
	padding: 0.4rem 0.2rem!important;
	color: #050748!important;
	font-weight: 500;
	text-transform: uppercase;
}
#mobile-menu-list a{
	color: #050748!important;
}
.img .nc-NcImage{
	display: none;
}
.nc-Badge{
	display: none!important;
}
.line-clamp-1{
	    font-size: 15px!important;
}
.grid-cols-1 .sm\:p-6 {
    padding: 0.9rem!important;
}
.text .nc-Section-Heading h3{
	    font-size: 34px!important;
    margin-bottom: -26px;
    margin-top: 10px;
}
.col-cls{
	margin-bottom: -45px;
}

[type=text], [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select{
	    border-radius: 0px!important;
}
.btNewsletterButton{
	    padding: 13px 24px 6px 24px;
    width: 128px;
    height: 48px;
    background: #e81646;
    border-radius: 50px;
    color: #fff;
    margin-left: 20px;
}
.wpcf7 form.sent .wpcf7-response-output{
	    color: #fff;
	padding: 5px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	color: #fff;
}
.wpcf7-not-valid-tip{
	    margin-top: 10px;
}

.btContact .btContactRow .btContactMessage {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
}
.btContact .btContactRow textarea {
    padding: 1em 1em 1em 1em !important;
    height: 100px;
    line-height: 1.5;
}
.btContactButton{
	position: relative;
    height: 3.6rem;
    background: -webkit-gradient(linear,left top,right top,from(#ec008c),to(#fc6767));
    background: linear-gradient(90deg,#ec008c,#fc6767);
    border-radius: 99em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    font-weight: 500;
    font-family: var(--RobotoLight);
    font-size: 16px;
    line-height: 36px;
    margin: 35px auto 15px;
    width: 250px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.btContactButton p{
	padding-top: 10px;
    font-size: 19px;
	    padding-left: 46px;
}
[type=text], [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=tel], [type=time], [type=week], [multiple], textarea, select{
	background-color: #000!important;
    border-color: #434546!important;
	color: #fff!important;
}
@media (min-width: 768px){
	.lg\:text-5xl {
    font-size: 2.1rem!important;
    line-height: 1;
}
}
#respond #commentform .comment-form-comment textarea{
	color: #fff!important;
}
.nc-Footer{
	background-color: #000;
	color: #fff;
	padding: 0rem 0rem 1rem 0rem;
}
.nc-Footer .nc-Footer-item .ncmaz-footer-sidebar-title, .nc-Footer .nc-Footer-item .widget-title, .nc-Footer .nc-Footer-item>div>h2:first-child {
	color: #fff!important;
	margin-bottom: 25px!important;
    font-size: 20px;
    font-weight: 500!important;
    margin-top: 30px;
    padding-bottom: 10px;
    position: relative;	
}
.nc-Footer .nc-Footer-item .ncmaz-footer-sidebar-title:after, .nc-Footer .nc-Footer-item .widget-title:after, .nc-Footer .nc-Footer-item>div>h2:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 1px;
    background-color: #c7c7c7;
}
.post-footer{
    padding: 0.7rem 1rem;
    display: flex;
    justify-content: center;
}
.post-footer .credit{
	font-size: 12px;
	color: #6a6a8e;
}
.post-footer .credit a{
	color: #ff0000;
}
.nc-Footer .nc-Footer-item a {    
    color: #fff!important;
    font-size: 15px!important;
    line-height: 18px!important;
    text-transform: uppercase;
	font-weight: 300;
	transition: 0s!important;	
    
	
}
.nc-Footer .nc-Footer-item a:hover {    
    color:#e60072!important;    
    border-bottom: 1px solid #e60072;	
    position: relative;
    overflow: hidden;
	padding: 3px 0px!important;
/*     -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1);
    -o-transition: width .6s cubic-bezier(.25, .8, .25, 1); */
    transition: 0s !important;
    z-index: 1;
}
.footer-img{
	background: #fff;
    padding: 8px;
    border-radius: 5px;
}
@media (min-width: 768px){
	.mt-58{
		margin-top: 58px!important;
	}
}
.footer-brands-se-page {
    padding: 15px 0;
	margin-top: 50px;
}
.footer .row {
    position: relative;
    z-index: 1;
}
/* .justify-content-center {
    justify-content: center!important;
} */
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
}
.seo-footer-h5 {
    font-weight: 700;
    font-size: 18px;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
	margin-bottom: 10px;
	background-image: linear-gradient(75deg, var(--textgradient_color1), var(--textgradient_color2) 80%);
    --textgradient_color1: #ff4c6c;
    --textgradient_color2: #fa9d4d;
}
.seo-footer-ul {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    list-style: none;
}
.seo-footer-ul a {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}
.seo-footer-ul a:hover {
color: #f87700;
}
@media (min-width: 999px){
.col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
	.nc-Footer .justify-content-center {
    justify-content: flex-start!important;
}
}
@media (max-width: 820px){
.post-footer {
	padding: 0.7rem 1rem 3.5rem!important;
}
	.footer-brands-se-page {   
    border-top: 1px solid #9f9fa0;
}
	.nc-Footer {
		padding: 0rem!important;
	}
	
	.seo-footer-ul{
		justify-content: flex-start;
	}
}