/**

Theme Name: Viaggio Lite
Description: Viaggio Lite is a creative and clean minimal child theme of Avventura Lite, perfect to build your personal, travel, beauty, lifestyle, news, photography website. Viaggio Lite offers a sticky post grid on homepage, a new layout for the navigation menu, buttons, header cart and new Google Fonts.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.1.1
Requires PHP: 5.3
Tested up to: 6.7
Template: avventura-lite
Tags: custom-background, custom-header, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, grid-layout, blog, e-commerce, news
Text Domain: viaggio-lite
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Viaggio Lite Child WordPress Theme is a child theme of Avventura Lite, Copyright 2024 ThemeinProgress.
Viaggio Lite Child is distributed under the terms of the GNU GPLv3.

Avventura Lite WordPress Theme, Copyright 2024 ThemeinProgress.
Avventura Lite is distributed under the terms of the GNU GPLv3.

*/

/* ===============================================
   Typography
   =============================================== */

body,
h1,
h2,
h3,
h4,
h5,
h6,
h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a,
#logo a,
#logo a span {
    font-family: 'Poppins',Verdana, Geneva, sans-serif;
}

/* ===============================================
   Logo
   =============================================== */

#logo .custom-logo-description {
    margin-top: 50px;
}

/* ===============================================
   Titles
   =============================================== */

.post-container .title {
    display: block;
    padding-bottom: 20px;
}

.sidebar-area h4.title:after,
.post-container h1.title:after ,
.post-container h3.title a:after {
    background-color: #d14a2b;
    bottom: 4px;
    content: "";
    height: 4px;
    left: calc(50% - 10px);
    position: absolute;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    width: 20px;
}


.sidebar-area h4.title,
#footer_widgets .sidebar-area h4.title {
    margin: 0 0 15px 0;
    padding-bottom: 20px;
}

.sidebar-area h4.title:after {
    left: 0;
}

.post-container h3.title a:focus:after ,
.post-container h3.title a:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}


h1.title span,
h2.title span,
h3.title span,
h4.title span,
h5.title span,
h6.title span {
    box-shadow: none !important;
}

/* ===============================================
   Main menu
   =============================================== */

nav#mainmenu ul li a {
    padding: 0;
    margin: 0 10px -5px 10px;
}

nav#mainmenu ul.children,
nav#mainmenu ul.sub-menu {
	top: 47px;
}

nav#mainmenu ul li a:after {
    background-color: #d14a2b;
    bottom: 4px;
    content: "";
    height: 4px;
    left: 10%;
    position: absolute;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1);
    transition: transform .4s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);
    width: 80%;
}

nav#mainmenu ul li.focus a:after ,
nav#mainmenu ul li:focus a:after ,
nav#mainmenu ul li:hover a:after ,
nav#mainmenu ul li a:focus:after ,
nav#mainmenu ul li a:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

nav#mainmenu ul.children li a:after,
nav#mainmenu ul.sub-menu li a:after {
	display: none;
}

/* ===============================================
   Sticky posts
   =============================================== */

#sticky-posts-container {
    margin-bottom: 25px;
}

.sticky-posts-wrapper {
    margin-bottom: 25px
}

.sticky-posts-wrapper .sticky-post {
    display: inline-block;
    float: left;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.sticky-posts-wrapper .sticky-post .title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
    line-height: 1.4em;
    font-weight: 600
}

.sticky-posts-wrapper .sticky-post .sticky-post-permalink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .3;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 30%, rgba(143,143,143,0.4) 50%, rgba(0,0,0,0.6) 100%);
}

.sticky-posts-wrapper .sticky-post-permalink:focus ,
.sticky-posts-wrapper .sticky-post:hover .sticky-post-permalink {
    opacity: .5
}

.sticky-posts-wrapper .sticky-post .sticky-post-categories {
    position: absolute;
    width: 100%;
    left: 10px;
    top: 10px;
}

.sticky-posts-wrapper .sticky-post .sticky-post-category {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #d14a2b;
    line-height: 1.4em;
}

.sticky-posts-wrapper.layout-1 .sticky-post-0 {
    width: 100%;
    max-width: 49%;
    height: 450px;
    margin-right: 1%;
}

.sticky-posts-wrapper.layout-1 .sticky-post-1 {
    width: 50%;
    height: 250px;
}

.sticky-posts-wrapper.layout-1 .sticky-post-2 {
    margin-right: 1%;
    width: 24.5%;
    margin-top: 1%;
    min-height: 190px;
}

.sticky-posts-wrapper.layout-1 .sticky-post-3 {
    width: 24.5%;
    margin-top: 1%;
    min-height: 190px;
}


.sticky-posts-wrapper.layout-2 .sticky-post-0 {
    width: 100%;
    max-width: 49%;
    height: 450px;
    margin-right: 1%;
}

.sticky-posts-wrapper.layout-2 .sticky-post-3 {
    width: 50%;
    height: 250px;
}

.sticky-posts-wrapper.layout-2 .sticky-post-1 {
    margin-right: 1%;
    width: 24.5%;
    margin-bottom: 1%;
    min-height: 190px;
}

.sticky-posts-wrapper.layout-2 .sticky-post-2 {
    width: 24.5%;
    margin-bottom: 1%;
    min-height: 190px;
}

/* ===============================================
   Post icon
   =============================================== */

.post .pin-container {
    background: #fff;
}

.post .pin-container:hover .post-icon,
.post .pin-container:hover .post-icon {
    opacity: .4;
    filter: alpha(opacity=40);
}

