/**
 * Theme Name:     Dimodica
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   dimodica
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


header > .elementor-element, footer > .elementor-element { padding: 0% !important; }

h1.elementor-heading-title, h2.elementor-heading-title, .line p { position: relative; margin-bottom: 2rem; padding-bottom: 2rem;}
h1.elementor-heading-title::after, h2.elementor-heading-title::after, .line p::after { position: absolute; content: ""; width: 20%; height: 5%; background: var( --e-global-color-9553108 ); left: 0; bottom: 0;}
/*.center h2.elementor-heading-title { text-align: center;}
.center h2.elementor-heading-title::after { left: 40%; }*/
.elementor > .elementor-element { padding: 4% 0 8% 0;}
.elementor > .elementor-element.top-padding { padding-bottom: 0 !important;}
.external-list li { background: var( --e-global-color-9553108 ); padding: 10px !important;}
.external-list li:hover { background: #e8308aEE; padding: 10px !important;}
.e-con-inner > .elementor-shape-bottom svg, .e-con-inner > .elementor-shape-top svg {  height: 8vh;}
.elementor-nav-menu__container.elementor-nav-menu--dropdown { position: absolute; right: 0; top: 40px; min-width: 330px;}

/*
TO REMOVE LINKS FROM THE POST LISTING CATEGORY BILD
*/
.elementor-post__title a, .elementor-post__thumbnail__link { pointer-events: none; cursor: default; }
.elementor-post__title a { text-decoration: none !important;  color: inherit !important; }
/* END */


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

	.elementor > .elementor-element { padding: 4% 2% 8% 2%;}
	.banner { min-height: 70vh !important;}

}



@media screen and (max-width: 820px) { 
	
	.banner { min-height: 50vh !important;}
	
}

@media (max-width: 767px) and (min-width: 430px) {
  .elementor-grid-mobile-1 .elementor-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
}



@media screen and (max-width: 540px) { 
	
	.banner { min-height: 30vh !important;}
	.e-con-inner > .elementor-shape-bottom svg, .e-con-inner > .elementor-shape-top svg {  height: 4vh;}
	
}