/*
Theme Name: PSE - addhelix
Theme URI: https://what-the-phuc.com
Author: Phuc Le
Author URI: https://phuc.at
Description: Custom addhelix 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: addhelix
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;
}

@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: 99999;
	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

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

/* .header {
    background-color: green;
} 

.main {
    background-color: red;
}

.footer {
    background-color: blue;
} */

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
\*------------------------------------*/
.custom.wp-block-navigation {

}

/* 1st level */
.custom.wp-block-navigation .wp-block-navigation-submenu {
    display: flex;
    flex-direction: row;
    left: auto;
    right: auto;
    align-items: start;
}

.custom.wp-block-navigation .wp-block-navigation__submenu-container {
    padding: var(--wp--preset--font-size--xx-large);
}

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

.custom.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu {
    display: flex;
    flex-direction: column;
}

.custom.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container  {
    align-items: normal;
    background-color: inherit;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: initial;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    opacity: 1;
    overflow: hidden;
    position: relative;
    top: 100%;
    transition: opacity .1s linear;
    visibility: visible;
    width: initial;
    z-index: initial;

    padding: 0;
    border: none;
    margin-top: 1em;
}

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

/*------------------------------------*\
    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;
}


/* BLOCK USE CASE 
.block--usecase {
    position: relative;
    display: grid;
    overflow: hidden;
}

.block--usecase > * {
    grid-row: -1 / 1;
    grid-column: -1 / 1;
    color: white;
} 

.block--usecase .block__media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.block--usecase .block__content {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 1rem;

    margin-top: calc(var(--wp--preset--font-size--medium)* -1.5 - 2rem );
    background-color: #005EB899;

    transition: all .4s ease-in-out;

}

.block--usecase .block__description {
    font-size: var(--wp--preset--font-size--small);
    opacity: 0;
    transition: all .35s .05s ease-in-out;

}

.block--usecase .block__title {
    margin: 0;
    font-size: var(--wp--preset--font-size--medium);
}




 
.block--usecase:hover .block__content {
    top: 0;
    margin-top: 0;
    background-color: #FF005B99;
}

.block--usecase:hover .block__description {
    opacity: 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-read-more {
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    word-break: break-word;
	
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
	
	background-color: var(--wp--preset--color--primary) !important;
	
	border-radius: 5px;
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.header[data-wpr-lazyrender] {
	content-visibility: visible;
}



.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;
}