/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/




/* Fix Neve overriding Gutenberg block link colors on hover */
[class*="wp-elements-"] a:where(:not(.wp-element-button)):hover {
    color: inherit !important;
}


/* ScrollSmoother FIX */
.wrapper {
    transition: unset !important;
}


/* Prevent from auto-inflating font sizes */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}


/* WebKit Autofill FIX */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 999999s ease-in-out 0s;
}

.light-form input:-webkit-autofill,
.light-form input:-webkit-autofill:hover,
.light-form input:-webkit-autofill:focus,
.light-form input:-webkit-autofill:active {
    -webkit-text-fill-color: rgb(255 255 255 / 50%) !important;
    caret-color: #fff;
}


/* Remove WebKit Highlight */
a,
label,
button,
[role="button"],
[type="submit"] {
    -webkit-tap-highlight-color: transparent;
}


/* Hide Neve skip link */
.show-on-focus:focus {
    visibility: hidden;
}


/* Hide video player controls on iOS devices */
@supports (-webkit-touch-callout: none) {
    video::-webkit-media-controls {
        display: none !important;
    }
}



/* WP & Neve */
.excerpt-wrap ol, 
.excerpt-wrap ul, 
.nv-content-wrap ol, 
.nv-content-wrap ul {
    margin: 0 0 15px;
}
.excerpt-wrap li, 
.nv-content-wrap li {
    margin-top: 7px;
}
p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 12px;
}
th {
    font-weight: 500;
}
td {
    line-height: 1.37em;
}
.alignfull {
    padding-left: max(25px, env(safe-area-inset-left));
    padding-right: max(25px, env(safe-area-inset-right));
}
.container {
    padding-left: 25px;
    padding-right: 25px;
}
.nv-page-title h1 {
    font-size: var(--wp--preset--font-size--x-large);
    line-height: var(--h2lineheight);
}
.alignwide {
    width: 100%;
    max-width: calc(var(--container) + 12em);
    margin-left: auto;
    margin-right: auto;
}


/* Text Wrap */
.text-wrap-balance {
    text-wrap: balance;
}


/* Input States */ 
[tabindex="-1"]:focus,
:focus-visible {
    outline: 1px solid var(--custom-5);
    outline-offset: 3px;
    box-shadow: none;
}
input:read-write:focus, 
select:focus, 
textarea:focus {
    outline: 0;
    box-shadow: none;
}


/* Custom Font Presets */
:root {
    --text-preset--2xl: 16px;
}
@media (min-width: 769px) {
    :root {
        --text-preset--2xl: 22px;
    }
}
@media (min-width: 960px) { 
    :root {
        --text-preset--xl: 18px;
        --text-preset--2xl: 26px;
    }
}
.has-text-preset-xl {
    font-size: var(--text-preset--xl);
    line-height: 1.3em;
}
.has-text-preset-2xl {
    font-size: var(--text-preset--2xl);
    line-height: 1.5em;
}



/* WP Font Presets */
:root {
    --wp--preset--font-size--small: 14px;
}
.has-medium-font-size {
    line-height: 1.4em;
}
.has-large-font-size {
    line-height: 1.3em;
}
@media (max-width: 960px) {
    :root {
        --wp--preset--font-size--large: 30px;
    }
}
@media (max-width: 575px) {
    :root {
        --wp--preset--font-size--medium: 18px;
        --wp--preset--font-size--large: 24px;
    }
}

@media (min-width: 960px) and (max-width: 1440px) {
    :root {
        --h1fontsize: 68px;
    }
}


/* Font Weights */
.font-normal {
    font-weight: 400;
}


/* Text Align */
.text-center {
    text-align: center;
}



