/*
Theme Name:     Fiorella
Theme URI:      https://shop.tcndesignstudio.com/fiorella/
Template:       kadence
Author:         Camila Rojas
Author URI:     https://tcndesignstudio.com/
Description:    Fiorella is a child theme for the Kadence framework, designed for creative bloggers who want a clean, stylish, and customizable website. Fully responsive and mobile-friendly, Optimized for fast loading speeds, Pre-designed layouts for blog posts and pages, Customizable colors, fonts, and styles, SEO-ready structure, Lightweight and performance-focused.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
.icon-camption-hover .icon-hover img {
    transition: 0.25s ease;
}
.icon-camption-hover:hover .icon-hover img {
    -webkit-transform: scale(1.1) rotate(-6deg);
	-ms-transform: scale(1.1) rotate(-6deg);
	transform: scale(1.1) rotate(-6deg);
}
.body-title-font h3{
  font-family: var(--global-body-font-family);
	letter-spacing: 0.35px;
}
.latest-posts img{
  border: 8px solid #fff;
	column-gap: 1.5rem !important;
}
.grid-cols.latest-posts {
	column-gap: 1.5rem !important;
}
.wp-block-kadence-posts.kb-posts .post-thumbnail {
    transition: all 0.3s ease-in-out 0s;
}
.wp-block-kadence-posts.kb-posts .post-thumbnail:hover {
    transform: scale(0.98);
    -webkit-transform: rotateZ(-1deg) scale(1.025);
    -ms-transform: rotateZ(-1deg) scale(0.98);
    transform: rotateZ(-1deg) scale(0.98);
}
.wp-block-kadence-postgrid .kadence-post-image:hover {
    transform: scale(0.98);
    -webkit-transform: rotateZ(-1deg) scale(1.025);
    -ms-transform: rotateZ(-1deg) scale(0.98);
    transform: rotateZ(-1deg) scale(0.98);
}

.wp-block-kadence-postgrid .kadence-post-image {
    transition: all 0.3s ease-in-out 0s;
}
.fave-counter {
    counter-reset: article;
}
.fave-counter article::before {
    counter-increment: article;
    content: counter(article);
    font-size: 1.5em;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    z-index: 1;
    background-color: var(--global-palette1);
    padding: 3px;
    border: 2px solid var(--global-palette9);
    border-radius: 50px;
    width: 55px;
    height: 55px;
    text-align: center;
    margin-left: 8%;
    Margin-top: -25px;
}
.img-rotate-left img {
    rotate: -10deg;
}
.img-rotate-right img {
    rotate: 10deg;
}
.main-categories-img p {
    position: relative;
    z-index: 2;
}
.main-categories-img .wp-block-kadence-image, .main-categories-img .wp-block-kadence-imageoverlay {
    outline: 6px solid #ffffff;
}
.main-categories-img .kt-inside-inner-col {
    transition: all 0.3s ease-in-out 0s;
}
.main-categories-img .kt-inside-inner-col:hover {
    transform: scale(1.05);
}
.kadence-blocks-form-field .kb-field::placeholder {
    color: var(--global-palette4);
}
.tcn-index-accordion{
  height: 120px;
}
@media screen and (max-width: 991px) {
.tcn-index-accordion{
  height: auto;
}
  
}
@media screen and (max-width: 782px) {
	.search-toggle-open-container .search-toggle-open {
    color: var(--global-palette9);
}
.two-col-grid.grid-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
    row-gap: 1.5rem !important;
}
#archive-container.grid-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	  -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem;
    row-gap: 1.5rem;
}
	.fave-counter article::before {
    margin-left: 15%;
}
}