/*!

Theme Name: Kava

Theme URI: https://crocoblock.com/kava/

Author: Crocoblock

Author URI: https://crocoblock.com/

Description: Kava is a perfectly balanced clean WordPress theme, fully compatible with Elementor. It is perfect for blogging, providing lots of blog variations and even more style settings, allowing everyone to customize its appearance: change logo, add sidebars and display widgets, select color schemes, etc. One of its main features is  full responsiveness, so it will look great on all kinds of devices. Kava theme works just fine with WooCommerce plugin, and will be a great choice for creating a web store. It possesses immaculate typography, and its stylish appearance will satisfy even the most demanding. Kava theme is easy-to-use and customize, providing the best experience for everyone.

Version: 2.1.4

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: kava

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Kava is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



body {

    margin: 0;

    background-color: white;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden],

template {

    display: none;

}



a {

    background-color: transparent;

    text-decoration: none;

}



a:active,

a:hover {

    outline: 0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b,

strong {

    font-weight: bold;

}



dfn {

    font-style: italic;

}



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}



mark {

    background: #ff0;

    color: #000;

}



small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



figure {

    margin: 0px;

}



hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}



button {

    overflow: visible;

}



button,

select {

    text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input {

    line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,

th {

    padding: 0;

}



/*--------------------------------------------------------------

# Base Elements

--------------------------------------------------------------*/

html {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



*,

*:before,

*:after {

    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

    -webkit-box-sizing: inherit;

    box-sizing: inherit;

}



/*--------------------------------------------------------------

# Grid

--------------------------------------------------------------*/

.container {

    margin-left: auto;

    margin-right: auto;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;

}



@media (min-width: 640px) {

    .container {

        max-width: 640px;

    }

}



@media (min-width: 940px) {

    .container {

        max-width: 940px;

    }

}



@media (min-width: 1120px) {

    .container {

        max-width: 1120px;

    }

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



.container-fluid {

    margin-left: auto;

    margin-right: auto;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;

}



.row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -0.9375rem;

    margin-right: -0.9375rem;

}



.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {

    position: relative;

    min-height: 1px;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;

}



.col-xs-1 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 8.33333%;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

}



.col-xs-2 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 16.66667%;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

}



.col-xs-3 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}



.col-xs-4 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 33.33333%;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

}



.col-xs-5 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 41.66667%;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

}



.col-xs-6 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



.col-xs-7 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 58.33333%;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

}



.col-xs-8 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 66.66667%;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

}



.col-xs-9 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

}



.col-xs-10 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 83.33333%;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

}



.col-xs-11 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 91.66667%;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

}



.col-xs-12 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}



.col-xs-pull-0 {

    right: auto;

}



.col-xs-pull-1 {

    right: 8.33333%;

}



.col-xs-pull-2 {

    right: 16.66667%;

}



.col-xs-pull-3 {

    right: 25%;

}



.col-xs-pull-4 {

    right: 33.33333%;

}



.col-xs-pull-5 {

    right: 41.66667%;

}



.col-xs-pull-6 {

    right: 50%;

}



.col-xs-pull-7 {

    right: 58.33333%;

}



.col-xs-pull-8 {

    right: 66.66667%;

}



.col-xs-pull-9 {

    right: 75%;

}



.col-xs-pull-10 {

    right: 83.33333%;

}



.col-xs-pull-11 {

    right: 91.66667%;

}



.col-xs-pull-12 {

    right: 100%;

}



.col-xs-push-0 {

    left: auto;

}



.col-xs-push-1 {

    left: 8.33333%;

}



.col-xs-push-2 {

    left: 16.66667%;

}



.col-xs-push-3 {

    left: 25%;

}



.col-xs-push-4 {

    left: 33.33333%;

}



.col-xs-push-5 {

    left: 41.66667%;

}



.col-xs-push-6 {

    left: 50%;

}



.col-xs-push-7 {

    left: 58.33333%;

}



.col-xs-push-8 {

    left: 66.66667%;

}



.col-xs-push-9 {

    left: 75%;

}



