*, *::before, *::after {
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  max-width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;

  font-family: 'Roboto', sans-serif !important;
}

.wrapper {
  padding: 0 30px !important;
}

body.error404,
body.search,
body.archive,
body.tag {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

body.error404 .gridlove-footer,
body.search .gridlove-footer,
body.archive .gridlove-footer,
body.tag .gridlove-footer {
  margin-top: auto;
}

body.error404 .gridlove-site-content {
  max-width: 980px;
  margin-top: 70px !important;
}

body.search .gridlove-site-content {
  margin-top: 10px !important;
}

body.search .module-type-posts .module-title {
  padding: 0;
}

body.error404 .gridlove-not-found,
body.archive .gridlove-not-found {
  margin: 10vh auto 10vh;
}

body.error404 .gridlove-not-found .box-inner-p-bigger,
body.archive .gridlove-not-found .box-inner-p-bigger {
  padding: 40px 60px 50px !important;
  box-shadow: 0 3px 8px 2px rgba(0, 0, 0, .1) !important;
}

.gridlove-load-more a {
  display: block;
	width: 218px;
	margin: 20px auto 30px;
	padding: 10px 18px;

	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #fff;

  background: none;
	background-color: #4BAEE3;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 6px;
  box-shadow: none;
	opacity: 1 !important;

	cursor: pointer;
	transition: background-color .2s ease-in-out;
}

.gridlove-load-more a:hover {
  color: #fff;
	background-color: #68CBFF;
  box-shadow: none;
}

.gridlove-load-more a:active {
  color: #fff;
	background-color: #0D73B4;
}

.gridlove-load-more .gridlove-loader {
  display: none !important;
}

@media screen and (max-width: 1160px) {

  body.category .gridlove-site-content,
  body.search .gridlove-site-content,
  body.tag .gridlove-site-content {
    margin-top: 80px !important;
  }

  body.category .gridlove-site-content .module-desc {
    max-width: unset;
  }

}

@media screen and (max-width: 1024px) {
	
	.wrapper {
		padding: 0 24px;
	}

  body.search .module-title {
    display: block;
  }

  body.search .module-title .h2 {
    margin-bottom: 10px;
  }
	
}

@media screen and (max-width: 640px) {

	.wrapper {
		padding: 0 20px;
	}

}

@media screen and (max-width: 579px) {

  body.category .gridlove-site-content,
  body.search .gridlove-site-content,
  body.tag .gridlove-site-content {
    margin-top: 60px !important;
  }

  body.error404 .gridlove-site-content {
    margin-top: 50px !important;
  }

  body.error404 .gridlove-site-content {
    margin-top: 70px;
  }

  body.archive .container {
    max-width: unset !important;
  }

  body.error404 .gridlove-not-found .box-inner-p-bigger,
  body.archive .gridlove-not-found .box-inner-p-bigger {
    padding: 20px !important;
    box-shadow: none !important;
  }

  body.search .gridlove-not-found .box-inner-p-bigger {
    padding: 0 !important;
  }

  body.error404 .gridlove-search-form,
  body.search .gridlove-search-form,
  body.archive .gridlove-search-form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  body.error404 .gridlove-search-form input,
  body.search .gridlove-search-form input,
  body.archive .gridlove-search-form input {
    width: 100% !important;
    max-width: unset !important;
  }

  body.error404 .gridlove-search-form .gridlove-button-search,
  body.search .gridlove-search-form .gridlove-button-search,
  body.archive .gridlove-search-form .gridlove-button-search {
    margin-top: 10px;
  }

}
