/* 
Theme Name: Monthly Events - The7Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: WP Monthly Events is a child theme of The7, created by Haywoodtech Team
Author: Haywoodtech Team
Author URI: https://haywoodtech.it/
Template: dt-the7
Version: 1.0.0
Text Domain: wpmonthly
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
*/
:root{
	--base : #8516b9;
    --gradient-1: linear-gradient(90deg, #8516b9 0%, #7120f3 100%);
    --gradient-moz-1: -moz-linear-gradient(90deg, #8516b9 0%, #7120f3 100%);
    --gradient-webkit-1: -webkit-linear-gradient(90deg, #8516b9 0%, #7120f3 100%);
	
	--gradient-2: linear-gradient(180deg, #8516b9 0%, #7120f3 100%);
    --gradient-moz-2: -moz-linear-gradient(180deg, #8516b9 0%, #7120f3 100%);
    --gradient-webkit-2: -webkit-linear-gradient(180deg, #8516b9 0%, #7120f3 100%);
	
    --gradient-text-1:-webkit-linear-gradient(132deg,#e30c0c,#812bea);
    --gradient-text-1-hover:-webkit-linear-gradient(132deg,#e30c0c,#000);
}
.header-topbar, .top-bar-bg {
    height: 40px;
    background: var(--base);
    background: var(--gradient-2);
    background: var(--gradient-moz-2);
    background: var(--gradient-webkit-2);
    display: flex;
    align-items: center;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
    font-size: 14px;
}
.topbar-content{
    max-width: 1350px;
    color : #FFF;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
}
.site-header{
	z-index:999;
}
.site-header .site-branding .site-logo img{
    max-width:100%;
    width:100%;
}
.site-navigation ul.menu li.menu-item-has-children:after {
    font-size: 13px;
    right: 14px;
}
.site-navigation ul.menu li ul {
    min-width: 200px;
    box-shadow: rgba(99, 99, 99, 0.2) 3px 5px 8px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.wpmonthly_feature_header {    
    color: #fefefe;
    padding: 25px;
}
.wpmonthly_feature_header .header_container{
	display: flex;
    align-items: center;
    justify-content: space-between;
	max-width: 1350px;
    margin: 0 auto;
	 font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
}
.wpmonthly_feature_header .header_container h1{
	margin:0;
}
.slider-bg{
    background: var(--base);
	background: var(--gradient-1);	
    background: var(--gradient-moz-1);
	background: var(--gradient-webkit-1);	
}
.wpme_list .elementor-widget-image-box{
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    min-height: 375px;
}
.gradient_text {
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: var(--gradient-text-1);
    color: #812bea;
}

.gradient_box h3{
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: var(--gradient-text-1);
    color: #812bea;   
}
.gradient_box .elementor-icon-box-icon,.gradient_box .elementor-icon-div{
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    border-radius: 100px;
    width: 100px;
    display: flex;
}
.ecwp_feature .wf-cell:hover h3 {
    background-image: var(--gradient-text-1-hover);
}
.wpme_border{
    background: var(--gradient-text-1);
    padding: 0.5em;
}

.wa__popup_powered {
    display: none;
}

/*** Menus **/
.current-menu-item a {
    color: #7120f3 !important;
}
.site-header .site-navigation ul.menu li a:hover {
    color: #7120f3;
}
nav.rank-math-breadcrumb p {
    margin: 0;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
}
nav.rank-math-breadcrumb span {
    color: #dbdbdb;
}
.ecwpimg div.elementor-widget-container:before {
    background: linear-gradient(120deg,#8516b996 45%,rgba(255,74,158,0));
    border-radius: 300px;
    content: "";
    display: block;
    height: 300px;
    position: absolute;
    left: -10%;
    top: -5%;
    width: 300px;
    z-index: -1;
}
/*** WP Monthly Events Calendar **/
#ecwp-calendar .ecwp_search button.MuiButtonBase-root {
    background-color: #333;
}
.MuiDialog-paper button {
    background: none;
    color: #000;
}
.ecwp_container img:first-child {
    width: 100%;
    height: auto;
}
.ecwp_container_main img {
    width: auto !important;
}
.ecwp_search input{
    min-height: 35px;
}
/**** Posts  ***/
body.single-post h2 {
    font-size: 20px;
}
body.single-post .page-title h1{
    font-size: 22px !important;
    line-height: 32px !important;
}
/**** MEDIA QUERY ***/
@media only screen and (max-width: 600px) {
    .header-topbar {
        font-size: 10px;
    }
    .site-navigation-dropdown ul.menu li.current-menu-item a {
        background: #fefefe;
    }
    .site-navigation-dropdown ul.menu li a {
        font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    }
}