/*
Theme Name: Apinae Child
Description: Child Theme for Apinae Theme
Author: zozothemes
Version: 1.0
Template: apinae
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozothemes
*/

/*Custom Style Code Right Here */


/* === Forza visibilità frecce Elementor Lightbox su single post === */
.elementor-lightbox .elementor-swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    cursor: pointer;
    width: 50px !important;;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    transition: background 0.25s ease;
}

.elementor-lightbox .elementor-swiper-button:hover {
    background: rgba(0, 0, 0, 0.8);
}

.elementor-lightbox .elementor-swiper-button-prev {
    left: 20px !important;
}

.elementor-lightbox .elementor-swiper-button-next {
    right: 20px !important;
}

.elementor-lightbox .elementor-swiper-button svg {
    width: 28px;
    height: 28px;
    fill: #fff;
}

/* Nascondi su mobile se non vuoi le frecce a schermo piccolo (opzionale) */
@media (max-width: 576px) {
    .elementor-lightbox .elementor-swiper-button {
        width: 40px;
        height: 40px;
    }
    .elementor-lightbox .elementor-swiper-button-prev { left: 10px; }
    .elementor-lightbox .elementor-swiper-button-next { right: 10px; }
}

.site-header .container-fluid {
  background-color: #2d1401;
}

.footer-widgets-wrap .row aside.footer-widget-2.col-md-4:nth-child(2), aside.footer-widget-2:last-child {
  text-align: left;
}

@media only screen and (min-width: 1025px) {
.hexagon-default .feature-box-default:before {
    border-bottom: 50px solid #411c01;
	border-left: 163.5px solid transparent;
    border-right: 163.5px solid transparent;
  top: -49.7px;
}
.hexagon-default .feature-box-default:after {
    border-top: 50px solid #411c01;
	border-left: 163.5px solid transparent;
    border-right: 163.5px solid transparent; 
  bottom: -49.7px;
}
}

.blog-layouts-wrapper .blog-multi-layout-4 .cea-block-primary .nav.top-meta-list {
  transform: rotate(00deg);
  left: 12%;
  right: auto;
  top: 43%;
}

ul.nav.top-meta-list > li, ul.nav.bottom-meta-list > li {
  vertical-align: inherit;
}

.blog-layouts-wrapper .blog-multi-layout-4 .cea-block-primary .nav .post-date > a {
  padding: 0px;
  background-color: transparent;
  border-radius: 0px;
  font-size: 14px;
}

.blog-layouts-wrapper .blog-multi-layout-4 .post-category a {
  background-color: #e0b300;
}

.elementor-77161 .elementor-element.elementor-element-47ae38ed .cea-block-primary .post-thumb.post-overlay-active::before {
  background: #000;
  background: -webkit-linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -moz-linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
  opacity: 1;
}

.elementor-77161 .elementor-element.elementor-element-47ae38ed .cea-block-secondary .top-meta .post-date a {
  color: #2d1401;
}


.contact-form-wrapper span.wpcf7-form-control-wrap input[type="checkbox"] {
  width: 20px;
  position: absolute;
  left: 0;
  height: auto;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 25px;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: initial;
  width: 100%;
}

.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
  background: #fff;
  height: 52px;
  line-height: 52px;
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}


img.team-avatar {
  margin: 20px 0;
}
h2.team-role {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--e-global-color-primary);
}
ul.contacts-list {
  list-style: none;
  padding-left: 0;
}

ul.contacts-list {
  list-style: none;
  padding-left: 0;
}

ul.contacts-list li i{
  color: var(--e-global-color-primary);
  padding-right: 5px;
}

.content-widgets-wrapper .widget.widget_block .widget-content .wp-block-heading {
  font-weight: 400;
  font-size: 27px;
  line-height: 38px;
	  margin-bottom: 15px;
}

.blog .apinae-content-wrap .apinae_latest_post_widget, .single.single-post .content-widgets-wrapper .content-widgets > .widget, .page-template-default .apinae_latest_post_widget {
  background-color: #F7F3F1;
  padding: 20px;
}

.featured-media-video .video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}
.featured-media-video .video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius:5px;
}

.image-grid-3 .image-grid-inner {
  padding: 0;
  border: 0px solid #f2f2f2;
  border-radius: 0px;
}

.image-grid-3 .image-grid-inner img {
  transform: scale(1);
  opacity: 0.9;
  border-radius:5px;
}

.single .entry-content h2 {
  line-height: 1.3;
}

.archive .apinae-masonry .top-meta-wrap {
  position: absolute;
  top: 0;
  background-color: #fff;
  right: 0;
  padding: 10px 16px;
  border-radius: 0px 0px 0px 5px;
  line-height: 1;
  margin: 0px;
transform: rotate(0deg);
  left: auto;
  bottom: auto;
}

.archive article.post .post-inner {
  order: 3;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
  padding-bottom: 25px;
}

