@charset "utf-8";
/*
Theme Name: The Minimal child
Template: the-minimal
*/

.pagination {
    display: flex !important;
    justify-content: flex-start;
    width: 100%;
}
.wp-block-video { 
margin: 0 auto !important; 
}
.category-title, .page-title {
	font-family: "EB Garamond", "Noto Serif JP", serif;
	font-size: 40px !important;
	font-weight: 400 !important;
	line-height: 30px  !important;
	margin-bottom: 20px !important;
}
.page-title span {
	font-weight: 600 !important;
}

#fancybox-outer {
 box-shadow:0 0 20px #CCC;
 -moz-box-shadow:0 0 20px #CCC;
 -webkit-box-shadow:0 0 20px #CCC
}

.site-content .comments-area .comment-list li .comment-content {
    width: 100%;
    padding: 5px 5px 5px 90px !important;
    margin-left: 0px !important;
}

body,
button,
input,
select,
textarea {
	font-size: 18px;
	line-height: 30px;
	font-family: "EB Garamond", "Noto Serif JP", serif;
}
.site-content .category-title, .page-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}

.page-header {
margin: 0px 0 20px;
}
.site-content .post .entry-header {
    margin-bottom: 20px;
}

.page-content, .entry-content, .entry-summary {
    margin: 1em 0 0;
}
.category .site-header {
    border-bottom: none;
    margin-bottom: 0px;
}
.site-content .post h2, .site-content .page h1 {
    margin: 20px 0 7px;
}
.entry-title {
	font-weight: 600;
	font-family: "EB Garamond", "Noto Serif JP", serif;
}
.widget-title {
	font-weight: 600;
	font-family: "EB Garamond", "Noto Serif JP", serif;
}
.site-branding a {
    font-weight: 800;
}
.site-branding .site-description {
    font-style: normal;
}
.site-content .post .more-detail {
    font-family: 'Source Sans Pro', sans-serif;
}
.meta-info {
    font-family: 'Source Sans Pro', sans-serif;
}
.site-content .post .meta-info span a, .site-content .page .meta-info span a {
    padding-left: 20px;
    margin-right: 15px;
}
.site-content .date a, .site-content .name a, .site-content .comments a {
    font-weight: 600;
}
p {
	margin-bottom: 1.5em !important;
	font-family: "EB Garamond", "Noto Serif JP", serif;
}
a {
	color:#6fc8fd;
}
#page a:hover, a:focus, a:active {
	color:#A8DEFD;
}
.post-navigation .nav-next, .post-navigation .nav-previous {
    margin-bottom: 20px;
}
.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover {
text-decoration: none;
}
.widget.widget_calendar .active, .widget.widget_calendar td a {
	background: #6fc8fd;
	width: 30px;
	margin: 0 auto;
}
.site-content .post .continue-reading:hover, .search .site-content .page .continue-reading:hover {
	background: #A8DEFD;
	color: #FFFFFF !important;
}
.widget.widget_calendar .active, .widget.widget_calendar td a:hover {
	color: #FFFFFF !important;
}
.widget.widget ul li {
	background:none;
}
.header-bottom .main-navigation ul li a:hover, .header-bottom .main-navigation ul .active, .header-bottom .main-navigation ul > li:hover > a {
	border-bottom: 1px solid #A8DEFD;
}
.header-top .right-section .search-section .search-form input[type="submit"] {
    background: url(../the-minimal/images/search-icon.png) no-repeat 33px 11px;
}
.site-content .post .more-detail a {
	color: #6fc8fd;
}
.continue-reading {
	width:auto !important;
	padding:6px 30px !important;
	float: right;
	border-radius: 25px;
}
.comments-area form input[type="submit"]:hover {
    background: #A8DEFD;
    color: #fff;
}
.comments-area form textarea, .comments-area form input[type="text"], .comments-area form input[type="tel"], .comments-area form input[type="url"]{
font-family: 'Source Sans Pro', sans-serif;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
float: right;
text-align: right;
width: auto;
border-bottom: 1px solid #A8DEFD;
}
#reply-title {
    color: #333;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
}
.comment-form label[for="wp-comment-cookies-consent"] {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}
.comment-notes {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}
.comments-area form input[type="submit"] {
    border-radius: 25px;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
float: left;
width: auto;
border-bottom: 1px solid #A8DEFD;
}
img {
    vertical-align: middle !important;
}
.site-title {
    margin: 0 0 5px !important;
	font-family: "EB Garamond", "Noto Serif JP", serif;
}
.site-branding .site-title a:hover {
text-decoration: none;
}
.clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after {

    clear: both;

}
.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {

    content: "";
    display: table;
    table-layout: fixed;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#content {
    margin-top: 0px;
}
figcaption {
    font-size: 14px;
    text-align: right;
}
.site-content .comments-area .comment-list li .comment-reply-link {
color: #999999;
border-bottom: 1px solid #999999;
}

