/*
Theme Name: LauraMalan
Theme URI: 
Author: StrangerStudio
Author URI: 
Description: The theme specifically designed for LauraMalan
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lauramalan
Tags: 
*/

/*
--------------------------------------------------
Base 
--------------------------------------------------
*/
html {
    scroll-behavior: smooth;
    scroll-padding-top: 114px;
}

* {
    box-sizing: border-box; 
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

a:hover {
    transition: color 0.2s ease-in-out;
}

/*
--------------------------------------------------
Typoography
--------------------------------------------------
*/
q {
  quotes: "“" "”" "‘" "’";
}

/*
--------------------------------------------------
Form styles
--------------------------------------------------
*/
textarea,
input[type],
select {
    border-radius: 5px !important;
    border: 2px solid #E6E4DC !important;
}

textarea::placeholder,
input[type]::placeholder,
select {
    color: #9A9791 !important;
}

.ghostkit-button-text {
    font-family: var(--wp--preset--font-family--sohne);
}


/*
--------------------------------------------------
Sticky header
--------------------------------------------------
*/
#site-header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: transparent;
    border-bottom: 2px solid rgba(58, 55, 51, 0);
    transition: background-color 0.4s ease, border-bottom 0.4s ease;
}

#site-header.sticky {
    background-color: var(--wp--preset--color--custom-lm-notepad);
    border-bottom: 2px solid rgba(58, 55, 51, 0.1);
}

.logged-in #site-header {
    top: 46px;
}

#site-header #nav-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: all 0.4s ease-in-out;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--custom-lm-fir-50)
}

/* #site-header.sticky #nav-wrapper {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
} */

/* #site-header.sticky.hidden {
    top: -100%;
    transition: top 0.4s ease-in-out, 
}

#site-header.sticky.visible {
    top: 0;
    transition: top 0.4s ease-in-out, 
} */

/* .logged-in #site-header.sticky.visible {
    top: 46px;
} */

@media screen and (min-width: 884px) {
    .logged-in #site-header {
        top: 32px;
    }

    /* .logged-in #site-header.sticky.visible {
        top: 32px;
    } */
}

.home #site-header .wp-block-site-title {
    color: var(--wp--preset--color--custom-lm-notepad);
    transition: color 0.4s ease 0.2s;
}

.home #site-header.sticky .wp-block-site-title {
    color: var(--wp--preset--color--custom-lm-fir);
}

.home #site-header .wp-block-navigation {
    color: var(--wp--preset--color--custom-lm-notepad);
    transition: color 0.4s ease 0.2s;
}

.home #site-header.sticky .wp-block-navigation {
    color: var(--wp--preset--color--custom-lm-fir);
}

.home #site-header svg .cls-1 {
    fill: var(--wp--preset--color--custom-lm-notepad);
    transition: fill 0.4s ease 0.2s;
}

.home #site-header.sticky svg .cls-1 {
    fill: var(--wp--preset--color--custom-lm-fir);
}


/*
--------------------------------------------------
Adjust Navigation Block on mobile
--------------------------------------------------
*/
@media screen and (max-width: 883px) {
    .wp-block-navigation.items-justified-left.is-content-justification-left {
        justify-content: flex-end!important;
    }

    /* Change navigation font size on mobile */
    .wp-block-navigation__container.wp-block-navigation {
        font-size: var(--wp--preset--font-size--large);
    }
}

/*
--------------------------------------------------
Adjust header position when logged in
--------------------------------------------------
*/
.logged-in #home-header {
    top: 46px;
}

@media screen and (min-width: 782px) {
    .logged-in #home-header {
        top: 32px;
    }
}


/*
--------------------------------------------------
Add top margin to Navigation Block
--------------------------------------------------
*/
body .wp-block-navigation__responsive-container-content > ul {
    margin-top: 0;
    margin-bottom: 2px;
}

/*
--------------------------------------------------
Change the Navigation Block breakpoint
--------------------------------------------------
*/
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 884px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}


/*
--------------------------------------------------
Footer edits
--------------------------------------------------
*/
.home footer > * {
    color: var(--wp--preset--color--custom-lm-notepad) !important;
    font-size: var(--wp--preset--font-size--small) !important;
}

.home footer a {
    color: var(--wp--preset--color--custom-lm-notepad) !important;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 883px) {
    #copyright-notice.is-content-justification-right {
        justify-content: flex-start!important;
    }
}


/*
--------------------------------------------------
Change Dynamic Year plugin paragraph margins
--------------------------------------------------
*/
.wp-block-epico-dynamic-year-block p {
    margin: 0!important;
}


/*
--------------------------------------------------
Ghost Kit
--------------------------------------------------
*/

/* Form Elements */
.ghostkit-form-field input:not([type=checkbox],[type=radio]), 
.ghostkit-form-field select, 
.ghostkit-form-field textarea {
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 0 8px;
}

/* Carousel */
.ghostkit-carousel {
    box-sizing: border-box;
}

.ghostkit-carousel-arrow {
    background-color:rgba(229, 227, 221);
    border: 1px solid rgba(58, 55, 51, 0.1);
    opacity: 1;
    box-shadow: none;
    font-size: 20px;
    height: 32px;
    width: 32px;
    z-index: 900;
}

.ghostkit-carousel-arrow-prev {
    left: 0;
}

.ghostkit-carousel-arrow-next {
    right: 0;
}

/*
--------------------------------------------------
Blocks
--------------------------------------------------
*/

/* Term List */
.wp-block-post-terms a {
    text-decoration: none;
}

.single-post .wp-block-post-terms a {
    display: block;
}

.single-post .wp-block-post-terms__separator {
    display: none;
}

.wp-block-post-navigation-link a {
    text-decoration: none;
}

/*
--------------------------------------------------
Layout
--------------------------------------------------
*/
/* .entry-content:not(.home .entry-content) {
    max-width: 100%;
} */

/* .entry-content:not(.home .entry-content) .alignwide {
    max-width: 100%;
    width: 100%;
} */

/* @media screen and (min-width: 1220px) {
    .entry-content:not(.home .entry-content) {
        max-width: calc((1512px * 0.66666) - 28px + (28px / 6));
        width: calc(66.666% - 28px + (28px / 6));
    }
} */