/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/*******************************************************
 * THEME CSS RESET
 *******************************************************/


@media (min-width: 782px) {
}


/*******************************************************
 * 1 - Base
 *******************************************************/
article.post { padding-bottom: clamp(5rem,7vw,8rem); }

.wp-block-columns .wp-block-column.spin { margin-top: 1rem; }
.hero-section[data-type=type-1] {
  text-align: var(--alignment);
  margin-bottom: var(--margin-bottom, 20px);
}

.w860 { max-width: 860px; }
.w90 { width: 90%; }
.tsp { margin-top: 3rem; }
.btsp { margin-bottom: 3rem; }

@media (min-width: 782px) {
.maxw350 { max-width: 350px; }
.tsp { margin-top: 5rem; }
.btsp { margin-bottom: 5rem; }
 
.wp-block-columns .wp-block-column.spin {
	margin-top: 0;
	margin-left: 2.5rem;
	}
.hero-section[data-type=type-1] {
  text-align: var(--alignment);
  margin-bottom: var(--margin-bottom, 30px);
}
}

/*------------------------------------
  Table
 -----------------------------------*/
table { border: 1px solid #c8c8c8; }
th {
 background-color: #ebf5f5;
 color: #119493;
 font-weight: bold;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
 padding: 0.4rem 0.8rem;
 border-color: #c8c8c8;
 background-color: #ebf5f5;
 text-align: center;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
 padding: 0.8rem 1rem;
 border-color: #c8c8c8;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.cside > table tr td { text-align: center; }


/*******************************************************
 * 2 - Typography
 *******************************************************/
h2, :is(.is-layout-flow,.is-layout-constrained) :where(h2) {
 margin-top: clamp(5rem,8vw,8rem);
 margin-bottom: 2rem;
 padding-bottom: 0.4rem;
 border-bottom: 5px double #119493;
}
.archive .entry-card .entry-title,
[data-prefix="search"] .entry-card .entry-title {
	padding-bottom: 0;
	border: 0;
	font-weight: 700;
}

:is(.is-layout-flow,.is-layout-constrained) :where(h3) { margin-top: 4rem; }
h2 + h3, :is(.is-layout-flow,.is-layout-constrained) :where(h2 + h3) { margin-top: 1rem; }
h2:first-of-type, .is-layout-constrained h2:first-of-type { margin-top: 3rem; }

:is(.is-layout-flow,.is-layout-constrained) :where(h3.square) {
	display: flex;
	align-items: center;
	padding: 0.4rem 1.2rem 0.4rem 0;
	background-color: #035d6f;
	border-radius: 4px;
	color: #fff;
	letter-spacing: 0.08em;
}
:is(.is-layout-flow,.is-layout-constrained) :where(h3.square)::before {
	display: inline-block;
	content: "";
	margin: 0 0.8rem;
 width: 0;
 height: 0;
 border-style: solid;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
 border-left: 10px solid #fff;
 border-right: 0;
}


.ltx { font-size: 140%; }
.stx { font-size: 80%; }
.green { color: #119493; }
.bg-lgr { background-color: #e2f0f0; }

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 padding: 1.5em 1em 0.5em;
 font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
}


@media (min-width: 782px) {
}



/*------------------------------------
  Button
 -----------------------------------*/
.wp-block-button .wp-block-button__link::after {
 display: block;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 1rem;
 content: "\f591";
 font-size: 1.5em;
 font-family: "Material Symbols Outlined";
 font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
}



/*******************************************************
 * 5 - Contents
 *******************************************************/
/*------------------------------------
   Selfit Links
 -----------------------------------*/
.ct-widget:has(.selfitlink) {
	border-radius: 10px;
	box-shadow: 2px 2px 8px -4px #8f8f8f;
}
.selfitlink {
	padding: 1rem;
	background-color: #fff;
	border-radius: 20px;
	font-size: clamp(0.75rem, 0.727rem + 0.11vw, 0.813rem);
}
.selfitlink > .wp-block-column:first-of-type figure { text-align: center; }
.selfitlink > .wp-block-column:first-of-type img {
	width: 55%;
	border-radius: 10px;
}
.selfitlink > .wp-block-column h3 {
	margin-top: 1.5rem;
	font-size: clamp(1.125rem, 1.025rem + 0.5vw, 1.4rem);
	text-align: center;
}
.selfitlink > .wp-block-column .wp-block-button { width: 100%; }
.selfitlink > .wp-block-column .wp-block-button a {
	line-height: 1.4;
}

@media (min-width: 500px) {
.selfitlink > .wp-block-column .wp-block-button a .brmb { display: none; }
}
@media (min-width: 680px) {
.wp-block-columns.selfitlink { flex-wrap: nowrap !important; }
.selfitlink > .wp-block-column:first-of-type { flex-basis:40% !important; }
.selfitlink > .wp-block-column:last-of-type { flex-basis:60% !important; }
.selfitlink > .wp-block-column:first-of-type figure {
	padding-right: 3rem;
	text-align: left;
}
.selfitlink > .wp-block-column:first-of-type img {	width: 100%; }
.selfitlink > .wp-block-column h3 { text-align: left; }
.selfitlink > .wp-block-column .wp-block-button { width: auto; }
}


/*------------------------------------
  404 not found
 -----------------------------------*/