/*
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
*/

/* https://wordpress.org/support/topic/lodestar-main-menu-and-sticky-menu-problem/ */

.header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1999;
}
.admin-bar .header-top {
    top: 32px;
}
.site-header-fixed.header-top {
    animation: unset;
    transition: unset;
}

@media (max-width: 768px) {
    #masthead {
        padding-top:110px;
    }
}

/* /// */

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;
	}

img.site-logo {
	max-height: 660px;
	/*
	opacity: 0.8
	mix-blend-mode: lighten;
	*/
	}

/* no custom header - site branding on single pages */
/* ARS MORENDI, ARS VIVENDI - Privacy Policy*/
.privacy-policy .custom-header,
.page-id-1511 .custom-header
    {display:none}
.privacy-policy #content
    {margin-top: 4em}
#post-1511 .entry-header
    {padding-top: 3em}
/* end */

.panel-content .entry-title,
h2.wp-block-heading,
h4.wp-block-heading {    
    color:#6e9542;
    }
    
p.site-title {
	display:none;
	visibility:0
	}

.text-align-center {
	text-align: center;
	}

.wp-block-column .wp-block-image img {
	border-radius: 9px 9px 0 0;
	}

.wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
	border:2px solid #6e9542;
	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;
	}

.one-column.has-post-thumbnail .panel-content .wrap {
  margin-top: 0;
}

.site-footer .jetpack-social-navigation .icon {
	height: 32px;
	left: 10%;
	margin-left: -2px;
	margin-top: -2px;
	position: absolute;
	top: 10%;
	width: 32px;
	}

.wp-block-column > h2,
.wp-block-column > h4 {
    padding-top: .6em !important;
    }

.site-footer .jetpack-social-navigation a {
    background: #a9bba8;
	}


@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: #6e9542;
}
.landingpage .panel-content .entry-title,
.landingpage .entry-content h2,
.landingpage h3 {
	text-transform: none;
}

.site-info {
    text-transform: none;
    }

.lightgreen-bckgnd {
    background-color: #f6f9f2;
    }

/* insegnanti - round mask for portrait */
figure.wp-block-image .wp-image-1460,
figure.wp-block-image .wp-image-1461,
figure.wp-block-image .wp-image-1462,
figure.wp-block-image .wp-image-1463,
figure.wp-block-image .wp-image-1464 {
    border-radius: 50%;
    }

/* ---------------- APPUNTI ------------------------
div .wp-block-column
.wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column 
****************************************************

/* for your consideration see also: WP custom CSS
in personalizza / CSS aggiuntivo:

.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 );
}
.mail_btn {
	background-color:#222222;
	margin:2em;
}
.mail_btn a:hover, .mail_btn a:active {color:#ffffff;}


****************************************************

privacy page:

.page-id-159

****************************************************
                                       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 ) {
}

****************************************************

*/
