@font-face {
font-family: 'Spartan';
font-weight: 100 900;
font-style: normal;
font-display: block;
src: url(https://chatelkiteschool.com/wp-content/themes/CKS/assets/fonts/spartan/spartan.ttf) format('truetype');
}
@font-face {
font-family: 'Spartan Flat';
font-weight: 900;
font-style: normal;
font-display: block;
src: url(https://chatelkiteschool.com/wp-content/themes/CKS/assets/fonts/spartan/spartan_flat.ttf) format('truetype');
}
@font-face {
font-family: 'Scribble';
font-weight: 100 900;
font-style: normal;
font-display: block;
src: url(https://chatelkiteschool.com/wp-content/themes/CKS/assets/fonts/scribble/scribble.woff2) format('woff2');
}
@font-face {
font-family: 'Averta';
font-weight: 100 300;
font-style: normal;
font-display: block;
src: url(https://chatelkiteschool.com/wp-content/themes/CKS/assets/fonts/averta/averta-light.woff2) format('woff2');
}
@font-face {
font-family: 'Averta';
font-weight: 400;
font-style: normal;
font-display: block;
src: url(https://chatelkiteschool.com/wp-content/themes/CKS/assets/fonts/averta/averta-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Averta';
font-weight: 500 900;
font-style: normal;
font-display: block;
src: url(https://chatelkiteschool.com/wp-content/themes/CKS/assets/fonts/averta/averta-bold.woff2) format('woff2');
} * {
box-sizing: border-box;
}
body,
html {
border: none;
margin: 0;
padding: 0;
margin-block: 0;
margin-inline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
div,
em,
figure,
font,
img,
input,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
border: none;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-align: inherit;
margin: 0;
padding: 0;
} html {
font-size: 11px;
}
html,
body {
width: 100%;
height: 100%;
}
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
background: var(--cks-block-color-light);
color: var(--cks-block-color-dark);
font-family: 'Spartan';
font-size: 2rem;
font-weight: normal;
line-height: 1.2;
text-align: left;
letter-spacing: normal;
}
body,
body * {
-webkit-tap-highlight-color: transparent;
}
p {
width: 100%;
height: auto;
margin: 0.5em 0em;
}
ul {
width: 100%;
height: auto;
margin: 0.5em 0em;
padding-left: 25px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Spartan Flat';
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
h1 {
font-size: 6rem;
margin: 0.5em 0em;
}
h2 {
font-size: 4.5rem;
margin: 0.5em 0em;
}
h3 {
font-size: 2.7rem;
margin: 0.5em 0em;
}
h4 {
font-size: 2.5rem;
margin: 0.5em 0em;
}
h5 {
font-size: 2.3rem;
margin: 0.5em 0em;
}
h6 {
font-size: 2rem;
margin: 0.5em 0em;
}
a,
a:visited,
a:hover,
a:active {
text-decoration: none;
font-weight: 500;
font-size: inherit;
color: var(--cks-block-color-accent-1);
}
a:hover {
color: var(--cks-block-color-accent-1-lighter);
} body {
width: 100%;
height: auto;
min-height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 100%;
grid-template-areas:
'header'
'main'
'footer';
place-items: center;
place-content: center;
}
body > #header,
body > #main,
body > #footer {
width: 100%;
height: auto;
}
body > #header {
grid-area: header;
}
body > #footer {
grid-area: footer;
}
body > #main {
grid-area: main;
width: 100%;
height: 100%;
padding-top: 58px;
}
body > #main > .entry-content {
width: 100%;
height: 100%;
display: grid;
place-items: stretch center;
grid-auto-flow: row;
grid-auto-columns: auto;
grid-template-columns: 1fr;
grid-template-rows: auto;
margin: 0;
padding: 0;
}
.cks-singular {
background: var(--cks-block-color-light);
}
.cks-front-page {
background: var(--cks-block-color-light);
}
@media (max-width: 1580px) {
html {
font-size: 10.5px;
}
}
@media (max-width: 1024px) {
html {
font-size: 9.5px;
}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
html {
font-size: 9px;
}
} .cc-theme-cks.cc-window {
color: var(--cks-block-color-dark);
background: var(--cks-block-color-light);
font-family: 'Spartan';
font-size: 2rem;
font-weight: 400;
margin: 0;
padding: var(--cks-block-padding-s);
text-align: justify;
line-height: 1.2;
border: 2px solid var(--cks-block-color-dark);
border-radius: var(--cks-block-border-radius);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.cc-theme-cks.cc-window .cc-message {
display: inline;
margin: 0;
padding: 0;
}
.cc-theme-cks.cc-window .cc-btn {
font-size: 2rem;
font-weight: 400;
font-family: 'Spartan';
color: var(--cks-block-color-light);
background: var(--cks-block-color-dark);
border: 2px solid var(--cks-block-color-dark);
border-radius: var(--cks-block-border-radius);
}
.cc-theme-cks.cc-window .cc-btn:hover,
.cc-theme-cks.cc-window .cc-btn:active,
.cc-theme-cks.cc-window .cc-btn:focus {
font-size: 2rem;
font-weight: 400;
font-family: 'Spartan';
background: var(--cks-block-color-dark-lighter);
}