/*
Theme Name: coenkonings.art
Theme URI:
Author: Coen Konings
Author URI: https://coenkonings.art/
Description: Personally developed theme for Coen Konings
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.1
Version: 0.0
Text Domain: coenkonings
*/
/***********************************
 * VARIABLES
 **********************************/
:root {
  --ck-main-background-color: white;
  --ck-text-color: black;
  --ck-highlight-color: oklch(50.8% 0.118 165.612);
  --ck-root-font-size: 16px;
  --ck-page-horizontal-margins: 20px;
  --ck-page-vertical-margins: 10px;
  --ck-divider-color: #e5e7eb;
}

/***********************************
 * FONTS
 **********************************/
@font-face {
  font-family: source-sans-3;
  src: url('assets/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf');
}

/****************************************
 * OVERWRITE DEFAULTS & UTILITY CLASSES
 ***************************************/
h1,h2,h3,h4,h5,h6 {
  font-size: inherit;
  font-weight: 600;
  margin: 0;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

p {
  text-align: justify;
}

:not(.post-content)>p {
  margin: 0;
}

.post-content>p {
  margin: var(--ck-page-vertical-margins) 0;
}

a {
  text-decoration: none;
  color: var(--ck-highlight-color);
}

a:hover {
  text-decoration: var(--ck-highlight-color) underline;
}

.hidden-mobile {
  display: none;
}

html {
  font-size: var(--ck-root-font-size);
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: source-sans-3;
}

/**************************************************
 * Tablet / mid width styling
 *************************************************/
@media (width >= 635px) {
  .hidden-mobile {
    display: block;
  }
}