/* Gaps */
.gap-0 {
    gap: 0;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-3 {
    gap: 0.75em
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-16 {
    gap: 4rem;
}


/* Flex */
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.grow-1 {
    flex-grow: 1;
}
.shrink-0 {
	flex-shrink: 0;
}
.items-center {
    align-items: center;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-stretch {
    align-items: stretch;
}
.self-end {
    align-self: flex-end;
}
.justify-between {
    justify-content: space-between;
}
.justify-end {
    justify-content: flex-end;
}
.basis-1-1 {
    flex-basis: 100%;
}
.gap-8 > .basis-1-2 {
    flex-basis: calc(50% - 1rem);
}
.gap-8 > .basis-1-3 {
    flex-basis: calc(33.33% - 1.34rem); /* rounded to 1.34 */
}


/* Margin */
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mt-0, .my-0 {
    margin-top: 0;
}
.mb-0, .my-0 {
    margin-bottom: 0;
}
.mt-2, .my-2 {
    margin-top: 0.5rem;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem;
}
.mt-4, .my-4 {
    margin-top: 1rem;
}
.mb-4, .my-4 {
    margin-bottom: 1rem;
}
.mt-6, .my-6 {
    margin-top: 1.5rem;
}
.mb-6, .my-6 {
    margin-bottom: 1.5rem;
}
.mt-8, .my-8 {
    margin-top: 2rem;
}
.mb-8, .my-8 {
    margin-bottom: 2rem;
}
.mt-12, .my-12 {
    margin-top: 3rem;
}
.mb-12, .my-12 {
    margin-bottom: 3rem;
}
.mt-16, .my-16 {
    margin-top: 4rem;
}
.mb-16, .my-16 {
    margin-bottom: 4rem;
}
.mt-24, .my-24 {
    margin-top: 6rem;
}
.mb-24, .my-24 {
    margin-bottom: 6rem;
}
.mt-32, .my-32 {
    margin-top: 8rem;
}
.mb-32, .my-32 {
    margin-bottom: 8rem;
}


/* Padding */
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.pt-4, .py-4 {
    padding-top: 1rem;
}
.pb-4, .py-4 {
    padding-bottom: 1rem;
}
.p-8 {
    padding: 2rem;
}
.pt-12, .py-12 {
    padding-top: 3rem;
}
.pb-12, .py-12 {
    padding-bottom: 3rem;
}
.pt-16, .py-16 {
    padding-top: 4rem;
}
.pb-16, .py-16 {
    padding-bottom: 4rem;
}
.pt-24, .py-24 {
    padding-top: 6rem;
}
.pb-24, .py-24 {
    padding-bottom: 6rem;
}
.pt-32, .py-32 {
    padding-top: 8rem;
}
.pb-32, .py-32 {
    padding-bottom: 8rem;
}


/* Max Width */
.max-w-340px {
	max-width: 340px;
}
.max-w-365px {
	max-width: 365px;
}
.max-w-448px {
	max-width: 448px;
}
.max-w-490px {
	max-width: 490px;
}
.max-w-576px {
	max-width: 575px;
}
.max-w-672px {
	max-width: 672px;
}
.max-w-768px {
	max-width: 768px;
}
.max-w-800px {
	max-width: 800px;
}
.max-w-860px {
    max-width: 860px;
}
.max-w-960px {
    max-width: 960px;
}


/* Height */
.h-full {
    height: 100%;
}
.min-dvh-screen {
    min-height: 100dvh;
}
.min-svh-screen {
    min-height: 100svh;
}

/* Aspect Ratio */
.aspect-square {
    aspect-ratio: 1 / 1;
}


/* Display */
.inner-block > * {
    display: block;
}
.table {
    display: table;
}
.inline-block {
    display: inline-block;
}
.hidden {
    display: none;
}


/* Positions */
.relative {
    position: relative;
}


/* Underline */
.underline {
    text-decoration: underline;
}
.no-underline-inner > * {
    text-decoration: none;
}
.underline-offset-5 {
    text-underline-offset: 5px;
}



/* Opacity */
.opacity-70 {
    opacity: 0.7;
}


/* Link Container */
.link-container:hover a,
.link-container:hover img {
    opacity: 0.9;
}


/* Overflows */
.overflow-y-visible {
    overflow-y: visible;
}


/* Line Height */
.leading-none {
    line-height: 1;
}
.leading-5 {
    line-height: 1.25;
}




#intro {
    padding-left: 0;
}
#intro .wp-block-group {
    padding-top: 25px;
}

@media (max-width: 768px) {
    #intro {
        flex-direction: column;
        padding-bottom: 3em;
        gap: 2rem;
    }
    #intro .wp-block-video {
        max-width: 230px;
    }
    #intro .wp-block-group {
        padding-left: 35px;
        flex-basis: auto;
    }
}