/*
Theme Name:     Lodestar Child
Theme URI:      http://example.com/
Description:    Tema Child per il tema Lodestar
Author:         Maurizio Sini
Author URI:     https://www.k3w.it/
Template:       lodestar
Version:        0.1.0
*/


body :where(.editor-styles-wrapper) {
  padding-left: 40px;
}

/************************* TEMPORARY HIDING START ***************************************/

#ray-ban,
#vogue-eyeware,
#swiss-eyeware-group,
img.wp-image-399,
img.wp-image-426,
img.wp-image-425 {
	display: none;
}

/*
figure.wp-block-image a[href^="https://ceolin.k3w.it/catalogo/#ray-ban"] img,
figure.wp-block-image a[href^="https://ceolin.k3w.it/catalogo/#ultra-limited"] img,
figure.wp-block-image a[href^="https://ceolin.k3w.it/catalogo/#vogue-eyeware"] img,
figure.wp-block-image a[href^="https://ceolin.k3w.it/catalogo/#swiss-eyeware-group"] img

.wp-block-gallery-1.is-layout-flex.wp-block-gallery-is-layout-flex figure.wp-block-image.size-large a img.wp-image-399 */

/************************* TEMPORARY HIDING END *****************************************/


@font-face {
    font-family: Montserrat;
    src: url(https://ceolin.k3w.it/wp-content/themes/lodestar-child/fonts/Montserrat-VariableFont_wght.woff2) format('woff2 support variations'),
    src: url(https://ceolin.k3w.it/wp-content/themes/lodestar-child/fonts/Montserrat-VariableFont_wght.woff2) format('woff2-variations');
    font-weight: 100 400;
    font-style: normal;
}
@font-face {
    font-family: Montserrat-Italic;
    src: url(https://ceolin.k3w.it/wp-content/themes/lodestar-child/fonts/Montserrat-Italic-VariableFont_wght.woff2) format('woff2 support variations'),
    src: url(https://ceolin.k3w.it/wp-content/themes/lodestar-child/fonts/Montserrat-Italic-VariableFont_wght.woff2) format('woff2-variations');
    font-weight: 400;
    font-style: italic;
}

html,
body,
button,
input,
select,
textarea,
h1,h2,h3,h4,h5,h6,
p,
span,
li,
a,
.site-title, .entry-title,
.entry-content div.sharedaddy h3,
.entry-content div.sharedaddy h3.sd-title,
.entry-content div#jp-relatedposts h3.jp-relatedposts-headlin
	{font-family: Montserrat, "Helvetica Neue", helvetica, arial, sans-serif}

i {font-family: Montserrat-Italic, "Helvetica Neue", helvetica, arial, sans-serif}

/* search "SET CUSTOM BACKGROUND IMAGE in POPUP MAKER popup's" below */

a:hover {
    -webkit-transition: color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}

a:hover, a:active {text-decoration:none !important;}

/* footer widgets link animated style */

#block-12 a,
#block-27 a,
#block-21 a,
#block-26 a,
a[href^="https://www.google.com"] {
    position: relative;
    color: #2f316a;
    text-decoration: none;
}

#block-12 a:hover,
#block-27 a:hover,
#block-21 a:hover,
#block-26 a:hover,
a[href^="https://www.google.com"]:hover {
    color: #2f316a;
    border-bottom-color: transparent;
}

#block-12 a:before,
#block-27 a:before,
#block-21 a:before,
#block-26 a:before,
a[href^="https://www.google.com"]:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: .1rem;
    bottom: 0;
    left: 0;
    background-color: #2f316a;
    transform: scaleX(0);
    transition: transform 500ms ease-in-out;
}

#block-12 a:hover::before,
#block-27 a:hover::before,
#block-21 a:hover::before,
#block-26 a:hover::before,
a[href^="https://www.google.com"]:hover::before {
  transform: scaleX(1);
}

/* site info link animated style */

.site-info .oneline a,
a[title^="K3W.it - manufatti web"] {
    position: relative;
    color: #f6f6f6;
    text-decoration: none;
}
.site-info a[title^="K3W.it - manufatti web"] {
    color: #007aff;
}
.site-info .oneline a:hover,
a[title^="K3W.it - manufatti web"]:hover {
    color: #f6f6f6;
    border-bottom-color: transparent;
}

.site-info .oneline a:before,
a[title^="K3W.it - manufatti web"]:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: .1rem;
    bottom: 0;
    left: 0;
    background-color: #f6f6f6;
    transform: scaleX(0);
    transition: transform 500ms ease-in-out;
}

.site-info .oneline a:hover::before,
a[title^="K3W.it - manufatti web"]:hover::before {
  transform: scaleX(1);
}

/* https://wordpress.org/support/topic/lodestar-main-menu-and-sticky-menu-problem/ */

.header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1999;
    background-color: #2f316a;
}

/*
.main-navigation ul li > a,
#top-menu {
    background: #3F418D;
}

.main-navigation ul {
    background: #3F418D;
}

  @media screen and (min-width: 60em)
.main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_ancestor > a {
  background: #151515;
}

  @media screen and (min-width: 60em)
.main-navigation li:hover, .main-navigation li:focus, .main-navigation a:hover, .main-navigation a:focus {
  background: #151515;

*/

.admin-bar .header-top {
    top: 32px;
}

.site-header-fixed.header-top {
    animation: unset;
    transition: unset;
}

.genericon.top {font-size: 32px;}
.header-top .site-top-content-2 a:link,
.header-top .site-top-content-2 a:visited {color:#7277ff;}
.header-top .site-top-content-2 a:active,
.header-top .site-top-content-2 a:hover {color:#f6f6f6;}

.site-branding {
    -webkit-backdrop-filter: opacity(50%);
    backdrop-filter: opacity(50%);
}

.lodestar-front-page .site-content {
    margin-top: -32px;
}

/* retain featured image on header/first page */
#post-90,
/* retain featured image on GDPR page */
.page-id-283 .custom-header,
/* retain featured image on galleria fotografica */
.page-id-236 .custom-header,
/* lenti-graduate-e-a-contatto */
.page-id-524 .custom-header
 {
    display: none;
}

#post-68 h5.wp-block-heading {
    margin-bottom: 3rem;
}

/* more separation for header from title on GDPR page */
.page-id-283 .entry-header .entry-title {
    margin-top:5rem;
}

.site-info {
    background-color: #2f316a;
    text-transform: none;
}

hr {
    margin: .7em;
    line-height: 0;
}

body:not(.no-header-image) .custom-header-image::before,
.lodestar-front-page .custom-header-image::before {
    background: none;
}

body:not(.no-header-image).page-id-159 .custom-header-image::before {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* ======================================================== @media MIN-WIDTH: 60EM (960px)
*/

@media screen and (min-width: 60em) {

    .main-navigation ul li.current_page_item > a,
    .main-navigation ul li.current-menu-item > a,
    .main-navigation ul li.current_page_ancestor > a {
        background: #f6f6f6;
    }

    #top-menu .menu-item {
        background-color: #f2f0f0;
    }

    #top-menu .menu-item {
        font-weight: 900;
    }

    #top-menu .menu-item a:link,
    #top-menu .menu-item a:visited {
        color: #2f316a;
    }

    #top-menu .menu-item a:hover,
    #top-menu .menu-item a:active {
        color: #2f316a;
    }
	.main-navigation li:hover,
	.main-navigation li:focus,
	.main-navigation a:hover,
	.main-navigation a:focus {
	    background: #ffffff;
	}
    .site-description {
        font-size: 1.7rem;
    }

    img.site-logo {
        max-height: 640px;
        opacity: 0.8;
        mix-blend-mode: lighten;
        filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3));
    }

    .n2-section-smartslider {
        height:12rem;
    }

}



