/*
Theme Name:   Astrachild
Description:  Write here a brief description about your child-theme
Author:       ferran
Author URL:   Write here the author's blog or website url
Template:     astra
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Astrachild
*/

/* Write here your own personal stylesheet */

body.home {
	background-color: #0000FF;
}

#logo {
    position: fixed;
    bottom: 20px;
    right: 20px;
  	z-index: 10;
 }

#logo a {
 	display: inline-block;
  	width: 15vw;
    min-width: 250px;
    min-height: 120px;
    background: url(http://easdvalencia.com/disseny-obert/wp-content/uploads/2023/09/do_blau.png) no-repeat center right / contain scroll transparent;
}

body.home #logo a {
    background-image: url(http://easdvalencia.com/disseny-obert/wp-content/uploads/2023/09/do_blanc.png);
}

body.home .intro {
 	font-size: 55px;
  	line-height: initial!important;
}

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

    body.home .intro {font-size: 30px;}
  	#logo a {min-height: 100px;}
}

/* fixar header above */
.site-header .ast-above-header-wrap {
    z-index: 99;
    position: fixed;
    top: 0;
    width: 100%;
  	/*
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  	*/
}

.main-header-bar-wrap {
	margin-top: 100px;
}




/* menú mòbil */

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

    .main-header-bar-wrap {
        margin-top: 10px;
    }
}

.ast-header-break-point .main-header-menu,
.ast-mobile-header-wrap .ast-mobile-header-content {
    background-color: transparent;
}

.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon {
  	display: none;
}

.ast-button-wrap {
	background: url(http://easdvalencia.com/disseny-obert/wp-content/uploads/2023/09/mes.png) no-repeat center center / contain scroll transparent;
}

.ast-button-wrap .menu-toggle.main-header-menu-toggle {
  	padding: 1em;
}

.ast-mobile-header-wrap .ast-mobile-header-content {
    background-color: #00f;
    height: 100vh;
  	width: 100vw;
    position: fixed;
    top: 0;
}

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

    .main-navigation ul.ast-flex {flex-direction: row;}
 	.ast-button-wrap {margin: 0 10px}
}

.ast-header-break-point .main-navigation .stack-on-mobile li {
    width: inherit;
}

.main-header-menu .menu-item {
	padding-right: 40px;  
}

.main-header-menu .menu-link {
	color: #0000ff;
  	font-size: 20px;
}

.ast-main-header-wrap .main-header-menu .menu-link {
 	color: #000; 
}

@media only screen and (min-width: 920px) {

    .ast-main-header-wrap .main-header-menu .menu-link {font-size: 25px;}
  
}

.main-header-menu .current-menu-item > .menu-link {
	text-decoration: underline;
}

.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
    box-shadow: none;
    display: inline;
}

.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu li.menu-item,
.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu li.menu-item .menu-link {
    display: inline;
}

.main-header-menu .sub-menu {
    position: static;
    background: transparent;
    left: inherit;
    width: inherit;
}

.main-navigation ul.ast-flex {
    flex-direction: row;
}

.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item {
    line-height: 2;
}

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

    .main-header-menu .menu-link {color: #fff;}
	.main-navigation ul.ast-flex {flex-direction: column;}
  
}




h1.site-title {
    color:transparent;
    mix-blend-mode: difference;
}

h1.site-title a {
    color: #fff;
}

header .custom-logo-link img {
    mix-blend-mode: difference;
}

#content {
    margin-top: 60px;
}

body.home #content {
  	margin-top: 0;
}

@media only screen and (min-width: 920px) {
  
    body.home #content {margin-top: 0;}

}

.entry-content p {
  	line-height: 1.4;
}

@media (max-width: 544px) {
  
	.wp-block-group, .wp-block-cover {padding: 0em;}
  
}

body.home #content .entry-content h2 {
    text-align: left;
    font-size: 1.6rem;
    font-size: 1.8vw;
}

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

    body.home #content .entry-content h2 {font-size: 2rem;}
}

body.home #content .entry-content h2 a {
    text-decoration: underline;
    transition: all .2s ease-out;
    font-size: inherit!important;
}

body.home #content .entry-content h2 a:hover {
    color: #fc4921;
}




.wp-block-group.dades p {
 	line-height: 1.4;
  	font-size: 1.6rem;
}

.ast-single-post .entry-content a img {
    transform: translate(0, 0);
    transition: all .2s ease-in-out;
    z-index: 0;
    position: relative;
}

.ast-single-post .entry-content a:hover img {
    transform: translate(20px, -30px) rotate(8deg) scale(1.1);
    transition: all .2s ease-in-out;
	box-shadow: rgba(120, 120, 120, 0.3) -5px 5px 30px, rgba(120, 120, 120, 0.35) -5px 5px, rgba(120, 120, 120, 0.3) -10px 10px, rgba(120, 120, 120, 0.25) -15px 15px, rgba(120, 120, 120, 0.2) -20px 20px, rgba(120, 120, 120, 0.15) -25px 25px, rgba(120, 120, 120, 0.1) -30px 30px, rgba(120, 120, 120, 0.05) -35px 35px;
    z-index: 1;
}

figure.wp-block-image.easdv {
    margin-bottom: 0;
}

div.separator {
    width: 100%;
    height: 3px;
    background-color: #eeeeee;
    margin: 20px 0 40px;
}

.single .post-navigation {
    display: none;
}

article header.entry-header {
    display: none;
}

.wp-block-columns .wp-block-group.alumne {
    padding-top: 0;
    padding-bottom: 0;
    border-left: 1px solid #999;
}

.wp-block-columns .wp-block-group.alumne p {
  	line-height: 1.3;
    font-size: 1.2rem;
}

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

  	.wp-block-columns .wp-block-group.alumne p {font-size: 1.35rem;}
}

.entry-content > .wp-block-media-text.llibre h3 {
    font-weight: normal;
	text-transform: uppercase;
}

.entry-content > .wp-block-media-text.llibre img {
	transform: translateX(8%) translateY(-30px) rotate(10deg);
    position: relative;
    z-index: -1;
    box-shadow: -10px 10px 60px rgba(0,0,0,.3);
}

.entry-content h4 {
  	font-weight: normal;
  	border-bottom: 1px solid #777;
	padding-bottom: 10px;
  	margin-bottom: 40px;
}

/* fixar llibre al fons de pàgina 
body.single article .entry-content .llibre {
  	position: fixed;
}

body.single article .entry-content > .wp-block-columns.has-background.alignfull {
	margin-top: 100vh;
	z-index: 10;
  	position: relative;
}
*/

/* posar scroll en caixa ressenya */
body.single article .entry-content .wp-block-columns .wp-block-columns > div:first-child {
  	overflow-y: scroll;
	height: 70vh;
  	line-height: 1.4;
}

.has-drop-cap:not(:focus)::first-letter {
 	color: #0000ff; 
}