/*
Theme Name: PSE - lbase-redesign
Theme URI: https://what-the-phuc.com
Author: Phuc Le
Author URI: https://phuc.at
Description: Custom lbase-redesign Theme
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: lbase-redesign
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

/*------------------------------------*\

    Styles intended only for the front.

\*------------------------------------*/

html {
    scroll-behavior: smooth;
}



[style*="text-decoration"] * {
text-decoration: inherit;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

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

/*------------------------------------*\

    STICKY FOOTER

\*------------------------------------*/

.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


.header.wp-block-template-part {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
	margin-top: 0;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, .5);
}


.admin-bar .header {
    top: 32px;
}

.main {
    flex-grow: 1;
}

.footer {
    margin-top: 0;
}

/*------------------------------------*\

    TESTING

\*------------------------------------*/
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    text-decoration: inherit;
}

/*------------------------------------*\

    BLOCK

\*------------------------------------*/
.is-style-zoom {
    overflow: hidden;
}

.is-style-zoom .wp-block-cover__background {
    transition: opacity .3s ease-in-out;
}

.is-style-zoom:hover .wp-block-cover__background {
    opacity: .75 !important;
}

.is-style-zoom .wp-block-cover__image-background {
    transition: scale .3s ease-in-out;
    object-position: center;
}

.is-style-zoom:hover .wp-block-cover__image-background {
    scale: 1.1;
}


/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
.header .current-menu-item {
   color: var(--wp--preset--color--secondary);
}

.wp-block-navigation-item__content {
white-space: nowrap;
}

@media (min-width: 768px) {
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
min-width: initial;
}
}


.custom.wp-block-navigation .wp-block-navigation__submenu-container {
padding: 0 !important;
}


.nav--special > .wp-block-navigation-item__content {
background-image: linear-gradient(to right, #FF005B, #AA0469) ;
color: white !important;
}


.nav--special-2  > .wp-block-navigation-item__content {
background-image: linear-gradient(to right, #0169B4, #00BBFC) ;
}

.custom.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu
 {
align-items: stretch!important;
}


.wp-block-navigation__container .wp-block-navigation-item:not(:first-child) .wp-block-navigation-submenu  {
flex-direction: column !important;
}


.nav--special > .wp-block-navigation-item__content {
cursor: initial;
}

.header.wp-block-template-part {
z-index: 9999;}


/* mobile nav
@media (max-width: 600px) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	align-items: stretch;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	flex-direction: initial;
	}

	.custom.wp-block-navigation .has-child > a:first-child {

	background-color: black;
	color: white;

	}



	.custom.wp-block-navigation 
	 .has-child .wp-block-navigation-submenu {
	flex-direction: column;
	border: 1px solid;
	border-top: none;
	}

	.custom.wp-block-navigation .has-child .wp-block-navigation-submenu {
	align-items: stretch;
	border: none;
	}

	.custom.wp-block-navigation 
	 .wp-block-navigation-submenu:first-child {
	display: block;
	}

	.custom .wp-block-navigation-item__content {
	padding: .5em !important;

	}


	.custom.wp-block-navigation {
	gap: 3em;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
	border: 1px solid;
	margin-top: 0;
	}

	.custom .wp-block-navigation-item:not(.has-child) {
	border: 1px solid;
	}
}

 */


@media (max-width: 600px) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	align-items: stretch;
	}

	.wp-block-navigation__responsive-container.is-menu-open li a {
		padding-top: .125em !important;
		padding-bottom: .125em !important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open ul .wp-block-navigation-item {
		padding-left: 1em !important;
	}
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer a {
    text-decoration: none;
}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/
.wp-block-cakewp-block-slider.block-slider {
    max-width: calc(100% + var(--wp--preset--spacing--60) + var(--wp--preset--spacing--60)) !important;
}

/*------------------------------------*\
    GALLERY
\*------------------------------------*/
.wp-block-gallery  .wp-block-image {
    margin: initial !important;
    border: 1px solid white;
    padding: var(--wp--preset--spacing--60);
}

.wp-block-gallery  a {
    flex-grow: initial !important;
    display: flex;
}



/*------------------------------------*\
    GROUP STYLE
\*------------------------------------*/
body .wp-block-group.is-style-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--wp--preset--spacing--80)  var(--wp--preset--spacing--60);
	align-items: start;

}

body .wp-block-group.is-style-grid > * {
    margin-top: 0;
}

@media (min-width: 782px) {
    body .wp-block-group.is-style-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}


body .wp-block-group.is-style-grid .wp-block-image img {
    max-width: initial;
    width: 100%;
    border: solid var(--wp--preset--color--base);
    padding: var(--wp--preset--spacing--30);
}


/* BLOCK USE CASE */
.block--usecase { 
	text-decoration: none;
	color: inherit;
}

.block--usecase .block__media img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.block--usecase .block__title {
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--30);
	line-height: 1.1;
}



.grow {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	
}

.grow > * {
	flex-grow: 1;
} 

/* LANGUAGE SWITCHER */
.trp-ls-shortcode-language {
	display: block !important;
}

.trp-ls-disabled-language {
	display: none;
}

.trp-ls-shortcode-language a {
	text-decoration: none;
}

.wp-block-search__button {
	padding: initial;
	border-radius: 5px;
}

.wp-block-search__button {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-search__inside-wrapper  {
	gap: 5px;
}

.wp-block-search__input {
	padding: 2px;
	border-radius: 5px;
}


.logout {
	display: none !important;
}

.logged-in .logout {
	display: flex !important;
}


.buttons {
	border-radius: 500px;
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
	    background: var(--wp--preset--gradient--custom-color-3) !important;
	color: #fff;
	    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
	box-shadow: none;
	appearance: none;
	border: none;
	
	
}