p.site-title {
    display: none;
}

.wrap {
    border-radius: 16px 15px 0px 5px;
}

h1.entry-title,
h2.entry-title,
.panel-content .entry-title {
    color: #2f316a !important;
}

entry-content p,
.wp-block-jetpack-contact-info {
    font-size: 126%
}

.text-align-center {
    text-align: center;
}

.panel-content .wrap {
    border-radius: 24px 24px 0 0;
}

.wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
    border: 3px solid #a9bba8;
    border-radius: 12px;
    margin-bottom: 12px
}

.entry-content .wp-block-column p.has-text-align-center {
    text-align: center !important;
}

.entry-content .wp-block-column p {
    padding: 0 9px;
    text-justify: none;
    text-align: left;
}

.wp-block-button__link {
    line-height: 1.1em;
    margin-bottom: 18px;
}

.wp-block-column > .wp-block-buttons {
    display: flex;
    align-self: flex-end;
}

.n2-section-smartslider .n2-ss-text p {
    font-size: 220%;
    text-align: center !important;
}
.n2-section-smartslider .n2-ss-text p i {
    display:inline-block;
    padding-top: 1rem;
}

.uplo {
    text-transform: none !important;
}

.site-footer .jetpack-social-navigation .icon {
    height: 48px;
    left: 7%;
    margin-left: -3px;
    margin-top: -3px;
    position: absolute;
    top: 7%;
    width: 48px;
    fill: #2f316a;
}