.col-xs-push-10 {

    left: 83.33333%;

}



.col-xs-push-11 {

    left: 91.66667%;

}



.col-xs-push-12 {

    left: 100%;

}



.col-xs-offset-0 {

    margin-left: 0%;

}



.col-xs-offset-1 {

    margin-left: 8.33333%;

}



.col-xs-offset-2 {

    margin-left: 16.66667%;

}



.col-xs-offset-3 {

    margin-left: 25%;

}



.col-xs-offset-4 {

    margin-left: 33.33333%;

}



.col-xs-offset-5 {

    margin-left: 41.66667%;

}



.col-xs-offset-6 {

    margin-left: 50%;

}



.col-xs-offset-7 {

    margin-left: 58.33333%;

}



.col-xs-offset-8 {

    margin-left: 66.66667%;

}



.col-xs-offset-9 {

    margin-left: 75%;

}



.col-xs-offset-10 {

    margin-left: 83.33333%;

}



.col-xs-offset-11 {

    margin-left: 91.66667%;

}



.col-xs-offset-12 {

    margin-left: 100%;

}



@media (min-width: 640px) {

    .col-sm-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-sm-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-sm-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-sm-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-sm-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-sm-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-sm-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-sm-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-sm-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-sm-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-sm-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-sm-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-sm-pull-0 {

        right: auto;

    }

    .col-sm-pull-1 {

        right: 8.33333%;

    }

    .col-sm-pull-2 {

        right: 16.66667%;

    }

    .col-sm-pull-3 {

        right: 25%;

    }

    .col-sm-pull-4 {

        right: 33.33333%;

    }

    .col-sm-pull-5 {

        right: 41.66667%;

    }

    .col-sm-pull-6 {

        right: 50%;

    }

    .col-sm-pull-7 {

        right: 58.33333%;

    }

    .col-sm-pull-8 {

        right: 66.66667%;

    }

    .col-sm-pull-9 {

        right: 75%;

    }

    .col-sm-pull-10 {

        right: 83.33333%;

    }

    .col-sm-pull-11 {

        right: 91.66667%;

    }

    .col-sm-pull-12 {

        right: 100%;

    }

    .col-sm-push-0 {

        left: auto;

    }

    .col-sm-push-1 {

        left: 8.33333%;

    }

    .col-sm-push-2 {

        left: 16.66667%;

    }

    .col-sm-push-3 {

        left: 25%;

    }

    .col-sm-push-4 {

        left: 33.33333%;

    }

    .col-sm-push-5 {

        left: 41.66667%;

    }

    .col-sm-push-6 {

        left: 50%;

    }

    .col-sm-push-7 {

        left: 58.33333%;

    }

    .col-sm-push-8 {

        left: 66.66667%;

    }

    .col-sm-push-9 {

        left: 75%;

    }

    .col-sm-push-10 {

        left: 83.33333%;

    }

    .col-sm-push-11 {

        left: 91.66667%;

    }

    .col-sm-push-12 {

        left: 100%;

    }

    .col-sm-offset-0 {

        margin-left: 0%;

    }

    .col-sm-offset-1 {

        margin-left: 8.33333%;

    }

    .col-sm-offset-2 {

        margin-left: 16.66667%;

    }

    .col-sm-offset-3 {

        margin-left: 25%;

    }

    .col-sm-offset-4 {

        margin-left: 33.33333%;

    }

    .col-sm-offset-5 {

        margin-left: 41.66667%;

    }

    .col-sm-offset-6 {

        margin-left: 50%;

    }

    .col-sm-offset-7 {

        margin-left: 58.33333%;

    }

    .col-sm-offset-8 {

        margin-left: 66.66667%;

    }

    .col-sm-offset-9 {

        margin-left: 75%;

    }

    .col-sm-offset-10 {

        margin-left: 83.33333%;

    }

    .col-sm-offset-11 {

        margin-left: 91.66667%;

    }

    .col-sm-offset-12 {

        margin-left: 100%;

    }

}