@media only screen and (max-width: 1024px) {
.admin-bar .mobile-menu {
    margin-top: 32px !important; 
    }
.overlay {
    background: rgba(255, 255, 255, 0.6);
   }   
.mobile-menu {
    width: 280px;
   }
.mobile-menu .btn-close-menu {
    top: 25px;
    right: 30px;
   }
	.mobile-main-navigation ul li a:hover,
	.mobile-main-navigation ul li a:focus,
	.mobile-main-navigation ul li:hover > a,
	.mobile-main-navigation ul li:focus > a,
	.mobile-main-navigation ul .current-menu-item > a,
	.mobile-main-navigation ul .current-menu-ancestor > a,
	.mobile-main-navigation ul .current_page_item > a,
	.mobile-main-navigation ul .current_page_ancestor > a,
	.mobile-secondary-menu ul li a:hover,
	.mobile-secondary-menu ul li a:focus,
	.mobile-secondary-menu ul li:hover > a,
	.mobile-secondary-menu ul li:focus > a,
	.mobile-secondary-menu ul .current-menu-item > a,
	.mobile-secondary-menu ul .current-menu-ancestor > a,
	.mobile-secondary-menu ul .current_page_item > a,
	.mobile-secondary-menu ul .current_page_ancestor > a{
		text-decoration: none;
		color: #1b1b1b;
}
.mobile-site-branding {
	max-width: 90%;
}
.mobile-site-header .container {
	align-items: initial;
}
.btn-menu-opener {
	margin: 10px 10px 0 0;
}
 .site-title a {
    letter-spacing: 5px;
}
.mobile-site-branding .site-description {
    font-size: 16px;
    line-height: 24px;
}
}

@media screen and ( max-width: 782px ) {
.admin-bar .mobile-menu {
	margin-top: 46px !important; 
}
}

@media only screen and (max-width: 767px) {
#content {
	margin-top: 10px !important;
}
.site-content .post,
.site-content .post {
	padding-top: 0px;
	padding-bottom: 50px;
	margin-bottom: 10px;
}
.site-content .comments-area .comment-list li .comment-content p {
 	font-size: 16px;
 	line-height: 30px;
 	color: #454545;
 }
figcaption {
    font-size: 14px;
    text-align: left;
}
}


@media only screen and (max-width: 450px) {
.admin-bar .site { 
    background-position: right 0px; !important; 
}
.category-title, .page-title {
	font-size: 26px !important;
	font-weight: 500 !important;
	margin-bottom: 10px !important;
}
.site-title a {
    font-size: 24px;
}
.site-content .post h2, .site-content .page h2,
.site-content .post h1, .site-content .page h1 a {
    font-size: 24px;
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.site-content .comments a {
    font-size: 11px;
}
.site-content .post .meta-info span a, .site-content .page .meta-info span a {
    padding-left: 15px;
    margin-right: 15px;
}
}

@media only screen and (max-width: 340px) {
.mobile-site-branding {
	max-width: 87%;
}
.meta-info {
    display: flex;
    justify-content: space-between;
    padding: 0px;
}
.site-content .post .meta-info span a, .site-content .page .meta-info span a {
    margin-right: 0px;
}
.site-title a {
    font-size: 20px;
}
.site-content .post h2, .site-content .page h2,
.site-content .post h1, .site-content .page h1 a {
    font-size: 24px;
}
.continue-reading {
    padding: 5px 20px !important;
    top: -63px;
}
.site-content .continue-reading {
    font-size: 14px;
}
}