/*
 Theme Name: Wisdomhouse Theme
 Template: hello-elementor
 Version: 1.0
*/

/*
 * Gutenberg styles
 */

:where(figure){
	margin: 2rem 0 1rem 0;
}

p.wp-block-paragraph a,
.wp-block-list li a{
	color: var(--e-global-color-secondary);
    text-decoration: underline;
}

p.wp-block-paragraph a:hover,
.wp-block-list li a:hover{
	color: var(--e-global-color-primary);
    text-decoration: underline;
}

.loo-quote-block{
    font-family: 'Montserrat';
    font-size: 30px;
    line-height: 35px;
    font-weight: 200;
    margin: 45px auto;
    width: 90%;
}

.loo-quote-block p{
    padding-left: 90px;
}

.loo-quote-block:before{
    content: '"';
    font-size: 153px;
    float: left;
    font-family: 'Catamaran';
    font-weight: 500;
    opacity: 0.72;
    height: 50px;
    display: flex;
    align-items: end;
}

/** Yksilöidyt tyylit palveluihin **/

/* Sinulle */

.page-id-19 .loo-quote-block:before{
    color: var(--e-global-color-0017358);
}

/* Tiimille */

.page-id-1239 .loo-quote-block:before{
    color: var(--e-global-color-5eea70c);
}

/* Organisaatiolle */

.page-id-23 .loo-quote-block:before{
    color: var(--e-global-color-4d24b85);
}

@media screen and (max-width: 767px){
    
  .loo-quote-block{
    font-size: 25px!important;
    line-height: 30px!important;
    margin: 45px 0!important;
    width: 100%!important;
}

.loo-quote-block p{
    padding-left: 60px!important;
}

.loo-quote-block:before{
    font-size: 120px!important;
}  
   
}

/**
 ** Gutenberg nappulat
 **/

.elementor-element .wp-block-buttons>.wp-block-button .wp-block-button__link{
	color:var(--e-global-color-7f806d7);
    background-color: var( --e-global-color-accent );
    border: 2px solid var( --e-global-color-accent );
    border-radius: 4px;
    transition: .2s ease;
    padding: 7px 25px;
	font-size: 20px;
	font-weight: 500;
	width: auto;
}

.elementor-element .wp-block-buttons>.wp-block-button .wp-block-button__link:hover{
	text-decoration: none;
    background-color: var(--e-global-color-e53f8e2);
    color: var( --e-global-color-accent );
}