@charset "UTF-8";
/* 
Theme Name:		Drum Elementor Starter Theme
Theme URI:		https://elementor.com/
Description:	Drum Elementor Starter Theme is a child theme of Hello Elementor, created by Elementor team
Author:			Drum Creative Team
Author URI:		https://drumcreative.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
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
*/
/* Style - include Theme style
   ========================================================================== */
/* Pre Define variables for your theme.
any values defined here will take precedence over variables definitions.
========================================================================== */
/**
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 * Loading first in the style.scss & editor-style.scss
 */
/* Custom style for your theme.
========================================================================== */
/**
To change or override any style, add a new scss file under ./custom/ directory
and include it here.
 */

/* Fix WooCommerce width issue */
div.elementor-widget-container div.woocommerce {
	max-width: 1080px;
    margin: 0 auto;
}

body {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body:not(.elementor-editor-active) #female-section, body:not(.elementor-editor-active) #male-section {
    display: none;
}

body.start-here-female #female-section, body.start-here-male #male-section {
    display: block;
}

body.start-here-female .start-here-intro > .elementor-column-wrap {
	background-color: #57BDBB !important;
}

body.start-here-female .start-here-photo > .elementor-column-wrap {
	background-image: url(https://piedmontwc.wpengine.com/wp-content/uploads/2020/02/start-here-female.jpg) !important;
}

body.start-here-male .start-here-intro > .elementor-column-wrap {
	background-color: #592C82 !important;
}

body.start-here-male .start-here-photo > .elementor-column-wrap {
	background-image: url(https://piedmontwc.wpengine.com/wp-content/uploads/2019/12/feature-window.jpg) !important;
}

body.start-here-male .female-btn a, body.start-here-male .male-btn a {
	color: #592C82 !important;
	background-color: #fff !important;
}

body.start-here-male .female-btn a:hover, body.start-here-male .male-btn a:hover, body.start-here-male .female-btn a:active, body.start-here-male .male-btn a:active, body.start-here-male .male-btn a {
	border-color: #fff !important;
	color: #fff !important;
	fill: #592C82 !important;
	background-color: #592C82 !important;
}

body.start-here-male .male-btn a {
	cursor: default;
	transform: none !important;
	opacity: .25;	
}

body.start-here-female .female-btn a {
	border-color: #fff !important;
	color: #fff !important;
	fill: #57BDBB !important;
	background-color: #57BDBB !important;
	cursor: default;
	transform: none !important;
	opacity: .25;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu a {
    white-space: normal !important;
}

div.post-password-required .elementor-row {
	margin: 0 auto;
	max-width: 1080px;
	padding: 80px 20px;
}

.post-password-form input[type="submit"] {
	vertical-align: bottom;
	height: 42px;
}

/* subscribe form styling in footer Jan 2022 */
#gform_wrapper_10 .gform_body.gform-body {
	display: inline-block !important;
	width: 50%;
}
#gform_wrapper_10 .gform_footer.top_label {
	display: inline-block !important;
}
#gform_wrapper_10 h2.gform_title {
	margin-bottom: -10px;
}
#gform_wrapper_10 input#input_10_1 {
    border-radius: 0;
    border-bottom: 1.5px solid #fff;
    margin: 0 !important;
}
div#gform_confirmation_message_10 {
    color: #fff;
    background: #57BDBB;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

/* N4L notification form styling */
#n4l-registration #gform_wrapper_10 .gform_body.gform-body {
	width: 64%;
}
/* N4L shimmer button */
.shimmer-button a.elementor-button {
    background: linear-gradient(270deg, #592c82, #b3b4bd);
    background-size: 400% 400%;
    animation: buttonShimmer 3s ease infinite;
  }
@keyframes buttonShimmer {

	    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}