.archive .apinae-content-wrap .post.type-post .post-more a, .apinae-masonry .bottom-meta-wrap .nav.post-meta .post-more a {
  padding: 15px 25px 15px 25px !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  border-radius: 5px;
  letter-spacing: 1px;
  text-transform: capitalize;
  transition: all .5s !important;
  background-color: #f3c900;
}

.archive .apinae-content-wrap .apinae-masonry .post-more {
  position: relative;
}

.archive .apinae-content-wrap .apinae-masonry .post-more::before,
.archive .apinae-content-wrap .apinae-masonry .post-more::after {
  background: #af351273;
}

.archive .apinae-content-wrap .apinae-masonry .post-more::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: #af351273;
  left: 0;
  top: 0;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
	z-index: 1;
}

.archive .apinae-content-wrap .apinae-masonry .post-more::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: #af351273;
  right: 0;
  bottom: 0;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
	z-index: 1;
}

.archive .apinae-content-wrap .apinae-masonry .post-more a:hover {
  background-color: #af3512 !important;
}

.archive .apinae-content-wrap .apinae-masonry .post-more:hover::before,
.archive .apinae-content-wrap .apinae-masonry .post-more:hover::after{
	height: 100%;
  width: 10px;
	background: #f2690170;
}

.archive .apinae-content-wrap .apinae-masonry .post-more a::before,
.archive .apinae-content-wrap .apinae-masonry .post-more a::after {
  display:none;
}

.mfp-bg,
.mfp-wrap {
  z-index: 99999 !important;
}

.wp-menu:not(.mobile-menu) > li > ul.sub-menu{
  left: auto;
  right: 0;
}

.um input[type="submit"].um-button {
  background: #f3c900 !important;
}
.um input[type="submit"].um-button:hover,
.um input[type="submit"].um-button:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle .btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  color: #fff;
  background-color: #e0b300 !important;
  border-color:  #e0b300 !important;
	box-shadow: none !important;
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #e0b300 !important;
}

.um-gdpr-content h3{
    font-size: 20px;
    line-height: 25px;
}

.header-navbar .inout a,
.sticky-head.header-sticky .inout a{
  color: #f3c900;
}
.header-navbar .CPrivati a,
.sticky-head.header-sticky .CPrivati a{
	color: #f26901;
}
.header-navbar .CPrivati a:hover{
	color: #fff;
}
.service-style-default .service-inner .post-image-link::after {
  top: 0;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

.service_icon{
  position: absolute !important;
  right: 10px;
  bottom: 50px;
  z-index: 9;
}

.service_icon .icon_image{
  padding: 15px;
  background: #fff;
  border-radius: 3px;
}

#sez01,
#sez02,
#sez03,
#sez04,
#sez05 {
  padding: 30px 0;
}

.portfolio-single .portfolio-details.custom .portfolio-meta .portfolio-meta-list {
  border: 1px solid #ffd400;
}

.single .portfolio-details.custom .portfolio-meta ul.portfolio-meta-list {
  background: #ffffe4;
}

 .custom .portfolio-meta span.portfolio-meta-icon {
  background: #ffd400;
  color: #fff !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 0px;
}

.custom .portfolio-meta .portfolio-meta-list {
  display: flex;
}
.custom .portfolio-meta .portfolio-meta-list li {
  width: 33.333%;
  border-bottom: 0px !important;
}

.masonry-archive .port{
  padding: 20px 30px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
  overflow: hidden;}

.masonry-archive .col-lg-4.port {
  width: calc(33.33333333% - 10px);
}

@media (max-width: 768px) {
 .masonry-archive{
    padding: 20px
  }
  .masonry-archive .col-md-6.port  {
    width: calc(50% - 8px);
  }
}

@media (max-width: 480px) {
  .masonry-archive .col-12.port  {
    width: 100%;
  }
}

.portfolio-card .post-date, .portfolio-card .post-client, .portfolio-card .post-place {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  margin: 5px 0;
}

.portfolio-card .post-date i, .portfolio-card .post-client i, .portfolio-card .post-place i{
  color: #f3c900;
  margin-right: 10px;
}
.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more{
position: relative;
}

.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more a,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more a {
  padding: 15px 25px 15px 25px !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  border-radius: 5px;
  letter-spacing: 1px;
  text-transform: capitalize;
  transition: all .5s !important;
  background-color: #f3c900;
}

.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more a:hover,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more a:hover{
  background-color: #af3512 !important;
}

.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more::before,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: #af351273;
  left: 0;
  top: 0;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}

.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more::after,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: #af351273;
  right: 0;
  bottom: 0;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}

.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more:hover::before,
.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more:hover::after,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more:hover::before,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more:hover::after{
	height: 100%;
  width: 10px;
  background: #f2690170;
}

