/* 
Theme Name: TRIPOS - HMD - Custom Theme Child
Theme URI: https://www.digizone.gr/web
Description: TRIPOS - HMD Theme Child is a child theme of hmdcraftcocketails.gr Main Theme, created by DigiZone Web team
Author: DigiZone Web Team
Author URI: https://www.digizone.gr/web
Template: tripodis-hmd-theme
Version: 1.0.1
Text Domain: tripodis-hmd-theme-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
*/
.stickyheadersection {
    transition: background-color 0.1s ease;
}

.elementor-sticky--effects.stickyheadersection {
    background-color: #000;
    /* Background color when sticky */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.29);
    /* remove if you don't want a box shadow on the sticky header */
}
.hmpglogo2 {
	width: 45%;
    background-color: #000;
    padding-bottom: 15px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.elementor-sticky--effects.stickyheadersection .hmpglogo {
    width: 45%;
    background-color: #000;
    padding-bottom: 15px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.elementor-sticky--effects.stickyheadersection .elementor-382 .elementor-element.elementor-element-fe10e24 > .elementor-widget-container {
    margin: 0 !important;
}
.page-id-169 .events-pg .e-font-icon-svg {
    margin-top: 8px !important;
}

@media screen and (max-width: 1024px) {
	.elementor-sticky--effects.stickyheadersection .hmpglogo {
		width: 62%;
	}
	
	.hmpglogo2 {
		width: 30%;
		background-color: #000;
		padding-bottom: 15px;
		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	}
}

@media screen and (max-width: 750px) {		
	.elementor-sticky--effects.stickyheadersection .hmpglogo {
		width: 62%;
	}
	
	.hmpglogo2 {
		width: 30%;
		background-color: #000;
		padding-bottom: 15px;
		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	}
}