/*
Theme Name: kids-education-child
Template: kids-education
*/

/* ind-css */
article .blog-post-wrap {
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
}

article .entry-content {
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
}
article img {
	border: 5px solid #fff;
	border-radius: 10px;
	width: 100%;
}
.entry-title:after {
	background: #ee4c1600;
}

.page-title .entry-title {
	color: #000;
	width: 100%;
}
.entry-header .entry-title {
	border: none;
	margin: 0;
	padding: 0;
}
article .entry-title a, article .entry-title, .entry-meta, article .entry-content {
	color: #5b5b5b;
}

.site-header.is-sticky .site-title a {
	font-size: 100%;
}
.main-slider-contents {
	width: 100%;
}
article .entry-title a, article .entry-title, .entry-meta, article .entry-content {
	color: #000;
}
article .entry-content a {
	color: #000080;
	font-size: 125%;
}

/* base-re */
html {
	overflow-x: hidden;
}
.container,
p {
	width: 100% !important;
}
ul, ol {
	margin: 0 0 1.5em 1.5em;
}
ul li::marker {
	font-size: 75%;
}
.wp-block-latest-posts.is-grid {
	margin: 0;
}
#header-image.no-banner-image {
	min-height: 360px;
}
.banner-wrapper {
	height: 10px;
}
#main .attachment-full {
	object-fit: cover;
	max-height: 400px;
}
#features .container {
	padding: 10px;
}
.post-edit-link {
    background: #f00;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
}
.post-edit-link:hover {
	color: #fff;
	opacity: 0.7;
}
.footer-divider,
footer .spacer {
	display: none;
}
.site-footer {
	background: none;
}
.site-footer .container {
	padding-top: 0;	
}
footer .bottom-footer {
	background: url("/wp-content/uploads/2025/05/allinone3-scaled.png") repeat-x top center / auto 100px;
	font-size: 87.5%;
	padding: 150px 0 30px;
}
footer .two-columns .column-wrapper .text-right {
	text-align: center;
}

@media screen and (max-width: 992px) {
	#header-image.no-banner-image {
		min-height: 250px;
	}
	.banner-wrapper {
		height: 130px;
	}
	.main-slider-contents {
		left: 0;
		text-align: center;
	}
}
@media screen and (min-width: 767px) {
	#features .column-wrapper {
		padding: 0 1em;
	}
	footer .two-columns .column-wrapper {
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 767px) {
	.main-slider-contents {
		padding: 0 10px;
	}
	footer .bottom-footer {
		background-size: auto 100px;
		padding: 140px 0 30px;
	}
}
@media screen and (max-width: 370px) {
	body {
		font-size: 87.5%;
	}
}


/* background-re / Yellow */
body, article .blog-post-wrap, article .entry-content {
	background-color: #ffe;
}
.site-branding {
	background-image: url("/wp-content/uploads/2025/06/logo-bg-y.png");
}
#masthead {
	background-image: url("/wp-content/uploads/2025/06/header-bg-y.png");
}
#content, #features, .home .cloud-background.page-section {
	background-image: url("/wp-content/uploads/2025/06/white-bg-y5.png");
}

/* background-re / blue */
/*body, article .blog-post-wrap, article .entry-content {
    background-color: #f5feff;
}
.site-branding {
	background-image: url("/wp-content/uploads/2025/06/logo-bg-b.png");
}
#masthead {
	background-image: url("/wp-content/uploads/2025/06/header-bg-b.png");
}
#content, #features, .home .cloud-background.page-section {
	background-image: url("/wp-content/uploads/2025/06/white-bg-b5.png");
}*/

/* text-re */
h1 {font-size: 250%;}
h2 {font-size: 200%;}
h3 {font-size: 175%;}
h4 {font-size: 150%;}
h5 {font-size: 125%;}
h6 {font-size: 112.5%;}
.dn-pc { display: none; }
article .entry-content a {font-size: 112.5%;}
@media screen and (min-width: 992px) {
	.page-title h1.entry-title {
		font-size: calc(250% * 1.125)
	}
	#content { font-size: 112.5%; }
}
@media screen and (max-width: 767px) {
	h1 {font-size: 175%;}
	h2 {font-size: 150%;}
	h3 {font-size: 137.5%;}
	h4 {font-size: 125%;}
	h5 {font-size: 118.75%;}
	h6 {font-size: 112.5%;}
	.dn-pc { display: block; }
	.main-slider-contents .title {
		font-size: 175%;
	}
	#recent-classes-slider .slider-header-contents .title, 
	.course-header-contents .title {
		font-size: 150%;
	}
}
@media screen and (max-width: 600px) {
	.main-slider-contents .title {
		font-size: 150%;
	}
	ul.tabs li a {
		font-size: 100%;
	}
	#info-text h5 {
		font-size: 112.5%;
	}
}
@media screen and (max-width: 480px) {
	.main-slider-contents .title {
		font-size: 137.5%;
	}
}
@media screen and (max-width: 421px) {
	.main-slider-contents p {
		font-size: 81.25%;
	}
	.main-slider-contents .title {
		font-size: 125%;
	}
	.btn {
		font-size: 87.5%;
	}
	ul.tabs li a {
		font-size: 100%;
	}
	#search-course-tab .tab-link.active .fa {
		font-size: 100%;
	}
	.blog-title,
	article .entry-title {
		font-size: 112.5%;
	}
	.social-icons li a:before {
		font-size: 87.5%;
	}
	.page-title .entry-title {
		font-size: 175%;
	}
	.comment-meta .url {
		font-size: 100%;
	}
}
@media screen and (max-width: 340px) {
	.main-slider-contents .title {
		font-size: 112.5%;
	}
}

