/* Theme Name: Levana Theme with Tailwind
Theme URI: http://example.com
Author: Your name
Author URI: http://pinegrow.com/
Description: This theme was created with Pinegrow Web Editor
Version: 1.0.24
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: styled_garden
*/
:root {
    --header-h: 77.69px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-h);
}

body {
    --base-font-size: clamp(0.9rem, 1.8vw - 0.3rem, 1.1rem);
    font-size: var(--base-font-size)!important;
    hyphens: auto;
    color: #333;
}

div nav:where(.admin-bar *) {
    top: initial;
}

#menu:where(.admin-bar *) {
    top: var(--wp-admin--admin-bar--height);
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.list-indent li {
    list-style-position: outside;
    margin-left: 1.5rem;
}

span.borderfade {
    display: block;
    height: 3px;
    background: -moz-linear-gradient(left, rgba(102,94,145,0) 0%, rgba(102,94,145,1) 50%, rgba(102,94,145,0) 100%);
    background: -webkit-linear-gradient(left, rgba(102,94,145,0) 0%,rgba(102,94,145,1) 50%,rgba(102,94,145,0) 100%);
    background: linear-gradient(to right, rgba(102,94,145,0) 0%,rgba(102,94,145,1) 50%,rgba(102,94,145,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00665e91', endColorstr='#00665e91',GradientType=1 );
    width: 100%;
}

.titleinner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-line-pack: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 50px;
}

section[id^="smoothie-"] {
    scroll-margin-top: 80px;
}