/*
 * Theme Name: NR Global shop
 * Description: Template for Wordpress - Developed by NR Global
 * Theme URI: http://nrglobal.vn
 * Version: 1.0
 * Theme Author: gaumapdev@gmail.com
 * Author: Gấu Mập Dev
 * Author URI: http://gaumapdev.com
 * Textdomain: gaumap
 */

/* General style */
/*#main-content {}*/

.wf-loading {
  height: 100%;
  overflow: hidden;
}

.wf-active *, 
.wf-inactive * {
  visibility: visible;
}

.wf-loading, .wf-loading * {
  visibility: hidden;
}

html * {
	outline: none !important;
}

html {
  /*scroll-behavior: smooth;*/
}

body {
	font-size: 1rem;
	/*font-family: "Roboto-Regular";*/
}

body img {
	max-width: 100%;
}

body a, body a:hover {
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	text-decoration:  none;
	color: initial;
}

/*** Begin style for 404 page ***/
.error404 .page-404-content{
	background-color: #282a2b;
	color: #fff;
	height: 60vh;
	min-height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.error404 #wrap-main-section #content .bg {
	background: transparent;
}

.error404 #wrap-main-section .content {
	width: 100%;
}

.error404 #banner-header-sticky-wrapper{
	top: 0;
}

.page-404-content {
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.page-404-content h1{
	color: #fff;
	display: block;
	font-size: 200px;
	line-height: 180px;
	font-weight: 800;
	padding-bottom: 40px;
	text-align: center;
}

.page-404-content  h2{
	color: #fff;
	display: block;
	line-height: 48px;
	text-align: center;
}

.page-404-content  p{
	color: #fff;
	display: block;
}

.page-404-content {
	text-align: center;
	padding: 0 5%;
	margin-bottom: 60px;
	width: 100%;
	margin: 0 auto
}

.error404 .page-404-content a{
	color: #fff;
	text-decoration: underline !important;
}

.error404 .page-404-content a:hover, 
.error404 .page-404-content a:focus{
	color: #fff;
	text-decoration: none;
}

.error404 footer#page-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}
/*** End style for 404 page ***/


/* Style for pagination */
.pagination-wrap {
	width: 100%;
	text-align: center;
	margin: 0;
	margin-top: 20px;
}

ul.pagination {
	justify-content: center;
}

.pagination span, .pagination .page-numbers {
	color: #843526 !important;
	border-color: #843526 !important;
	border-radius: 0 !important;
	color: #333;
	display: inline-block;
	padding: 5px 15px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	background-color: #31fa39 !important;
	color: #fff !important;
}

/* Style for breadcrumb path */
#mcn-breadcrumb {
	padding: 20px 0;
}

#mcn-breadcrumb a, #mcn-breadcrumb strong {
	color: #333;
	font-weight: 300;
}

#mcn-breadcrumb a:hover {
	text-decoration: underline;
}
/* End style for breadcrumb path */


/* Custome style for scrollbar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000B7F; 
}