/*
Theme Name: wampec
Version: 1.0
Description: Theme of Wampec agency website
License: https://dalpho.com/
License URI: https://dalpho.com/
Theme URI: https://dalpho.com/
Author URI: http://dalpho.com
Template: dalphotheme
Tags: wampec, agency, communications, e-commerce, website, affilaite marketing
Designed by Dalpho: https://dalpho.com/
*/


.BTNpolicy.wp-block-buttons a.wp-block-button__link{font-size: 1.2rem!important; font-weight: bold; text-align: left!important;}


.rightMSG {font-size: 12px; background: #f8f8f8; padding: 10px; border-radius: 6px; color: #444; margin-bottom: 20px;}
.footerMSG{font-size: 12px; padding: 5% 26% 0 0; color: #fff; width: 100%!important; max-width:80%;}

@media (max-width: 650px) {
	.topHome h1.fontP {font-size: 3.5rem!important; }
	.topHome h2 {padding-left:0!important; font-size: 2rem !important; line-height: 1.2!important;}
	.topHome p {padding-left:0!important; font-size: 1.3rem !important; padding-bottom:5%!important;}
	.topHome {padding:15% 5%!important}
	.txtHome {padding: 20% 5% 15%!important;}
	.txtHome h3{font-size: 2.5rem!important;width:90%!important;}
	.latestproductHome{padding: 25% 5%!important;}
	.latestPostHome{padding: 25% 5%!important;}
	.latestproductHome p, .latestPostHome p {width:90%!important; margin-left:0%!important; padding-bottom:20%!important} 
	.latestproductHome h2, .latestPostHome h2 {width:90%!important; margin-left:0%!important; font-size:3rem!important} 
	.latestPostHome .wp-block-query, .latestPostHome .wp-block-query .latestPostContent {width:95%!important; margin:0%!important;}
	.latestPostHome .wp-block-query .latestPostTxt {width:100%!important;}
	.lastProducts {width:90%!important; margin:0%!important;}
	.productThemHome .wp-block-group{width:100%!important;}
	.bannerHome {padding: 0!important}
	.bannerHome .wp-block-columns{padding: 10%!important}
	.bannerHome h2{font-size: 2.5rem!important}
	.bannerHome h3{font-size: 1.5rem!important}
	.bannerHome p{font-size: 1rem!important}
	.wp-block-columns.testoHome {flex-direction: column; }
	.wp-block-columns.testoHome p{font-size: 1rem !important; }
	.wp-block-columns.testoHome .wp-block-column:nth-child(2) {padding-top:5%;}
	.foooter .preFooter .wp-block-columns .footerLogo {padding-left: 7%}
}

.latestPosts a, .lastProducts a {text-decoration:none!important;}

#social-bannerz .shareText{color: #000;font-size: 12px;margin-right:20px;}
.shareME.share-buttons {position:relative; bottom: 0; left: 0; width: 100%; padding: 50px 15px 10px; text-align: center; display: flex; justify-content: right; align-items: center; gap: 5px;color: invert!important;}
.shareME .share-button {color: white!important; text-decoration: none!important; font-size: 16px; padding: 7px; border-radius: 5px; display: inline-block; background-color: #444!important;}
.shareME .share-button:hover {background-color: #555;}

.dashicons {
	background-color: #36465d; /* colore icona */}

/**** dark select ****/

/* Stile switch tema scuro */
body.dark-mode { background-color: #0b1525!important; color: #ffffff!important;}
body.dark-mode .icon-hamburger span{background: #fff!important;}
body.dark-mode.admin-bar .header {background-color:#00121c;}
body.dark-mode.admin-bar .header__content {border:0; background-color:#00121c;}
body.dark-mode.admin-bar .header__content a {color: #ffffff!important;}
body.dark-mode p{color: #ffffff!important;}
body.dark-mode a{color: #dddddd!important;}
body.dark-mode a:hover.header__logo{color: #ddd!important;}
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color: #ffffff!important;}
body.dark-mode a:hover{color: #fff!important;}
body.dark-mode footer{background-color: #00121c; border:0;}
body.dark-mode footer .preFooter{background-color: #00121c!important;}
body.dark-mode .goTopp a{background-color: #00121c;}
body.dark-mode .dark-element {background-color: #18314f!important;color: #ffffff!important;}
body.dark-mode #topBlack .dark-element {background-color: #18314f!important;color: #ffffff!important;}
/*body.dark-mode .dark-element.triangle{border-top-color: #000000!important;border-right-color: #191919!important;}
body.dark-mode .dark-element.triangle{border-top-color: #000000!important;border-right-color: #191919!important;}
body.dark-mode .dark-element.triangles{border-top-color: #191919!important;border-right-color: #000000!important;}
body.dark-mode .dark-element.triangles{border-top-color: #191919!important;border-right-color: #000000!important;}*/
body.dark-mode #comments .comment {background-color:transparent;}
body.dark-mode #comments input[type=submit], body.dark-mode #comments button[type=submit] {background:#00121c ;}
body.dark-mode .wp-block-separator {background-color:#18314f!important;}
body.dark-mode .yellowBtn a, body.dark-mode .bannerHome p,body.dark-mode .bannerHome h2,body.dark-mode .bannerHome h3{color:#18314f!important;}
/* CF7 form */
body.dark-mode .wpcf7-form textarea, body.dark-mode .wpcf7-form input[type=text], body.dark-mode .wpcf7-form input[type=number], body.dark-mode .wpcf7-form input[type=tel], 
body.dark-mode .wpcf7-form input[type=password], body.dark-mode .wpcf7-form input[type=email], 
body.dark-mode .wpcf7-form .wpcf7-form input[type=url] {background-color: #0b1525; border-color:#0b1525!important; border-bottom-color:#ddd!important; }
body.dark-mode .wpcf7-form input[type="submit"], body.dark-mode .wpcf7-form inputbutton[type="submit"] {background: #fcb900; color: #0b1525}
body.dark-mode.admin-bar .wp-element-caption {color: #ffffff!important;}



/* Stili generali per il pulsante */
.theme-toggle-btn {background-color: #00121c; padding: 2px 1px 0px 0px; border: none; height: 35px; width:35px; cursor: pointer; border-radius: 50%; transition: background-color 0.3s, color 0.3s; position: fixed; bottom: 20px; left: 20px; z-index: 1000; display: flex; align-items: center; justify-content: center;}
/* Icone */
.theme-toggle-btn .icon-sun,.theme-toggle-btn .icon-moon {display: none;}
/* Stile per il tema chiaro (default) */
body .theme-toggle-btn {background-color: #00121c; color: #ffffff;}
body .theme-toggle-btn .icon-sun {display: block;}
/* Stile per il tema scuro */
body.dark-mode .theme-toggle-btn {background-color: #ffffff;color: #00121c;}
body.dark-mode .theme-toggle-btn .icon-sun {display: none;}
body.dark-mode .theme-toggle-btn .icon-moon {display: block;}
/* Hover effect */
.theme-toggle-btn:hover {opacity: 0.8;}
.grid90 .col-30{background:#18314f;}
figure.imgEvidFBtop img.custom-external-featured-thumbnail {aspect-ratio:auto;}


/**** da controllare ****/

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {font-family: sans-serif;}

@media (min-width: 1191px) {
	.spacer {height: 110px!important;}
	.header__logo-img.desktop-logo {max-width: 350px!important; margin-top:0;}
	.scroll-down .header__logo-img{width: 200px!important;}
	.header__topbar{ background-color: #f00;}
	.labUser{font-weight:bold; font-size:12px;}
	.socialVertical.wp-block-social-links {flex-direction: column !important; position:absolute; left:-50px; top:40px;}
	:root :where(.wp-block-image figcaption) {color: #333; font-size: 0.8rem; text-align: left;}
}

footer p.sma-text-center, footer .sma-text-center a{font-size:13px;}
footer .sma-text-center a{color:#cdc1be;}
footer .col-50{max-width: 90vw;width: 100%;margin: 0 auto!important;bottom: 0!important;}
footer p.sma-text-center {text-align: center;}
.grid.footerCopy{padding: 18px 4% 0 !important; height:50px;}

@media (min-width: 1192px) {
	footer ul.menu {padding:0;}
	footer ul.menu li{padding:0; display: block!important;}
	footer ul.menu li a {padding:0; font-size: 14px; font-weight: normal; color: #eee!important;line-height:25px }
	footer ul.menu li a:hover, footer a:hover {color: #fcb900!important; }
}

@media (min-width: 651px) and (max-width: 1191px) {
	.preeFooters .wp-block-column:nth-child(2) {order: -1; /* Inverte l'ordine del secondo elemento, spostandolo al primo posto */}
	.preeFooters h5{text-align:center;}
	.wp-block-social-links .wp-block-social-link.wp-social-link {padding-left:10px; padding-right:10px;}
	footer .preeFooters .socialFooterMe {display: flex; /* Utilizza Flexbox per centrare */ justify-content: center; /* Centra orizzontalmente */ align-items: center; /* Centra verticalmente */}
		footer .wp-block-columns.preeFooters {padding-left:5%!important;padding-right:5%!important;}
		footer .preeFooters .wp-block-social-links.is-style-logos-only .wp-social-link svg {height: 1.20em;width: 1.20em;}
	footer .spazio1.wp-block-spacer {height:0!important;}
}
@media (max-width: 650px) {
	.preeFooters .wp-block-column:nth-child(2) {order: -1; /* Inverte l'ordine del secondo elemento, spostandolo al primo posto */}
	.preeFooters h5{text-align:center;}
	footer .preeFooters .socialFooterMe {display: flex; /* Utilizza Flexbox per centrare */ justify-content: center; /* Centra orizzontalmente */ align-items: center; /* Centra verticalmente */}
	footer .wp-block-columns.preeFooters {padding-left:5%!important;padding-right:5%!important;}
	footer .preeFooters .wp-block-social-links.is-style-logos-only .wp-social-link svg {height: 0.9em; width: 0.9em;}
	footer .spazio1.wp-block-spacer {height:0!important;}
}

.merlettoTops {margin: -1px 0 0;border: none;padding: 0px;background-image: url(https://nonnaclaudia.com/wp-content/uploads/2024/04/merlettino.jpg);background-repeat: repeat-x;height: 27px;}
.merlettoTopW {margin: 0; border: none; padding: 0px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTY0MCAxNDBDMjg2LjU0IDE0MCAwIDAgMCAwaDEyODBTOTkzLjQ2IDE0MCA2NDAgMTQweiIvPjwvZz48L3N2Zz4=); 
    background-repeat: repeat-x; height: 9px; background-color: #3a2b2b; background-size: 27px 9px;}

.merlettoW {margin: 0; border: none; padding: 0px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTY0MCAxNDBDMjg2LjU0IDE0MCAwIDAgMCAwaDEyODBTOTkzLjQ2IDE0MCA2NDAgMTQweiIvPjwvZz48L3N2Zz4=);
    background-repeat: repeat-x; height: 9px; background-color: #3a2b2b; transform: rotateY(0) rotateX(180deg); background-size: 27px 9px;}

.merlettoTop {margin: -1px 0 0; border: none; padding: 0px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjM2EyYjJiIj48cGF0aCBkPSJNNjQwIDE0MEMyODYuNTQgMTQwIDAgMCAwIDBoMTI4MFM5OTMuNDYgMTQwIDY0MCAxNDB6Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: repeat-x; height: 9px; background-color: #fff; transform: rotateY(0) rotateX(180deg); background-size: 27px 9px;}




/* CF7 form */
.wpcf7-form textarea, .wpcf7-form input[type=text], .wpcf7-form input[type=number], .wpcf7-form input[type=tel], .wpcf7-form input[type=password], .wpcf7-form input[type=email], .wpcf7-form .wpcf7-form input[type=url] {border-color:#fff!important; border-bottom-color:#555!important; }
input.wpcf7-form-control.wpcf7-submit {padding:12px 30px!important; letter-spacing:1px; cursor: pointer; margin-top:20px;}
input.wpcf7-form-control.wpcf7-submit:hover[type="submit"], .wpcf7-form button:hover[type="submit"] {opacity:0.9;}
.wpcf7 form input{border-bottom: 1px solid #949494!important;}
.wpcf7 form .answQuest input{width:40%!important;}

/* LIGHTBOX - usa la classe .masonry-large nelle foto che vuoi che i thumb siano più grandi  */
.lightboxMe .wp-block-image.masonry-large  {
    width: 65%!important;
}


/***** banner share slide up *****/
#social-bannerz .dashicons, #social-bannerz .dashicons-before:before,
.social-sidebar .dashicons, .social-sidebar .dashicons-before:before {width: 23px; height: 23px; font-size: 23px;}
.social-sidebar span::before, #social-bannerz span::before {color:#fff!important}

#social-bannerz.social-bannerz {box-shadow: 0 0 15px rgba(0, 0, 0, .1);z-index:9999999;position: fixed;flex-direction: column;bottom: -180px;right: 60px;background-color: #fff;color: #000;padding: 20px;border-radius: 10px 10px 0 0;align-items: center;transition: bottom 0.7s ease-in-out;z-index: 1000;}
h5.socialBanTitle {margin-bottom:5px;text-align:left;font-size: 2rem;color:#3a2b2b;font-family: Amatic SC;line-height:normal;}
p.socialBanTitle {margin-bottom:15px;text-align:left!important;color:#3a2b2b;font-size: 12px;}
#social-bannerz .close-btn {position:absolute;top:10px;right: 15px;cursor: pointer;background: #fff;font-weight: 700;border: none;}
.share-button:hover {opacity: 0.8;}
#social-bannerz.social-bannerz.hidden {bottom: -180px!important;}
#social-bannerz.social-bannerz.visible {bottom: 0px;}
#social-bannerz .share-buttons { display: flex; justify-content: flex-end; gap: 5px;}
#social-bannerz .close-btn {position:absolute:top:10px;right: 10px;cursor: pointer;}
.share-button {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;text-decoration: none;border-radius: 50%;font-size: 14px;text-align: center;transition: background-color 0.5s ease;}
.share-button.facebook { background-color: #3b5998; }
.share-button.twitterx { background-color: #000000; }
.share-button.linkedin { background-color: #0077b5; }
.share-button.instagram { background-color: #e4405f; }
.share-button.tiktok { background-color: #000000; }
.share-button.youtube { background-color: #ff0000; }
.share-button.pinterest { background-color: #bd081c; }

@media (max-width: 991px) {
    #social-bannerz.social-bannerz {right: unset;border-radius: 0;width: 100%;justify-content: center!important;z-index:9999;padding-bottom:50px;}
	h5.socialBanTitle {text-align:center;font-size: 2rem;color:#3a2b2b;}
	p.socialBanTitle {text-align:center!important;font-size: 12px;}
	#social-bannerz .close-btn {font-size: 18px;}
	#social-bannerz .share-buttons {justify-content: center;}
}
/***** END banner share slide up *****/

/***** social fixed left side *****/
.social-sidebar {position: fixed;top: 50%;left: 0;transform: translateY(-50%);display: flex;flex-direction: column;gap: 5px;z-index:9999999;transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;opacity: 0; /* Nascondi inizialmente */}
.social-sidebar a {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 0 25% 25% 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);text-decoration: none; font-family: "Dashicons";}
.social-sidebar.visible {transform: translateY(-50%) translateX(0);opacity: 1;visibility: visible;left: 0px; /* Mostra la barra dopo 10 secondi */}
.wp-social-link-facebooks { background-color: #3b5998; }
.wp-social-link-twitterxs { background-color: #000000; }
.wp-social-link-instagrams { background-color: #e4405f; }
.wp-social-link-tiktoks { background-color: #000000; }
.wp-social-link-youtubes { background-color: #ff0000; }
.wp-social-link-pinterests { background-color: #bd081c; }
/***** END social fixed left side *****/