/* headerPC-re */
#masthead {
	filter: drop-shadow(0px 0px 6px #ddd);
}
#masthead nav {
	font-size: 87.5%;
}
.site-branding {
	background-position: 50% 100%;
	top: 70px;
	width: 360px;
	min-height: 70px;
	padding: 0 0 70px 0;
}
.site-logo img {
	margin: -70px 0 0 0.75em;
}
.site-header .site-title {
	margin: 0 0 0 0.75em;
}
.site-header .site-title:before,
.site-header .site-title:after {
	width: 10px;
}

#masthead .main-navigation {
	width: calc(100% - 360px);
}
#masthead .main-navigation .nav-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#masthead.is-sticky .main-navigation > ul > li {
	padding: 40px 0;
}
#main-slider {
	padding-top: 90px;
}

/* navSP-re */
.sidr-class-site-logo {
	background: #fff;
	padding: 10px;
}
.sidr-class-site-logo img {
	max-width: 180px;
}
#sidr-id-mobile-site-header {
	font-weight: 700;
	padding: 10px 15px;
}
#sidr-id-mobile-site-header .sidr-class-site-description {
	font-weight: 400;
	margin: 0.5em 0 0;
}

/* topSlider-re */
#main-slider a {
	pointer-events: none;
}
@media screen and (max-width: 992px) {
	#main-slider {
		padding-top: 0;
	}
}

/* TOP-re */
.w777 {
	max-width: 777px;
	margin: 1em auto;
}
.topLinkBtn,
.topLinkBtn .wp-block-buttons,
.topLinkBtn .wp-block-image {
    max-width: 640px;
    margin: 0 auto;
    gap: 0 1em;
}
.topLinkBtn .wp-block-buttons {
    margin: 0 auto 1em;
}
.topLinkBtn .wp-block-button__link {
	padding: 1em;
}
.topLinkBtn {
	position: relative;
}
.topLinkBtn a {
	display: block;
}
.topLinkBtn a:hover {
	background: #fb4 !important;
	cursor: pointer;
}
#features.background-image-properties {
	background-size: cover;
}
#features .entry-header {
	margin: 3em 0;
}
#features + .cloud-background.page-section {
	padding-top: 0;
}
#primary .entry-header {
	display: none;
}
.entry-content #features.background-image-properties {
	background: none;
    margin: -40px -10px;
}
article .entry-content #features h5 a {
	font-size: 100%;
}
@media screen and (min-width: 1600px) {
	#main-slider .regular {
		max-height: 550px;
	}
	#main-slider .slider-item {
		padding: 300px 0;
	}
}
@media screen and (min-width: 993px) {
	#main-slider .divider img {
		height: 640px;
	}
}
@media screen and (max-width: 992px) {
	#features.background-image-properties {
		background-size: 175%;
	}
}
@media screen and (max-width: 767px) {
	#features.background-image-properties {
		background-size: 200%;
	}
	#main-slider .slider-item {
		padding: 170px 0;
	}
	#features .column-wrapper {
		width: 50%;
		float: left;
		margin-bottom: 15px;
		padding: 0 1em;
	}
	#features .column-wrapper p {
		text-align: left;
	}
}
@media screen and (max-width: 640px) {
	#features.background-image-properties {
		background-size: 300%;
	}
}
@media screen and (max-width: 370px) {
	#features .column-wrapper {
		padding: 0 0.5em;
	}
}
@media screen and (max-width: 421px) {
    .page-title {
        padding: 0 0.5em;
    }
}

/* curriculum */
.curriculum-pho {
	width: calc(100% - 80px);
	max-width: 360px;
}

/* aboutus */
.aboutus-list {
	padding: 0 0 2em;
}
.aboutus-tbl {
    max-width: 480px;
}
.aboutus-tbl.wp-block-table td {
	padding: 1em;
}
.aboutus-tbl tr td:first-child {
	width: 40%;
}
.aboutus-tbl.wp-block-table td a {
	font-size: 100%;
}