/*
Theme Name: Valorous Circle's Hello Elementor Child
Theme URI: https://valorouswebdesign.com
Template: hello-elementor
Author: Valorous Circle LLC
Author URI: https://valorouswebdesign.com
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.2.0.1565622455
Updated: 2019-08-12 11:07:35

*/

/* Buttons */
input[type="button"] {
	border-color: #888888;
	color: #888888;
}

input[type="button"]:hover,
input[type="button"]:focus {
	background-color: #888888;
}

/* Gravity Forms */ 
.eael-gravity-form .gfield select {
    border-radius: 0px;
}
/* END Gravity Forms */ 



/* Password Protected Page */
form.post-password-form {
	display: block;
	align-items: center;
	text-align: center;
	margin: 40px 25px;
}

form.post-password-form p:nth-of-type(1) {
	font-weight: 500;
	color: #000;
	padding-bottom: 20px;
	line-height: 1.3;
}

form.post-password-form input {
	margin-bottom: 12px;
}

form.post-password-form [type=submit] {
	border-color: #4CAF50;
	background-color: #4CAF50;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}

form.post-password-form [type=submit]:hover {
	background-color: #46a049;
	border-color: #46a049;
}

form.post-password-form label {
	padding-bottom: 5px;
}
/* END Password Protected Page */



/* Google Policy */
.vc-GFGooglePolicy {
	font-size: 12px;
	line-height: 1.3;
}

.vc-form-light .vc-GFGooglePolicy {
	color: #FFFFFF96;
}
/* END Google Policy */




/* Homepage Projects Carousel */
#vc-posts .pp-post-content .pp-post-title {
    background-color: var( --e-global-color-5bcd7fa );
    padding: 10px 20px;
    display: inline-block;
    width: auto;
}

@media (max-width: 1024px) {
    #vc-posts .swiper-container-autoheight {
        height: 415px;
    }
}
/* END Homepage Projects Carousel */




/* Single Project */
.vc-project-detail-title {
    color: #A5A7AB;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
	line-height: 1.5;
	margin-bottom: -15px;
}

/** slider **/
#vc-project-slider .elementor-image-carousel.swiper-wrapper .swiper-slide-image {
    height: 74vh;
    padding: 25px;
    width: 100vw;
    object-fit: contain;
}

#vc-project-slider .elementor-swiper-button {
    background-color: black;
    border: 1px solid black;
    padding: 6px;
    transition: all 200ms ease-in-out;
}

#vc-project-slider .elementor-swiper-button:hover {
    border-color: var( --e-global-color-c452705 );
    color: var( --e-global-color-c452705 );
}
/* END Single Project */



/* Project Archive */
@media (max-width: 1024px) {
    #vc-project .elementor-animated-content .elementor-animated-item--fade-in {
        opacity: 1;
    }
    
    #vc-project .elementor-cta__title, #vc-project .elementor-cta__description {
        color: white;
    }
    
    #vc-project .elementor-cta__bg-overlay {
        background-color: #000000A1;
    }
}
/* END Project Archive */




/* Frosted Glass Effect */
.vc-frosted {
    backdrop-filter: blur(3px) grayscale(20%);
}
/* END Frosted Glass Effect */



/* Horizontal Scroll Fix */
body {
	overflow-x: hidden;
}
/* END Horizontal Scroll Fix */




/* Single Blog Post */
.vc-post-nav .elementor-post-navigation__separator-wrapper {
    padding: 0px 20px;
}
/* END Single Blog Post */



/* Tabs */
.vc-tabs .eael-tabs-nav {
    margin: 0px 15%;
    margin-bottom: -32px;
}

@media (max-width: 1024px) {
    .vc-tabs .eael-tabs-nav {
        margin: 0px 10px -32px 10px;
    }
}


@media (max-width: 767px) {
    .vc-tabs .eael-tabs-nav {
        margin: 0px 10px;
    }
}
/* END Tabs */


/* Header */

@media (min-width: 1024px) {
	#vc-menu .vc-menu-bid {
		display: none;
	}
	.eael-offcanvas-content #vc-menu .vc-menu-bid {
		display: inline-block;
	}
}

.vc-sticky-menu {
    opacity: 0;
}

.vc-sticky-menu.elementor-sticky--active {
    opacity: 1;
}

/* END Header */


/* Fix Elementor Icon List Alignment */
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: start !important;
}

.elementor-widget .elementor-icon-list-icon {
    margin-top: 3px;
}
/* END Fix Elementor Icon List Alignment */