/*
Theme Name: Cristheme
Theme URI: https://qrokes.com/
Author: QROkes
Author URI: https://qrokes.com/
Description: QROkes Theme
Requires at least: 5.9
Tested up to: 6.3
Requires PHP: 8.0
Version: 0.0.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cristheme
Tags: full-site-editing, block-patterns

Seed Theme, (C) 2021 WordPress.org
Seed Theme is distributed under the terms of the GNU GPL.
*/


/* # General
---------------------------------------------------------------------------------------------------- */

html {
	word-wrap: break-word;
	box-sizing: border-box;
	scroll-behavior: smooth;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
*,
*::before,
*::after {
	box-sizing: inherit;
}

b,
strong {
	font-weight: 600;
}

a {
	text-decoration: none;
}
a:focus,
a:hover {
	color: #1B1B1B;
	text-decoration: none;
}

blockquote,
cite,
em,
i {
	font-style: italic !important;
	margin-block-start: 10px;
}
mark {
	font-size: 18px;
	font-weight: 800;
}

pre, code, kbd {
	font-family: Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;
	color: #000;
	white-space: pre-wrap;
}
.wp-block-image {
	margin-bottom:24px;
}


/* # Custom Content
---------------------------------------------------------------------------------------------------- */

.home h1 {
		text-align: center;
		font-size: 55px;
}
.opac {
	opacity:0.7;
}
.para {
	max-width: 800px;
}
.spa {
	word-spacing: 20px;
}
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.140em;
	color: #0E7ADC;
	font-size: 16px;
	margin-right: 7px;
}



/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 781px) {	
	.none {display:none;}
	
	h1 {
		font-weight: 900;
		letter-spacing: 2px;
	}
	.page:not(.home) h1 {
		font-size: 30px;
		text-align: center;
	}
	.page:not(.home) .wp-block-image {
	    display: contents !important;
	}
	.page:not(.home) .wp-block-image img {
	    width: 100% !important;
	    margin: 2em 0 2em !important;
	}
	.page:not(.home) .wp-block-image .wp-image-4741 { /* About page first image */
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 389px) {
	.spa {
		word-spacing: 12px;
	}
}