/*
Theme Name: Hideo
Text Domain: hideo
Version: 1.0.5
Description: Hideo is a clean portfolio and blog theme with bold headings and subdued colors. It comes with 7 different theme styles and over 20 block patterns. Demo: https://andersnoren.se/themes/hideo/
Tags: blog, portfolio, news, grid-layout, one-column, two-columns, three-columns, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing, block-patterns
Author: Anders Norén
Author URI: https://andersnoren.se
Theme URI: https://andersnoren.se/teman/hideo-wordpress-theme/
License: GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Requires PHP: 7.4
Tested up to: 6.5
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

input, textarea {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
}

::placeholder { 
	color: var( --wp--preset--color--70 );
}

/* STRUCTURE */

@media (max-width: 781px) {
	:root:not(.editor-styles-wrapper) .site-header-desktop,
	:root:not(.editor-styles-wrapper) .site-sidebar-col {
		display: none !important;
	}
}


@media (min-width: 782px) {
	:root:not(.editor-styles-wrapper) .site-header {
		display: none !important;
	}
}

/* HELPER CLASSES */

.hide-empty:empty { display: none !important; }

/* BLOCK: QUOTE & PULLQUOTE */

.is-style-has-quotation-mark:before,
.wp-block-pullquote blockquote:before {
	content: "“";
	display: block;
	font-family: "Open Sauce Two", ui-sans-serif, sans-serif;
	font-size: clamp( 80px, 3em, 128px );
	line-height: .8;
	margin-left: -.05em;
	margin-bottom: .3em;
	max-height: .3em;
}

/* custom */
@media (min-width: 782px) {
    	:root:not(.editor-styles-wrapper) .parenta {
		min-height: 100vh !important;
	}
	:root:not(.editor-styles-wrapper) .childa {
		flex-grow: 1 !important;
	}
}
@media (max-width: 781px) {
	:root:not(.editor-styles-wrapper) main>div {
       padding-right: var(--wp--preset--spacing--body-margin) !important;
       padding-left: var(--wp--preset--spacing--body-margin) !important;
	}
}
@media (max-width: 400px) {
    :root:not(.editor-styles-wrapper) main>div, footer>div {
       padding-right: var(--wp--preset--spacing--30) !important;
       padding-left: var(--wp--preset--spacing--30) !important;
    }

}
/* handle ipad */
@media (max-width: 781px) {
    :root:not(.editor-styles-wrapper) .container-width>div {
		max-width: 260px !important;
	}
    :root:not(.editor-styles-wrapper) header img {
        width: 90px !important;
    } 
    :root:not(.editor-styles-wrapper) header h1 {
        font-size: var(--wp--preset--font-size--large) !important;
    } 
    :root:not(.editor-styles-wrapper) footer p {
        font-size: var(--wp--preset--font-size--large) !important;
    } 
    :root:not(.editor-styles-wrapper) .has-medium-font-size {
        font-size: var(--wp--preset--font-size--large) !important;
    }
    :root:not(.editor-styles-wrapper) summary {
        font-size: var(--wp--preset--font-size--x-large) !important;
    } 
    :root:not(.editor-styles-wrapper) main h6 {
        font-size: var(--wp--preset--font-size--heading-5);
    } 

}
@media (max-width: 700px) {
	:root:not(.editor-styles-wrapper) .container-width>div {
		max-width: 200px !important;
	}
	:root:not(.editor-styles-wrapper) header img {
        width: 60px !important;
    } 
    :root:not(.editor-styles-wrapper) header h1 {
        font-size: inherit !important;
    } 
    :root:not(.editor-styles-wrapper) footer p {
        font-size: var(--wp--preset--font-size--medium) !important;
    } 
    :root:not(.editor-styles-wrapper) .has-medium-font-size {
        font-size: var(--wp--preset--font-size--medium) !important
    } 
    :root:not(.editor-styles-wrapper) summary {
        font-size: var(--wp--preset--font-size--large) !important;
    } 
    :root:not(.editor-styles-wrapper) main h6 {
        font-size: var(--wp--preset--font-size--heading-6);
    } 
}
.trans-div {
	filter: opacity(0.8) drop-shadow(0 0 0 #3EB489);
}
.thick-height {
    height: 20px !important;
}

.change-dots:before {
    letter-spacing: 3em;
}