/*
Theme Name: Redboa Child Theme
Theme URI: https://shtheme.com/demosd/redboa
Description: This is child theme of redboa
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain:  redboa-child
Template: redboa
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/






/* 2023-02-20 Lorenzo M. 
/* ------------------------------------------------ */
/* ------------------------------------------------ */


/* generale
/* ------------------------------------------------ */
* {
    font-family:Roboto;
}
p {
    color:#CCC;
    font-weight: 300;
}
.title,
.redboa-menu-fixed ul li a,
.side-bar h3.widget-title,
.widget_categories ul li a:before,
.redboa-pagination-wrap li span,
.error-page-content a.theme-btn {
    font-family:Poppins;
}
.butn,
.butn span {
	font-family:Poppins
}
.butn-bg {
    border-radius:0;
}
.redboa-menu-fixed > ul > li > a {
	text-align:center;
	padding-right:0;
}

p {
	font-size: 17px;
	line-height: 1.60em;
}
.sub-title {
	font-size: 15px;
}
.redboa-fixed-sidebar a,
.redboa-fixed-sidebar a:hover,
.redboa-side-content a,
.redboa-side-content a:hover {
	color: #00DFA6 !important;
}


/* colore
/* ------------------------------------------------ */
.butn-bg,
h4.title::before, 
h4.title::after {
	background-color:#00DFA6;	
}
.header .icon,
.sub-title,
h4 span,
.menus .tabs-icon .owl-item.actived .item .icon, 
.menus .tabs-icon .item.active .icon,
.menus .tabs-icon .owl-item.actived .item h6, 
.menus .tabs-icon .item.active h6,
.menus .menus-content .cont h5,
.menus .menus-content .cont h5 .price {
	color:#00DFA6 !important;
}
.menus .menus-content .cont h5 {
	border-bottom-color:#00DFA6;
}
.redboa-menu-fixed > ul > li.current-menu > a, .redboa-menu-fixed ul li:hover > a {
	color:#00DFA6 !important;	
}


/* FIX
/* ------------------------------------------------ */
.body-fixed-sidebar {
	position:relative;
}


/* logo 
/* ------------------------------------------------ */
#preloader {
	z-index:5000000;
}
#preloader .loading-area {
	width:250px;
}
#preloader .logo img {
	max-width:250px;
	max-height:270px;
}
.redboa-fixed-sidebar .logo {
	margin-left: -30px;
    width: 250px;
}
.redboa-fixed-sidebar .logo a img {
	padding: 30px;
}
@media (min-width: 1200px) {
	.redboa-fixed-sidebar .logo img {
		max-width:250px;
		max-height:270px;
	}
}
#logo-desktop {
	display:block;
}
.redboa-side-content #logo-mobile,
.redboa-fixed-menu-wrap #logo-mobile {
	display:none;
}
@media (max-width:1200px) {
	.redboa-fixed-sidebar .logo {
		display:block;
		padding-top: 20px;
		padding-bottom:0;
  	    margin-left: 20px;
        width: 150px;
	}
	.redboa-side-content > .logo,
	.redboa-side-content > .logo img {
		height:56px;
		max-height:56px;
	}
	.redboa-fixed-sidebar .logo {
		display:block;
	}
	.redboa-side-content #logo-desktop {
	    display:none;
	}
	.redboa-side-content #logo-mobile {
		display:block;
	}
}



/* title 
/* ------------------------------------------------ */
.title h4.elementor-heading-title {
	letter-spacing: 2px;
	font-size:2.4rem;
	font-weight:400;
	color:#FFF;
	line-height: 1.2;
	margin-bottom:15px;
}
.title h4.elementor-heading-title::before {
    content: '';
    width: 60px;
    height: 2px;
    position: absolute;
	bottom: 0px;
    right: calc(50% - 15px);
	background-color: #00DFA6;
}
.title h4.elementor-heading-title::after {
    content: '';
    width: 60px;
    height: 2px;
    position: absolute;
	bottom: 0;
    left: calc(50% - 15px);
	background-color: #00DFA6;
}
.sub-title h6.elementor-heading-title {
	font-weight:400;
	font-size: 15px;
	letter-spacing: 5px;
}
.menus .menus-content .cont h5 {
	font-size: 1em;
	line-height: 1.2em;
}
.menus .menu-info {
    min-height: 30px;
}
h6 {
    font-size: 22px;
}


/* bottoni 
/* ------------------------------------------------ */
.elementor-element.elementor-element-f92d083.elementor-align-center.butn.butn-bg.elementor-widget.elementor-widget-button {
	padding: 0;
    width: auto !important;
	margin: auto;
}
.redboa-footer-sidebar .elementor-widget-button .elementor-button {
	background-color:transparent !important;
}
.redboa-footer-sidebar .elementor-element.elementor-element-f92d083.elementor-align-center.butn.butn-bg.elementor-widget.elementor-widget-button {
	margin: 0 20px;
}
.redboa-footer-sidebar .elementor-element.elementor-element-f92d083.elementor-align-center.butn.butn-bg.elementor-widget.elementor-widget-button .elementor-button-text {
	font-size:15px;
	letter-spacing:3px;
}


/* altri elementi 
/* ------------------------------------------------ */
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #00DFA6;
}
[data-overlay-dark="6"]:before, 
[data-overlay-color="8"]:before, 
[data-overlay-light="8"]:before {
	opacity: 0.6;
}
::-moz-selection { /* Code for Firefox */
  color: #333;
  background: #00DFA6;
}
::selection {
  color: #333;
  background: #00DFA6;
}
.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img {
	width:auto;
}
.mwl .mwl__navigations {
	top:80%;
}
.contact .contact-info .item .cont p {
	font-size:18px;
}