.post .post-icon {
    color: #616161;
}

/* ===============================================
   Read more
   =============================================== */

span.button,
.post-article span.button {
    background:#ff6644;
    border: none;
    color:#fff !important;
    -webkit-transition:  background-color .3s ease;
    -moz-transition:  background-color .3s ease;
    -o-transition:  background-color .3s ease;
    transition:  background-color .3s ease;
}

span.button:hover ,
.post-article span.button:hover,
.read-more:focus span.button,
.post-article .read-more:focus span.button {
    background-color:#d14a2b;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button#place_order,
.woocommerce .wc-proceed-to-checkout input {
    background:#ff6644;
    border: none;
    padding:10px 15px;
    color:#fff !important;
    -webkit-transition:  background-color .3s ease;
    -moz-transition:  background-color .3s ease;
    -o-transition:  background-color .3s ease;
    transition:  background-color .3s ease;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce .woocommerce-message a.button:hover ,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .wc-proceed-to-checkout input:hover ,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce a.button:focus,
.woocommerce a.add_to_cart_button:focus,
.woocommerce .woocommerce-message a.button:focus ,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce .wc-proceed-to-checkout input:focus {
    background-color:#d14a2b;
}


#searchform input[type=submit],
.woocommerce-product-search input[type=submit] {
    padding: 10px 1%;
}

.wpcf7-form input[type=submit] ,
.woocommerce-product-search input[type=submit],
.contact-form input[type=submit] ,
.searchform input[type=submit] ,
.comment-form input[type=submit] {
    background:#ff6644;
    border: none;
    color:#fff !important;
    -webkit-transition:  background-color .3s ease;
    -moz-transition:  background-color .3s ease;
    -o-transition:  background-color .3s ease;
    transition:  background-color .3s ease;
}

.wpcf7-form input[type=submit]:hover ,
.woocommerce-product-search input[type=submit]:hover,
.contact-form input[type=submit]:hover ,
.searchform input[type=submit]:hover ,
.comment-form input[type=submit]:hover ,
.wpcf7-form input[type=submit]:focus ,
.woocommerce-product-search input[type=submit]:focus,
.contact-form input[type=submit]:focus ,
.searchform input[type=submit]:focus ,
.comment-form input[type=submit]:focus {
    background-color:#d14a2b;
}


.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.avventura-pagination span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color:#616161;
    background:#fff;
}

.wp-pagenavi a:hover,
.avventura-pagination span,
.avventura-pagination a span:hover,
.wp-pagenavi span.current,
.post-article .wp-pagenavi a:hover {
    color:#fff;
}


#sidebar-wrapper #scroll-sidebar,
body.logged-in.customizer_active #sidebar-wrapper #scroll-sidebar {
    background:#fff;
    border-right: solid 1px #f1f1f1;
}

#sidebar-wrapper #scroll-sidebar::-webkit-scrollbar-track-piece  {
    background-color: #fff;
}

#sidebar-wrapper #scroll-sidebar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #f1f1f1;
}

#scroll-sidebar .post-article ,
#scroll-sidebar .mobilemenu-box {
    border-bottom:solid 1px #f1f1f1
}

#scroll-sidebar p,
#scroll-sidebar a,
#scroll-sidebar span,
#scroll-sidebar .title,
#scroll-sidebar li,
#scroll-sidebar address,
#scroll-sidebar dd,
#scroll-sidebar blockquote,
#scroll-sidebar caption,
#scroll-sidebar td,
#scroll-sidebar th,
#sidebar-wrapper #scroll-sidebar .mobile-navigation i,
nav#mobilemenu ul li a {
    color:#616161;
}

.header-search .search-form {
    background: rgba(255,255,255, 0.98) none repeat;
}

.header-search .search-form i.searchform-close-button,
.header-search .search-form #header-searchform input[type=text] {
    color: #616161 !important;
}

.header-search .search-form #header-searchform ::-webkit-input-placeholder {
    color: #616161 !important;
}

.header-search .search-form #header-searchform ::-moz-placeholder {
    color: #616161 !important;
}

.header-search .search-form #header-searchform :-ms-input-placeholder {
    color: #616161 !important;
}

.header-search .search-form #header-searchform :-moz-placeholder {
    color: #616161 !important;
}

.header-cart a span {
    height: 53px !important;
    line-height: 53px !important;
    background: none !important;
    color: #616161 !important;
    right: -5px !important;
}

.woocommerce.widget_shopping_cart a.button {
    display: block !important;
}

.woocommerce.widget_shopping_cart a.button.wc-forward:first-of-type {
    background: none!important;
    border: none!important;
    color: #ff6644 !important;
    display: block;
    font-size: 12px;
    padding: 0;
    -webkit-transition: color .3s ease !important;
    -moz-transition: color .3s ease !important;
    -o-transition: color .3s ease !important;
    transition: color .3s ease !important;
}

.woocommerce.widget_shopping_cart a.button.wc-forward:first-of-type:hover {
    color: #d14a2b !important;
}

@media screen and (min-width : 0) and (max-width : 992px) {

    .sticky-posts-wrapper.layout-1 .sticky-post-0 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-3 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-0 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-3 {
        width: 100%;
        max-width: 100%;
        height: 250px;
        margin:0 0 25px 0
    }

    .sticky-posts-wrapper.layout-1 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-1 .sticky-post-3 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-1 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-2 ,
    .sticky-posts-wrapper.layout-2 .sticky-post-3 {
        height: 200px;
    }

}