.site-footer .jetpack-social-navigation a {
    background: #d1d3ff;
    border-radius: 48px;
    color: #ffffff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin: 0 5px;
    position: relative;
    transition: background 0.3s;
    width: 48px;
}

.site-footer .jetpack-social-navigation a:link {
    background: #d1d3ff !important;
    border-radius: 48px;
}

.site-footer .jetpack-social-navigation a:hover,
.site-footer .jetpack-social-navigation a:active {
    background: #eeeeee !important;
    border-radius: 48px;
}

.wp-block-column > h2,
.wp-block-column > h4 {
    padding-top: 0 !important;
}

/* ======================================================== @media MIN-WIDTH: 60EM (960px)
*/

@media screen and (min-width: 60em) {

    .entry-header {
        margin-top: -4em;
    }

}

.landingpage h1.entry-title
/*,
.landingpage .panel-content .entry-title,
.landingpage .entry-content h2 */
    {
    color: #29292a;
}

.landingpage .panel-content .entry-title,
.landingpage .entry-content h2,
.landingpage h3 {
    text-transform: none;
}

.entry-content p {
    text-align: justify !important;
    text-justify: inter-word;
}

.entry-content p.has-text-align-center {
    text-align: center !important;
}

.x_popup {
    margin: 3em auto;
    padding: 8px;
    color: #ffffff;
    font-family: inherit;
    font-weight: 400;
    font-size: 12px;
    line-height: 36px;
    border: 1px none #ffffff;
    border-radius: 0px;
    box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
    background-color: rgba(0, 183, 205, 1.00);
}

.popmake-content {
    padding-bottom: 3em;
}

#block-12.widget_media_image {
    padding-bottom: 1em;
}

#block-21 h5 {
    color: #2f316a;
    margin-left: 1.7em;
    text-transform: none;
}

#block-21 {
    padding-bottom: 1.6em;
}

#block-27 p {
    margin-left: 2em;
}

.mail_btn {
    background-color: #222222;
    margin: 2em;
}

.mail_btn a:hover,
.mail_btn a:active {
    color: #ffffff;
}

.oneline,
.linebreak {
    margin: 0;
}

.thumbmap {
    width: 260px;
    height: 240px;
}

.rotate a:link {
    float: right;
    writing-mode: vertical-rl;
}

.rotate a:hover,
.rotate a:active {
    text-decoration: none !important;
    border-bottom-color: transparent !important;
}

#block-20 {
    font-size: larger;
}

#block-20 a:link {
    font-weight: 600;
}

#block-20 a:link,
#block-20 a:hover,
#block-20 a:focus,
#block-20 a:active,
#block-13 .has-text-align-left a:link,
#block-13 .has-text-align-left a:visited,
#block-13 .has-text-align-left a:hover,
#block-13 .has-text-align-left a:active {
    color: #2f316a !important;
}

/* ==================================catalog logos gallery links under showcase section */

.wp-block-gallery-1,
.wp-block-gallery-2 {
	justify-content: space-around !important;
}

.wp-block-gallery-1 .wp-block-image,
.wp-block-gallery-2 .wp-block-image {
    align-self: center !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
}

.wp-block-gallery-1 figure,
.wp-block-gallery-2 figure,
.wp-block-gallery-1 .wp-image-399,
.wp-block-gallery-1 .wp-image-307,
.wp-block-gallery-1 .wp-image-306,
.wp-block-gallery-1 .wp-image-305,
.wp-block-gallery-1 .wp-image-304,
.wp-block-gallery-1 .wp-image-425,
.wp-block-gallery-1 .wp-image-426,
.wp-block-gallery-1 .wp-image-618,
.wp-block-gallery-2 .wp-image-619,
.wp-block-gallery-2 .wp-image-620,
.wp-block-gallery-2 .wp-image-621
 {
    width: 180px !important;
    height: 150px !important;
    padding:0;
    margin:0;
}

/* catalog logos gallery links under showcase section SWISS-EYEWARE-GROUP ONLY
.wp-block-gallery-1 figure:last-child,
.wp-block-gallery-1 .wp-image-425 {
    width: 220px !important;
    height: 183px !important;
} */

.wp-block-gallery-1 a:hover,
.wp-block-gallery-2 a:hover {
	text-decoration: none !important;
	border-bottom-color: transparent !important;
}

/* logo shape on content images */
.oc-store {
    clip-path: ellipse(60% 50% at 50% 50%);
}
.oc-store img {
    width: 120%;
    height: auto;
}

.business-hours dd {margin: 0 1.5em .5em}

/* ======================================================== @media MAX-WIDTH: 768px (48em)
*/

