/*
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;
}
body .gform_wrapper input[type="submit"],
body .gform_wrapper button[type="submit"] {
    background-color: #455F69;
    color: #fff;
    font-weight: "Raleway";
    border: 1px solid #455F69;
    transition: all 0.3s ease;
}

body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper button[type="submit"]:hover {
    background-color: #fff;
    color: #206a86;
}
/* END Buttons */


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



/* 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 */

/* 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 */

/* Project-Specific CSS Goes here. */

/* Changes the header to not be sticky when editing (doesn't show in the front end) */
body.elementor-editor-active selector {
margin-bottom:0px !important;
}

/* Background color and/or opacity on sticky */

.elementor-sticky--active {
background-color:rgba(255,249,247,0.7);
transition: all 0.5s ease;
}

.elementor-sticky--effects {
background-color:rgba(255,249,247,1.0);
transition: all 0.5s ease;
}

.owl-theme .owl-nav {
    position: absolute;
    top: calc(50% - 25px);
    left: 5px;
    right: 5px;
    margin: auto;
    font-family: "Raleway", Sans-serif;
    font-size: 50px;
    color: #ffffff;
}

.owl-theme .owl-nav [class*=owl-] {
    transition: all 300ms ease;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: rgba(100,100,100,0.7) !important;
    background: rgba(255,249,247,0.7) !important;
}

.owl-theme .owl-nav .owl-prev {
    float: left;
}

.owl-theme .owl-nav .owl-next {
    float: right;
}

/* Design Gallery Filters */
@media (max-width:1024px) {
    .vertical-filters .menu-item li {
        display:inline-block !important;
    }
}

.vc-HomepageHeroSection > .elementor-background-overlay {
    background-size: cover !important;
    background-attachment: scroll !important;
}

html:not(.no-touch) div[class^='ilightbox'] {
	display: none !important;
}