/*
Theme Name: Wdesign.gr Child
Description: Child theme for the Wdesign.gr. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: Wdesign.gr
Author URI: https://wdesign.gr
Template: wdesign
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.wd{font-style: normal !important; font-size: 50px !important; }
.nayla-subscribe-form .send-wrap button.button.button-block{color: #191919 !important;}
.sticky-logo {width: 160px !important;}
form.wpcf7-form > div {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 1em !important;
    padding-bottom: 0.5em !important;
    float: left;
    margin-bottom: 0;
    line-height: 1em;
}
form.wpcf7-form > div label{font-size: 18px !important;}
.grid-project-title{
	text-transform: capitalize !important;
    font-size: 22px !important;
}
.service-wd{font-size: 19px !important; font-weight: 300 !important; line-height: 28px !important;}
.tb{height: fit-content !important;}
.wpcf7-select{
	background: transparent !important;
    border: none !important;
    width: 100% !important;
	font-family: "Source Sans 3" !important;
    height: 35px !important;
    font-size: 17px !important;
    font-weight: 300 !important;
	margin-top: 15px !important;
}
.wpcf7-select option {
            color: black !important;
        }
.project-title h1{text-transform: capitalize !important;}
.nayla-clients-grid .client a img {
    max-width: 155px !important;
    max-height: 80px !important;
}
.hover-classic .grid-project-category, .hover-classic .grid-project-category span, .hover-classic .grid-project-title, .hover-imageMask .grid-project-image img{transition: none !important; -webkit-transition: none !important;}
.hover-imageMask .grid-project a:hover .grid-project-image img:not(.masked){
	-webkit-clip-path: unset !important;
    clip-path: unset !important;
}
.nayla-next-project{height: 50vh !important;}
.next-project-title{top: 60% !important;}
.next-project-title .md-title{font-size: 100px !important;}
.next-project-caption{left: 40% !important;}
.next-project-caption.all{left: 60% !important;}
@media (min-width: 768px){
.sticky-dark.sticked .sd-menu, .site-header.sticky.sticked .sd-menu{display: none !important;}
.sticky-dark .sticky-menu, .site-header.sticky .sticky-menu {display: none !important;}
.sticky-dark.sticked .sticky-menu, .site-header.sticky.sticked .sticky-menu {display: block !important;}
.sticky-dark.sticked .stick-mid, .site-header.sticky.sticked .stick-mid {display: none !important;}
.sticky-dark.sticked .stick-left, .site-header.sticky.sticked .stick-left {width: 25% !important;}
.sticky-dark.sticked .stick-right, .site-header.sticky.sticked .stick-right {width: 75% !important;}
	}
#site-navigation.classic ul.main-menu > li {
    display: inline-block;
    padding: 0 20px !important;
    letter-spacing: -0.01em;
}
.stick-right .sticky-menu{margin-bottom: 0px !important; margin-top: 5px !important;}
.marq{pointer-events: none !important;}
.marq *{pointer-events: all !important;}
.marq{overflow: hidden !important;}
.menu-toggle{float: right !important;}
@media(max-width: 768px){
	.nayla-marquee h3{font-size: 35px !important;
    line-height: 35px !important;}
	.wd-foot h3{text-align: center !important;}
	.post-title.text-h2{
		font-size: 35px !important;
    padding-top: 50px !important;
	}
	.post-title.text-h3 {
        font-size: 28px !important;
        line-height: 30px;
        padding-top: 0px !important;
    }
	.single-blog-post.split .single-post-page .post-featured-image{
    max-width: 100% !important;
}
	.elementor-15 .elementor-element.elementor-element-486552b .project-title h1 {
        font-size: 35px !important;
        padding-top: 75px !important;
    }
	.next-project-title .md-title{font-size: 35px !important;}
	.grid-project-title span::after{display: none !important;}
	.grid-project-category{display: none !important;}
	.elementor hr, .portfolio-grid hr{height: 0px !important;}
	.c-col-6.entry-content{width: 100% !important;}
}