@media (max-width: 768px) {
    #masthead {
        padding-top: 74px;
    }

	.site-top-content {
        display:none;
    }
    
    img.site-logo {
        max-height: 360px;
        opacity: 0.8;
        mix-blend-mode: lighten;
        filter: drop-shadow(2px 2px 1px rgb(0 0 0 / 0.3));
    }

    .oneline {
        display: none;
    }

	.entry-content p {
		text-align: left !important;
	}

    /* temporary remove footer center block */
    #block-16 {
        display: none
    }
    /* SET CUSTOM BACKGROUND IMAGE in POPUP MAKER popup's */
    #popmake-219 {
        background-color: #2f316a;
        background-image: url("https://ceolin.k3w.it/wp-content/uploads/2024/12/dummy_contatti-mobile.jpg") !important;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
    }

    #popmake-219 h2,
    #popmake-219 h3,
    #popmake-219 h5,
    #popmake-219 p {
        text-shadow: 2px 2px #666666;
    }

    .svgshadow {
        filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4));
    }

	#block-12.widget,
	#block-21.widget,
	#block-27.widget {
	     margin-left: 1.6rem;
	}
	
	#block-26.widget {
	     margin-left: 2rem;
	}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ openstreetmap ISSUE @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

    .popmake-126 {
        float: left;
        margin: 0;
        padding: 0;
		width: 240px; 
		height: auto;
    }

	#block-13.widget {
	     margin-left: 1.2rem;
	}

	p.rotate {
		margin: 0;
	}
	
	#block-13.widget .has-text-align-left {
		clear: both;
	}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

/* ======================================================== @media MIN-WIDTH: 768px (48em)
*/
@media (min-width: 768px) {
    .linebreak {
        display: none;
    }

    /*
	#top-menu .menu-item a:link,
	#top-menu .menu-item a:visited, -DONT
	#top-menu .menu-item a:hover,
	#top-menu .menu-item a:active
	*/


/* main menu buttons animations START */

    #top-menu .menu-item {
        clip-path: ellipse(70% 50%);
    }

    #top-menu .menu-item > a:hover,
    #top-menu .menu-item > a:active {
        animation: mymove 3s infinite;
        clip-path: ellipse(70% 50%);
    }

    #block-12 .wp-block-image {
        margin-top: -.8rem;
    }

    @keyframes mymove {
        30% {
            clip-path: ellipse(30% 1%);
        }
    }
/* main menu buttons animations END */
}

#popmake-219 {
	background-color: #2f316a;
	background-image: url("https://ceolin.k3w.it/wp-content/uploads/2024/12/dummy_contatti-scaled-1.jpg") !important;
	background-repeat: no-repeat;
	background-position: center;
	/*margin-right: 200px;*/
	background-attachment: scroll;
}

#popmake-219 h2,
#popmake-219 h3,
#popmake-219 h5,
#popmake-219 p {
	text-shadow: 2px 2px #666666;
}

.svgshadow {
	filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4));
}

.k3w {
    color: #007aff;
    font-size:85%;
}

.heart {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: text-bottom !important;
}

.heart {
	background: -moz-radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(47, 49, 106, 0.5) 100%);
	background: -webkit-gradient(radial, circle, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(47, 49, 106, 0.5)));
	background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(47, 49, 106, 0.5) 100%);
	background: -o-radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(47, 49, 106, 0.5) 100%);
	background: -ms-radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(47, 49, 106, 0.5) 100%);
	background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(47, 49, 106, 0.5) 100%)
}

.heart {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 280ms, 160ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}
/* ============================================================ @media MAX-WIDTH: 59.999EM
*/

@media screen and (max-width: 59.999em) {
	.custom-header-image {
	  padding: 30% 0 10% 0;
	  }
}


/* ==================================================  LENTI GRADUATE E A CONTATTO page */

#post-524 .n2_clear {
	margin-bottom: 4rem; /* slider bottom divider */
}






    /*

.header-top {
    background-color: #a9bba8;
    }
    
.main-navigation.toggled ul,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_ancestor > a {
    background-color: #708d74;
    }
    
.site-info {
    background-color: #708d74;
    }

*/

    /* ---------------- APPUNTI ------------------------

****************************************************

in personalizza / CSS aggiuntivo:

.entry-content p {
  text-align: justify !important;
  text-justify: inter-word;
}

****************************************************

media queries

@media screen and (min-width: 60em) {
	.site-logo-link img {
		max-height: 200px;
	}
}

1040px
@media screen and ( min-width: 65em ) {
}

1120px
@media screen and ( min-width: 70em ) {
}

959.984px
@media screen and ( max-width: 59.999em ) {
}

****************************************************

*/