/* footer
/* ------------------------------------------------ */
footer {
	border-top:0;
	padding: 60px 0 20px 0;
}
footer p {
	line-height: 1em;
}
footer p a,
footer p a:link,
footer p a:visited,
footer p a:hover,
footer p a:active {
	color: #00DFA6;
	text-decoration:underline;
}
footer p span.sep {
	display:block;
	height:0.8em;
}
@media (min-width:1200px) {
	footer.text-center.pos-re {
		width: calc(100% - 250px);
		margin-left: auto;
	}
}


/* pagina privacy
/* ------------------------------------------------ */
.page-policy-wrapper {
	max-width:1100px;
	margin:auto;
	padding:15px;
}
.page-policy-wrapper h1,
.page-policy-wrapper h2,
.page-policy-wrapper h3,
.page-policy-wrapper h4,
.page-policy-wrapper h5,
.page-policy-wrapper h6 {
	margin-top:25px;
}
.page-policy-wrapper h1 {
	font-size:26px;
}
.page-policy-wrapper h2 {
	font-size:22px;
}
.page-policy-wrapper h3 {
	font-size:18px;
}
.page-policy-wrapper h4,
.page-policy-wrapper h5,
.page-policy-wrapper h6 {
	font-size:14px;	
}
.page-policy-wrapper table {
	border: 1px solid #999 !important;
}


/* banner cookie 
/* ------------------------------------------------ */
.cky-consent-bar .cky-notice-des p, 
.cky-gpc-wrapper .cky-gpc-desc p, 
.cky-preference-body-wrapper .cky-preference-content-wrapper p, 
.cky-accordion-header-wrapper .cky-accordion-header-des p, 
.cky-cookie-des-table li div:last-child p {
	font-family: "Roboto" !important;
	font-size:13px !important;
}
.cky-btn {
	font-family: "Poppins" !important;
	font-size:12px !important;
	text-transform:uppercase !important; 
}
.cky-btn-revisit-wrapper {
	width: 25px !important;
    height: 25px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
	height: 15px !important;
    width: 15px !important;
}
.cky-preference-content-wrapper a {
	font-size: 13px;
	color: #00DFA6;
}





/* mobile menu
/* ------------------------------------------------ */
@media (max-width:1200px) {
	.redboa-footer-sidebar {
		margin-bottom:20px;
	}
	.redboa-menu-fixed {
		padding-top:0;
	}
}
@media (max-width: 767px) {
	.slider-fade .owl-item .item {
		background-position: 50% !important;
	}
	.redboa-menu-fixed > ul > li > a {
		font-size:20px;
		line-height:22px;
	}
	.redboa-fixed-sidebar span.elementor-button-text {
		font-size:15px !important;		
	}
	.redboa-fixed-sidebar .elementor-button {
		padding:8px 14px !important;
	}
	.redboa-footer-sidebar {
		position: absolute;
		top:400px;
	}
}
@media screen and (max-width: 480px) {
	.header .caption h1 {
		font-size: 34px;	
	}
	h4 {
	   font-size: 34px !important;
	}
	.title h4.elementor-heading-title {
	   font-size: 34px !important;		
	}
}



/* 2024-01-13
/* galleria di marchi 
/* ------------------------------------------------ */
#gallery-1,
#gallery-2 {
    display: flex;
    flex-wrap: wrap; /* Permette agli elementi di andare a capo */
    justify-content: center; /* Allinea gli elementi al centro */
    gap: 10px; /* Aggiunge spaziatura tra gli elementi */
    margin: 0 auto; /* Centra il contenitore nel suo spazio */
    width: 100%; /* Occupa l'intera larghezza del contenitore padre */
	height: auto !important;
	padding: 0 20px;
}
#gallery-1 img,
#gallery-2 img {
    border: 0px solid #cfcfcf !important;
}
#gallery-1 .gallery-item,
#gallery-2 .gallery-item {
    flex: 0 1 calc(25% - 10px); /* Ogni elemento occupa il 25% della riga con spazio */
    box-sizing: border-box; /* Include padding e bordi nella larghezza */
    margin: 0 !important; /* Rimuove eventuali margini residui */
	padding: 0;
}
@media (max-width: 767px) { 
    #gallery-1 .gallery-item,
    #gallery-2 .gallery-item {
      flex: 0 1 calc(33% - 10px); /* Ogni elemento occupa il 33% della riga con spazio */
	}
}
#gallery-1::after,
#gallery-2::after {
    content: "";
    display: block;
    clear: both; /* Pulisce eventuali float residui */
}
#gallery-1 br,
#gallery-2 br {
	display:none;
}

.brand-gallery img {
    flex: 0 1 calc(25% - 10px); /* 4 colonne con spazio tra gli elementi */
    max-width: 100%; /* Garantisce la dimensione corretta */
    box-sizing: border-box;
	border: 0px solid #cfcfcf !important;
}
@media (max-width: 767px) { 
	.brand-gallery img {
        flex: 0 1 calc(33% - 10px); /* 3 colonne con spazio tra gli elementi */
	}
}	
.brand-gallery .gallery-caption {
	margin-left: 0;
}


/* 2025-02-26 Lorenzo M. */
/* personalizzazione pulsante */
#googlemaps {
	background: #00DFA6;
	color: #FFF !important;	
}

/* 2025-02-26 Lorenzo M. */
/* fix colonne sezione contatti */
@media (max-width: 1000px) { 
  #contact .col-md-4 {
      flex: 100%;
      max-width: 100%;
  }
}