/*!
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;
  }
	.gap-y-4 {
    row-gap: 3rem!important;
}
}
@media (max-width: 1024px) {
  .ncmaz-myCustomPage .wp-block-spacer {
    max-height: 96px;
  }
	#sgpb-popup-dialog-main-div{
		display: none;
	}
	.site-logo img {
    max-width: 180px!important;
    max-height: 38px!important;
}
	.line-cls{
		line-height: 40px;
	}
	.wp-block-media-text .wp-block-media-text__content {
        padding: 0 0%!important;
    }
	.heading1{
		font-size: 1.5rem;
		font-weight: 600!important;
		line-height: 2rem!important;
	}
	.flex-1 {
    flex: 3 1 0%!important;
}
	.nc-MainNav1{
		padding: 10px 0px;
	}
	.footer-cls{
	    background-color: #e3e3e3;
    padding: 35px 20px;
    margin-top: 40px;
    position: relative;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
}
	.site-footer__top-title{
	font-size: 17px;
    font-weight: 600;
	line-height: 27px;
		    margin: 15px 0px;
}
	.social-cls{
		margin-left: 66px;
	}
	.logo-cls{
		margin-left: 18px;
	}
	.copyright{
	border-top: 1px solid #ffffff47;
    margin-top: 30px;
    padding-top: 23px;
}
	.col-cls{
		text-align: center;
    margin-bottom: 10px;
	}
	.col-cls1{
		margin-left: 30px;
	}
	.has-text-align-left{
	text-align: justify;
		font-size: 19px;
}
	.text-sm {
    font-size: 1.1rem!important;
    line-height: 1.25rem;
}
	.prose>*, .xl\:prose-lg>*{
		text-align: justify!important;
    font-size: 19px!important;
	}
	.sgpb-theme-1-overlay{
		display: none;
	}
}
@media (min-width: 1280px){
	.site-logo img {
    max-width: 235px!important;
		max-height: 56px!important;
}
	.wp-block-media-text .wp-block-media-text__content {
      padding: 0 8% 0 0%!important;
    }
	.heading1{
		font-size: 2.25rem;
	}
	.text1{
		margin-right: 63px;
	}
	.footer-cls{
	    background-color: #e3e3e3;
    padding: 35px 20px;
    margin-top: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
}
	.site-footer__top-title{
	font-size: 19px;
    font-weight: 600;
}
	.copyright{
	border-top: 1px solid #ffffff47;
    margin-top: 30px;
    padding-top: 23px;
	display: flex;
}
	.col-cls{
		width: 70%;
	}
	.nc-MainNav1{
		padding: 10px 0px;
	}
	.has-text-align-left{
	text-align: justify;
}
}
.site-branding{
	display: none;
}

.text-cls .lg\:w-2\/5 {
    width: 100%!important;
	margin-top: -46px;
    margin-bottom: -33px;
}
.text-cls .flex-grow{
	display: none;
}
.text-cls .bg-neutral-100{
	background: linear-gradient(to right, #673ab7 0, #2196f3 100%)!important;
}
.text-cls .nc-Button{
	display: none;
}
.text-cls .sm\:text-4xl{
	color: #fff;
}
.text-cls .text-neutral-500{
	color: #fff;
}
.heading1{
	margin-top: 15px!important;
	line-height: 40px;
}
.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;
	font-size: 20px;
}
.nc-Footer{
	background-color: #000;
}
.nc-Footer .nc-Footer-item a{
	color: #fff!important;
}
.fa-map:before {
    content: "\f279";
}
.text{
	color: #fff;
}
.textwidget :where(ul):not(:where([class~="not-prose"] *)) {
    padding-left: 0em!important;
}
.sec-cls{
	display: none;
}
.md\:py-16 {
    padding-bottom: 0rem!important;
}
.but-cls a{
	background-color: #4f46e5;
    color: #fff;
    padding: 11px 20px;
    border-radius: 50px;
}
.nc-PostCardMetaV2 .truncate span{
	display: none;
}
 

@media (min-width: 1024px)
{
	.prose>*, .xl\:prose-lg>* 
	{
    max-width: 1280px!important;
		text-align:justify;
}
	.sm\:gap-6 {
    gap: 2.5rem!important;
}
}
.row{
	display: flex;
}
.sgpb-theme-1-content {
   background-image: linear-gradient(90deg,#fceaf0 0%,#ffffff 100%)!important;
   box-shadow: #fff 0 0 0 0px !important;
	border-bottom-width: 0px !important;
    }
.sgpb-popup-close-button-1{
	top: 10px;
	    right: 18px!important;
}
.heading-cls1
{
	font-size: 37px;
	font-weight: 700;
	    margin-top: 40px;
	    line-height: 1.0em;
	font-family: Poppins!important;
	    color: #000;
}

.heading-cls2
{
	font-size: 37px;
	font-weight: 700;
	    margin-top: 18px;
	    line-height: 1.0em;
	color: #e7004a;
	font-family: Poppins!important;
	  }
.heading-cls3
{
	font-size: 37px;
	font-weight: 700;
	    margin-top: 18px;
	    line-height: 1.0em;
	margin-bottom: 10px;
	font-family: Poppins!important;
	    color: #000;
	}

.btu1{
	    margin-top: 20px;
    background-color: #e7004a;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}
.btu1 p{
	 font-weight: 500;
    font-size: 18px;
}
   
.col-md-6{
	max-width: 50%;
}

.para{
	text-align: justify;
    font-size: 15px;
    line-height: 23px;
    margin-top: 16px;
    color: #000;
}
#sgpb-popup-dialog-main-div{
	padding: 24px!important;
	border-radius: 20px;
}
.screen-reader-response{
	display: none;
}
.wpcf7-not-valid-tip{
	font-size: 12px;
	color: #b60e0e;
}

.wpcf7-response-output{
	font-size: 13px;
    color: #224e29;
}
.pum-theme-3018 .pum-title, .pum-theme-default-theme .pum-title{
	display: none!important;
}
.pum-theme-3018, .pum-theme-default-theme{
	    background-color: rgba(0, 1, 5, 0.8)!important;
}
.pum-theme-3018 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
	font-size: 16px!important;
	line-height: 18px!important;
	background-color: rgb(254 251 252)!important;
	    box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0 )!important;
	border-radius: 20px!important;
	color: #000!important;
	    top: 7px!important;
	right: 7px!important;
}
.col1{
	margin-right: 26px;
    padding-right: 14px;
	    padding-left: 22px;
}
.pum-theme-3018 .pum-container, .pum-theme-default-theme .pum-container{
	background-image: linear-gradient(90deg,#fceaf0 0%,#ffffff 100%)!important;
	    border-radius: 20px!important;
}
.row{
	margin-top: 30px!important;
}
[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-color: #8f8686!important;
    border-width: 2px!important;
}