@media (min-width: 940px) {

    .col-md-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-md-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-md-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-md-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-md-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-md-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-md-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-md-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-md-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-md-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-md-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-md-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-md-pull-0 {

        right: auto;

    }

    .col-md-pull-1 {

        right: 8.33333%;

    }

    .col-md-pull-2 {

        right: 16.66667%;

    }

    .col-md-pull-3 {

        right: 25%;

    }

    .col-md-pull-4 {

        right: 33.33333%;

    }

    .col-md-pull-5 {

        right: 41.66667%;

    }

    .col-md-pull-6 {

        right: 50%;

    }

    .col-md-pull-7 {

        right: 58.33333%;

    }

    .col-md-pull-8 {

        right: 66.66667%;

    }

    .col-md-pull-9 {

        right: 75%;

    }

    .col-md-pull-10 {

        right: 83.33333%;

    }

    .col-md-pull-11 {

        right: 91.66667%;

    }

    .col-md-pull-12 {

        right: 100%;

    }

    .col-md-push-0 {

        left: auto;

    }

    .col-md-push-1 {

        left: 8.33333%;

    }

    .col-md-push-2 {

        left: 16.66667%;

    }

    .col-md-push-3 {

        left: 25%;

    }

    .col-md-push-4 {

        left: 33.33333%;

    }

    .col-md-push-5 {

        left: 41.66667%;

    }

    .col-md-push-6 {

        left: 50%;

    }

    .col-md-push-7 {

        left: 58.33333%;

    }

    .col-md-push-8 {

        left: 66.66667%;

    }

    .col-md-push-9 {

        left: 75%;

    }

    .col-md-push-10 {

        left: 83.33333%;

    }

    .col-md-push-11 {

        left: 91.66667%;

    }

    .col-md-push-12 {

        left: 100%;

    }

    .col-md-offset-0 {

        margin-left: 0%;

    }

    .col-md-offset-1 {

        margin-left: 8.33333%;

    }

    .col-md-offset-2 {

        margin-left: 16.66667%;

    }

    .col-md-offset-3 {

        margin-left: 25%;

    }

    .col-md-offset-4 {

        margin-left: 33.33333%;

    }

    .col-md-offset-5 {

        margin-left: 41.66667%;

    }

    .col-md-offset-6 {

        margin-left: 50%;

    }

    .col-md-offset-7 {

        margin-left: 58.33333%;

    }

    .col-md-offset-8 {

        margin-left: 66.66667%;

    }

    .col-md-offset-9 {

        margin-left: 75%;

    }

    .col-md-offset-10 {

        margin-left: 83.33333%;

    }

    .col-md-offset-11 {

        margin-left: 91.66667%;

    }

    .col-md-offset-12 {

        margin-left: 100%;

    }

}