.portfolio-card .bottom-meta-wrap .nav.post-meta .post-more a::after,
.premium-item .bottom-meta-wrap .nav.post-meta .post-more a::after {
  content: "\e65a";
  font-family: 'themify' !important;
  margin-left: 5px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.portfolio-archive-grid .portfolio-item {
    margin-bottom: 30px;
}

.portfolio-archive-grid .portfolio-card {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.portfolio-archive-grid .portfolio-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.portfolio-archive-grid .portfolio-thumb {
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px;
}

.portfolio-archive-grid .portfolio-thumb img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.portfolio-archive-grid .portfolio-card:hover .portfolio-thumb img {
    transform: scale(1.05);
}

.portfolio-archive-grid .portfolio-title {
    margin: 0 0 5px;
    font-size: 1.25rem;
}

.portfolio-archive-grid .portfolio-client {
    font-size: 0.9rem;
    color: #888;
}
    
.masonry-archive {
    column-count: 3;
    column-gap: 15px;
}
@media (max-width: 992px) { .masonry-archive { column-count: 2; } }
@media (max-width: 576px) { .masonry-archive { column-count: 1; } }
.masonry-archive .portfolio-item {
    break-inside: avoid;
    margin-bottom: 30px;
    display: block;
    width: 100%;
}
    
.portfolio-video .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* aspect ratio 16:9 */
    height: 0;
    overflow: hidden;
    background: #000;
    border-radius: 4px;
}

.portfolio-video .video-wrapper iframe,
.portfolio-video .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.portfolio-thumb {
  margin-bottom: 10px;
}


.contenuti-premium-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin: 30px 0;
}

.premium-item {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
  overflow: hidden;
  position: relative;
}

.premium-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.premium-thumb {
    position: relative;
    overflow: hidden;
}

.premium-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.premium-item .premium-thumb .top-meta-wrap {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 14px;
  background: #fff;
  border-radius: 0px 0px 0px 5px;
}

.premium-item .premium-thumb ul.nav.post-meta {
  margin: 0;
  display: block !important;
}

.premium-lock {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.premium-content {
    padding: 20px;
}

.premium-type-label {
    text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  margin: 5px 0;
    margin-bottom: 8px;
}

.premium-type-label i{
  color: #f3c900;
  margin-right: 10px;
}

.premium-title {
   line-height: 42px;
  font-size: 32px;
  margin-bottom: 0;
  text-transform: capitalize;
}

.premium-title a {
    color: inherit;
    text-decoration: none;
}

.premium-title a:hover {
    color: #f3c900;
}

.premium-date {
    display: block;
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 12px;
}

.premium-excerpt {
    border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
  padding-bottom: 25px;
}

.premium-cta {
    margin: 15px 0 0;
}

.documenti-allegati {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 30px 0;
}
    
    
.titolo_doc {
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
  line-height: 1.2;
}

.btn-documento {
padding: 15px 25px 15px 25px !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #2d1401;
  border-radius: 5px;
  letter-spacing: ,5px;
  text-transform: capitalize;
  transition: all .5s !important;
  background-color: #f3c900;
  position:relative;
}
.btn-documento::before {
content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: #af351273;
  left: 0;
  top: 0;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.btn-documento::after {
content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: #af351273;
  right: 0;
  bottom: 0;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
   
.btn-documento:hover {
    background: #af3512;
    color: #fff;
    text-decoration: none;
}
.btn-documento:hover::before,
.btn-documento:hover::after {
height: 100%;
  width: 10px;
background: #f2690170;
 }
.btn-documento-icon {
    font-size: 1.4em;
    flex-shrink: 0;
    margin-right:5px;
    font-size: 20px
}

.btn-documento-label {
    font-weight: 500;
    line-height: 1.3;
}                
                

/* === Masonry Gallery (JS-based via Masonry.pkgd) === */
.masonry-gallery {
    /* Il wrapper non ha più column-count: Masonry.js fa tutto */
    position: relative;
    margin: 30px 0;
}

.masonry-gallery .masonry-item {
    /* Larghezza ~ 33.33% meno il gutter, 50% su tablet, 100% mobile */
    width: calc((100% - 40px) / 3);
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .masonry-gallery .masonry-item {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 576px) {
    .masonry-gallery .masonry-item {
        width: 100%;
    }
}

.masonry-gallery .masonry-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.masonry-gallery .masonry-item a {
    display: block;
    overflow: hidden;
}   
       

@media screen and (max-width:767px){

.custom .portfolio-meta span.portfolio-meta-icon {
  display: block;
  text-align: center;
  margin: 0 auto !important;
}
.custom .portfolio-meta .portfolio-meta-title-wrap {
  width: 100%;
}
.custom .portfolio-meta span.entry-date {
  display: block;
  text-align: center;
  margin-top: 10px;
}	
	
}


@media only screen and (max-width: 768px) {
    .widget.apinae_latest_post_widget .side-item{
        display: block;
        text-align: left;
    }
.widget.apinae_latest_post_widget .side-item .side-image {
    margin-right: 0px;
  }
  
.widget.apinae_latest_post_widget .side-item .side-image a{  
display: inline-block;
    }
}
@media screen and (max-width:520px){
.custom .portfolio-meta .portfolio-meta-list li {
  width: 100%;
}
.custom .portfolio-meta .portfolio-meta-list {
  display: block;
}
	}