@charset "utf-8";
/* CSS Document */

/*
Theme Name: MAKIDUME
Description: exclusive use
Version: 1.0
Author: Office545
Author URI: https://www.office545.com/
*/

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  height: 100%;
  margin: 0; 
  padding: 0;
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 1000px){
header {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 1.5em 20px;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home main,
.page-template-full_page main {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.page-template-one_column_page main,
.category main,
.archive main, 
.error404 main {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 0 20px 60px 20px;
  display: table;
}

.page-template-default main,
.single-post main, 
.search main {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
}

.home #content,
.page-template-full_page #content,
.page-template-one_column_page #content,
.category #content,
.archive #content,
.error404 #content {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page-template-default #content,
.single-post #content,
.search #content {
  width: calc(100% - 280px);
  height: auto;
  margin: 0;
  padding: 0;
}

.home #sidebar,
.page-template-full_page #sidebar,
.page-template-one_column_page #sidebar,
.category #sidebar,
.archive #sidebar,
.error404 #sidebar {
  display: none;
}

.page-template-default #sidebar,
.single-post #sidebar,
.search #sidebar {
  width: 280px;
  height: auto;
  margin: 0;
  padding: 0 0 0 40px;
}

footer {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #133b81;
  position: sticky;
  top: 100vh;
  display: table;
}
}

@media screen and (max-width: 999px){
header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.5em 2.604166666%;
  position: relative;
  z-index: 4;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home main,
.page-template-full_page main {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.page-template-default main,
.page-template-one_column_page main,
.single-post main,
.category main,
.archive main, 
.search main,
.error404 main {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 3.90625%;
  display: table;
}

.home #content,
.page #content,
.category #content,
.archive #content,
.single #content,
.search #content,
.error404 #content {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.home #sidebar,
.page-template-full_page #sidebar,
.page-template-one_column_page #sidebar,
.category #sidebar,
.archive #sidebar,
.error404 #sidebar {
  display: none;
}

.page-template-default #sidebar,
.single-post #sidebar,
.search #sidebar {
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 6.25%;
}

footer {
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 7.8125%;
  background-color: #133b81;
  position: sticky;
  top: 100vh;
  z-index: 3;
  display: table;
}
}