@media (min-width: 1120px) {

    .col-lg-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-lg-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-lg-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-lg-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-lg-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-lg-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-lg-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-lg-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-lg-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-lg-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-lg-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-lg-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-lg-pull-0 {

        right: auto;

    }

    .col-lg-pull-1 {

        right: 8.33333%;

    }

    .col-lg-pull-2 {

        right: 16.66667%;

    }

    .col-lg-pull-3 {

        right: 25%;

    }

    .col-lg-pull-4 {

        right: 33.33333%;

    }

    .col-lg-pull-5 {

        right: 41.66667%;

    }

    .col-lg-pull-6 {

        right: 50%;

    }

    .col-lg-pull-7 {

        right: 58.33333%;

    }

    .col-lg-pull-8 {

        right: 66.66667%;

    }

    .col-lg-pull-9 {

        right: 75%;

    }

    .col-lg-pull-10 {

        right: 83.33333%;

    }

    .col-lg-pull-11 {

        right: 91.66667%;

    }

    .col-lg-pull-12 {

        right: 100%;

    }

    .col-lg-push-0 {

        left: auto;

    }

    .col-lg-push-1 {

        left: 8.33333%;

    }

    .col-lg-push-2 {

        left: 16.66667%;

    }

    .col-lg-push-3 {

        left: 25%;

    }

    .col-lg-push-4 {

        left: 33.33333%;

    }

    .col-lg-push-5 {

        left: 41.66667%;

    }

    .col-lg-push-6 {

        left: 50%;

    }

    .col-lg-push-7 {

        left: 58.33333%;

    }

    .col-lg-push-8 {

        left: 66.66667%;

    }

    .col-lg-push-9 {

        left: 75%;

    }

    .col-lg-push-10 {

        left: 83.33333%;

    }

    .col-lg-push-11 {

        left: 91.66667%;

    }

    .col-lg-push-12 {

        left: 100%;

    }

    .col-lg-offset-0 {

        margin-left: 0%;

    }

    .col-lg-offset-1 {

        margin-left: 8.33333%;

    }

    .col-lg-offset-2 {

        margin-left: 16.66667%;

    }

    .col-lg-offset-3 {

        margin-left: 25%;

    }

    .col-lg-offset-4 {

        margin-left: 33.33333%;

    }

    .col-lg-offset-5 {

        margin-left: 41.66667%;

    }

    .col-lg-offset-6 {

        margin-left: 50%;

    }

    .col-lg-offset-7 {

        margin-left: 58.33333%;

    }

    .col-lg-offset-8 {

        margin-left: 66.66667%;

    }

    .col-lg-offset-9 {

        margin-left: 75%;

    }

    .col-lg-offset-10 {

        margin-left: 83.33333%;

    }

    .col-lg-offset-11 {

        margin-left: 91.66667%;

    }

    .col-lg-offset-12 {

        margin-left: 100%;

    }

}



@media (min-width: 1200px) {

    .col-xl-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-xl-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-xl-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-xl-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-xl-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-xl-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-xl-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-xl-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-xl-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-xl-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-xl-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-xl-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-xl-pull-0 {

        right: auto;

    }

    .col-xl-pull-1 {

        right: 8.33333%;

    }

    .col-xl-pull-2 {

        right: 16.66667%;

    }

    .col-xl-pull-3 {

        right: 25%;

    }

    .col-xl-pull-4 {

        right: 33.33333%;

    }

    .col-xl-pull-5 {

        right: 41.66667%;

    }

    .col-xl-pull-6 {

        right: 50%;

    }

    .col-xl-pull-7 {

        right: 58.33333%;

    }

    .col-xl-pull-8 {

        right: 66.66667%;

    }

    .col-xl-pull-9 {

        right: 75%;

    }

    .col-xl-pull-10 {

        right: 83.33333%;

    }

    .col-xl-pull-11 {

        right: 91.66667%;

    }

    .col-xl-pull-12 {

        right: 100%;

    }

    .col-xl-push-0 {

        left: auto;

    }

    .col-xl-push-1 {

        left: 8.33333%;

    }

    .col-xl-push-2 {

        left: 16.66667%;

    }

    .col-xl-push-3 {

        left: 25%;

    }

    .col-xl-push-4 {

        left: 33.33333%;

    }

    .col-xl-push-5 {

        left: 41.66667%;

    }

    .col-xl-push-6 {

        left: 50%;

    }

    .col-xl-push-7 {

        left: 58.33333%;

    }

    .col-xl-push-8 {

        left: 66.66667%;

    }

    .col-xl-push-9 {

        left: 75%;

    }

    .col-xl-push-10 {

        left: 83.33333%;

    }

    .col-xl-push-11 {

        left: 91.66667%;

    }

    .col-xl-push-12 {

        left: 100%;

    }

    .col-xl-offset-0 {

        margin-left: 0%;

    }

    .col-xl-offset-1 {

        margin-left: 8.33333%;

    }

    .col-xl-offset-2 {

        margin-left: 16.66667%;

    }

    .col-xl-offset-3 {

        margin-left: 25%;

    }

    .col-xl-offset-4 {

        margin-left: 33.33333%;

    }

    .col-xl-offset-5 {

        margin-left: 41.66667%;

    }

    .col-xl-offset-6 {

        margin-left: 50%;

    }

    .col-xl-offset-7 {

        margin-left: 58.33333%;

    }

    .col-xl-offset-8 {

        margin-left: 66.66667%;

    }

    .col-xl-offset-9 {

        margin-left: 75%;

    }

    .col-xl-offset-10 {

        margin-left: 83.33333%;

    }

    .col-xl-offset-11 {

        margin-left: 91.66667%;

    }

    .col-xl-offset-12 {

        margin-left: 100%;

    }

}



