/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* HOME TEASER ANIMATION HOVER */
.cat-teaser:after{
    opacity:0;
   content:'';
   position: absolute;
   left:15px;
   top:15px;
   bottom:0px;
   height:calc(100% - 30px);
   width:calc(100% - 30px);
   border:1px solid #fff;
   transition:all 0.25s ease-out;
}

.cat-teaser:hover:after{
    opacity:0.6;
}

.cat-teaser:before{
    content:'';
    background-color:#000;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
       transition:all 0.25s ease-out;
}

.cat-teaser:hover:before{
    opacity:0.1;
}

.cat-teaser{
    background-size:120% !important;
    transition:all 0.6s ease-out;
	aspect-ratio:17/9;
}
@media screen and (max-width: 1024px){
	.cat-teaser{
		aspect-ratio:auto !important;
	}
}

.cat-teaser:hover{
    background-size:125% !important;
}


/* SIDEBAR TEASER */

.sidebar .cat-teaser{
    aspect-ratio: auto;
}

.siderbar .cat-teaser:after{
	display:none;
}


/* LINK HOVER */
h2 a{
    transition:color 0.15s linear;
}

h2 a:hover{
    color:#0052B4 !important;
}


/* BLOCK SEPARATOR */
hr.wp-block-separator{
	margin: 3rem auto 3rem auto;
    width: 80%;
    border-top: 0;
    color: rgba(0,0,0,0.2);
}

figure.wp-block-image,
figure.wp-block-embed{
	margin-inline-start:0;
	margin-inline-end:0;
}

/* BLOG BUTTONS */
.wp-block-button a.wp-block-button__link{
	color:#fff;
	transition:all 0.2s linear;
}
.wp-block-button a.wp-block-button__link:hover{
	color:#fff;
	background-color:var(--e-global-color-accent);
}

.wp-block-button is-style-outline{
	
}