.col-xs-first {

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

}



.col-xs-last {

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

}



@media (min-width: 640px) {

    .col-sm-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-sm-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



@media (min-width: 940px) {

    .col-md-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-md-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



@media (min-width: 1120px) {

    .col-lg-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-lg-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



@media (min-width: 1200px) {

    .col-xl-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-xl-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



.row-xs-top {

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.row-xs-center {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.row-xs-bottom {

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

}



@media (min-width: 640px) {

    .row-sm-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-sm-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-sm-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



@media (min-width: 940px) {

    .row-md-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-md-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-md-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



@media (min-width: 1120px) {

    .row-lg-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-lg-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-lg-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



@media (min-width: 1200px) {

    .row-xl-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-xl-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-xl-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



.col-xs-top {

    -webkit-align-self: flex-start;

    -ms-flex-item-align: start;

    align-self: flex-start;

}



.col-xs-center {

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center;

}



.col-xs-bottom {

    -webkit-align-self: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end;

}



@media (min-width: 640px) {

    .col-sm-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-sm-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-sm-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



@media (min-width: 940px) {

    .col-md-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-md-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-md-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



@media (min-width: 1120px) {

    .col-lg-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-lg-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-lg-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



@media (min-width: 1200px) {

    .col-xl-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-xl-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-xl-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}


/* TEMA CUSTOM */
body.home .jet-header-custom {
    background-color: transparent !important;

}

body.home .jet-header-custom .not-home{
    display: none !important;
}
body.home .jet-header-custom .jet-mega-menu-list{
    background-color: transparent !important;
}
body.home .jet-header-custom .immagine-colonna{
    background-image: url('https://www.isentieridellacquaantica.it/wp-content/uploads/2025/04/logo-saa-binco-1.png') !important; /* Immagine iniziale */
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.1s ease-in-out;
        max-height: 70px;
}
body.home .jet-header-custom.scrolled .immagine-colonna{
    background-image: url('https://www.isentieridellacquaantica.it/wp-content/uploads/2025/01/logo_sentieri.png')  !important; /* Immagine dopo lo scroll */
}
body.home .jet-header-custom.scrolled {
    background-color: #F1F1F1 !important;
}

body:not(.home) .jet-header-custom{
    background-color: #F1F1F1 !important;
}

.my-sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
   height: auto;

    z-index: 999;
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    box-shadow: none !important;
}
.site-header{
      height: auto;
}
body.home .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-current-menu-item>.jet-mega-menu-item__inner .jet-mega-menu-item__title {
    color: white !important;
}

body.home .jet-header-custom.scrolled .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-current-menu-item>.jet-mega-menu-item__inner .jet-mega-menu-item__title {
    color: var(--jmm-top-active-item-title-color, inherit) !important;
}

body.home .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-current-menu-item>.jet-mega-menu-item__inner .jet-mega-menu-item__title:hover {
    color: #000000 !important;
}

body.home .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__title {
    color: white !important;
}


body.home .jet-header-custom.scrolled .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__title {
    color: var(--jmm-top-item-title-color, inherit) !important;
}

body.home .jet-header-custom img{
    display: none !important;
}

body.home .jet-header-custom.scrolled  img{
    display: inline-block !important;
}
@media (max-width: 1024px) {
/*    .site-breadcrumbs {
    margin-top: 30px !important;
    }*/
    
    body.home .jet-header-custom .jet-mega-menu-toggle{
        background-color: transparent !important;
    }
}
.site-breadcrumbs {
    margin-top: 70px !important;
}
/* Tablet: da 768px a 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .site-breadcrumbs {
    margin-top: 130px !important;
}
}

/* Desktop: da 1025px in su */
@media (min-width: 1025px) {
  .site-breadcrumbs {
    margin-top: 130px !important;
}
}
body.home .site-breadcrumbs {
    margin-top: 0px !important;
}

.custom-magazine-grid {
    display: grid;
    grid-gap: 10px;
}

.custom-magazine-grid .elementor-column {
    transition: transform 0.3s ease-in-out;
    height: 250px;
    align-items: end !important;
}

@media (max-width: 1024px) {
    .custom-magazine-grid .elementor-column {
        min-height: 150px;
      
    }
}
.custom-magazine-grid .elementor-container {
    width: 100%;
   
}
.custom-magazine-grid .elementor-column .ml{
    margin-left: 0.5rem !important;
}

.custom-magazine-grid .elementor-column .mr{
    margin-right: 0.5rem !important;
}

.custom-magazine-grid .elementor-column:hover {
    transform: scale(1.01);
}

.custom-magazine-grid h3 {
    font-size: 20px;
    text-align: start;
    margin-top: 10px;
}

.custom-magazine-grid p {
    text-align: start;
    font-size: 16px;
     text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

/* Media query per schermi più piccoli (tablet e dispositivi mobili) */
@media (max-width: 1024px) {
    .custom-magazine-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Colonne adattabili a schermi più piccoli */
    }
    
    .custom-magazine-grid h3 {
        font-size: 18px; /* Riduci la dimensione del testo per dispositivi più piccoli */
    }
    
    .custom-magazine-grid p {
        font-size: 14px; /* Riduci la dimensione del testo per dispositivi più piccoli */
    }
    .custom-magazine-grid .elementor-column {
        height: auto; 
        width: 100% !important;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .custom-magazine-grid .elementor-column .s-b1{
        margin-bottom: 1rem;
    }
    
    .custom-magazine-grid .elementor-column .mr, .custom-magazine-grid .elementor-column .ml {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}

/* Media query per schermi piccoli (smartphone in verticale) */
@media (max-width: 480px) {
    .custom-magazine-grid {
        grid-template-columns: 1fr; 
    }
    
    .custom-magazine-grid h3 {
        font-size: 16px; 
    }
    
    .custom-magazine-grid p {
        font-size: 14px;
    }
    
    .jet-mega-menu.jet-mega-menu--layout-dropdown{
       min-width: initial !important;
    }
    body.home .jet-header-custom .immagine-colonna {
        margin-left: 10px;
    }
    
    .sezione-trasparente{
        padding: 100px 20px;
    }
    
}

/* Stile generale per il container delle breadcrumbs */
.site-breadcrumbs {
  padding: 10px 0;
}

/* Wrapper della breadcrumbs */
.site-breadcrumbs__wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  color: #666;
}

/* Stile per gli elementi della breadcrumbs */
.breadcrumbs_wrap {
  align-items: center;
  gap: 2px;
}

/* Stile per i link */
.breadcrumbs_item_link {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  transition: color 0.3s ease-in-out;
}

.breadcrumbs_item_link:hover {
  color: #23527c; 
}

/* Stile per il separatore */
.breadcrumbs_item_sep {
  color: #999; 
  font-size: 14px;
  margin: 0 5px;
}

/* Ultimo elemento (pagina attuale) */
.breadcrumbs_item_target {
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
.breadcrumbs_item{
   font-family: 'Ubuntu', sans-serif;
}
.selector:hover .elementor-element-populated {
    background-color: #f5f5f5 !important; 
    overflow: hidden;
     cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important; 
}
.postid-465 .jet-header-custom,.postid-465 .site-breadcrumbs,.postid-465 footer  {
    display: none !important;
}

/* FEED FACEBOOK */
.cff-posts-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    padding: 10px;
     justify-content: center; /* Centra orizzontalmente */
    align-items: center; 
}

.cff-item {
    background: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 300px;
    height: 300px;
    padding: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    font-family: "Ubuntu";
}
.cff-item a{
  color: #265225;
}
.cff-item:hover {
    transform: scale(1.05);
}

.cff-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

#cff .cff-author-img img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: 1rem !important;
}

.cff-post-text {
    flex-grow: 1;
    text-overflow: ellipsis;
    text-align: left;
     position: relative;  /* Assicura che l'elemento sia posizionato correttamente per i bottoni */
      display: -webkit-box;
    -webkit-line-clamp:4; /* Mostra solo le prime 3 righe */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Nasconde il testo che va oltre le 3 righe */
    text-overflow: ellipsis; /* Aggiunge i puntini di sospensione alla fine */
    height: auto; /* Consente l'alte*/
}
.cff-more, .cff-less {
    display: inline-block;  /* Rendi i bottoni visibili */
    background-color: #007bff; /* Colore di sfondo */
    color: white; /* Colore del testo */
    padding: 10px 20px; /* Aggiungi un po' di spazio intorno al testo */
    border-radius: 5px; /* Rendi gli angoli arrotondati */
    cursor: pointer; /* Cambia il cursore quando si passa sopra il bottone */
    text-align: center; /* Centra il testo */
    text-decoration: none; /* Rimuovi eventuali sottolineature */
    margin-top: 10px; /* Distanza tra il contenuto e il bottone */
}

.cff-more:hover, .cff-less:hover {
    background-color: #0056b3; /* Cambia il colore di sfondo quando il bottone viene selezionato */
}

.cff-more:focus, .cff-less:focus {
    outline: none; /* Rimuovi il contorno di default quando il bottone ha il focus */
}
.cff-media-link, .cff-post-links {
    margin-top: auto;
    justify-items: left;
    display: flex
;
}
.cff-media-container {
    text-align: left; /* Allinea il testo a sinistra */
}
.cff-media-container img {
    display: block; /* Rimuove eventuali margini automatici */
    text-align: left;
}

.cff-media-container,
.cff-story {
    display: flex;
    flex-direction: column; /* Dispone gli elementi in colonna */
    align-items: flex-start; 
    font-weight: 500 !important;
}
.cff-page-name, .cff-page-name span{
    justify-items: left;
}
.cff-page-name span{
    text-align: start;

}
#cff .cff-author-img  {
    margin-left: 2rem !important;
     gap: 15px !important;
     display: flex;
}
.cff-author-date a{
     color: #265225;
}
.cff-date{
    font-weight: 300 !important;
}

/* La classe per i contenuti espansi */
.cff-post-text.expanded {
    max-height: none; /* Rimuovi limiti di altezza per i contenuti espansi */
}

/* Limita la visibilità per i contenuti non espansi */
.cff-post-text:not(.expanded) {
    max-height: 200px; /* Limita l'altezza del testo */
    overflow: hidden; /* Nasconde il testo in eccesso */
}

/* Mantieni i bottoni sempre visibili */
.cff-more, .cff-less {
    display: inline-block;
    visibility: visible;
}

.tb_sb__b_cont .tb_sb__posts{
    display: none !important;
}

.link-copertura {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.sezione-trasparente{
    background: rgba(255, 255, 255, 0); /* semi-trasparente */
    padding: 300px 20px;
}

body.home #content{
  background-image: url('https://www.isentieridellacquaantica.it/wp-content/uploads/2025/04/2-13-scaled.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; /* sta dietro tutto */
}

.sezione-con-sfumatura {
  background-image: 
     linear-gradient(
  to bottom,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0.95) 5%,
   rgba(255, 255, 255, 0.9) 10%,
  rgba(255, 255, 255, 0.8) 15%,
  rgba(255, 255, 255, 0.6) 30%,
  rgba(255, 255, 255, 0.3) 50%,
  rgba(255, 255, 255, 0.1) 70%,
  rgba(255, 255, 255, 0) 100%
),
    url('https://www.isentieridellacquaantica.it/wp-content/uploads/2025/04/5-7-scaled.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 40rem;
  color: #000;
}

.tnp-subscription input[type=email]{
    background-color: white !important;
}