/*
Theme Name: Hello Elementor Child
Theme URI: https://welldesignstudio.com/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Well Design Studio
Author: Well Design Studio
Author URI: https://welldesignstudio.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*---------------------------*/
/*------ SITE Defaults ------*/
/* Font smoothing */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: antialiased;
}

body {
  overflow-x: hidden;
}

body ul,
body ol {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: unset;
}

/*--------------------------------*/
/*------ ELEMENTOR Defaults ------*/
.elementor-widget-text-editor a,
.elementor-widget-text-editor a:hover,
.elementor-widget-container p a,
.elementor-widget-container p a:hover {
  color: inherit;
}

section.elementor-section.elementor-top-section {
  padding: 60px 0px;
}

body .elementor-element.elementor-widget-spacer,
body .elementor-widget.elementor-widget-divider {
  margin-bottom: 0 !important;
}

body .elementor-widget-divider .elementor-divider {
  overflow: hidden;
}

body .elementor-element.elementor-widget-icon {
  line-height: 1em;
}

body .elementor-widget p:last-child {
  margin: 0;
}

body .elementor-widget-wrap > aside.elementor-section {
  width: auto;
}

body.elementor-widget-nav-menu li.menu-item > a.elementor-item > span.hidden {
  display: none;
}

.elementor a,
.elementor a:hover {
  color: unset;
}

/* Video Banners Fade-In */
.elementor-background-video-container iframe {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 2s;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*----------------------------*/
/*------ Custom Classes ------*/

.no-margin {
  margin: none;
}
/* White Space No Wrap Class */
.no-wrap {
  white-space: nowrap;
}

/*---------------------------*/
/*------ Header Styles ------*/

/*------------------------------*/
/*------ Elementor Styles ------*/

/*----------------------------------*/
/*------ Gravity Forms Styles ------*/

/* Hide Honeypot Fields */
#field_4_22 {
    display: none !important;
}

/* Container for the radio buttons */
.gfield_radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Adjust this to 'flex-start' if the space between is not desired */
}

/* Individual radio button containers - .gchoice */
.gfield_radio .gchoice {
    width: 50%; /* Each radio option will take up slightly less than half the container's width */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    margin-bottom: 10px; /* Space between the rows */
}

/* Styling for the label which will be visible and clickable by the user */
.gfield_radio .gchoice label {
    display: block;
    background-color: #fff; /* Unselected background color */
	border: 1px solid #000;
	font-weight: 600;
	font-size: 16px;
	color: #000;
    padding: 20px; /* More padding for larger click area and aesthetics */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    width: 100%; /* Label will take up the full width of .gchoice */
}

/* Hide the actual radio input element and only show the label */
.gfield_radio .gchoice input[type='radio'] {
    display: none;
}

/* Styling for the label when the radio input is selected */
.gfield_radio .gchoice input[type='radio']:checked + label {
    background-color: #000000; /* Selected background color */
    color: #fff;
}

/* Adjust the .gchoice width on smaller screens if needed */
@media (max-width: 767px) {
  .gfield_radio .gchoice {
    width: 100%; /* Full width for smaller screens */
  }
}

/*-----------------------------------------*/
/*------ Elementor Form Placeholders ------*/

.white-placeholder
  .elementor-field-group
  .elementor-field-textual::placeholder {
  opacity: 1;
}

/*-----------------------------------*/
/*------ Virtuous Form Styling ------*/

form[id*="vcrm"] .v_ig .v_lw label {
    display: block;
    font-weight: 700;
    text-transform: none;
    padding: 10px 0 10px 0;
}

}
form[id*="vcrm"] .v_fh__wb {
    font-weight: Normal !important;
    color: #00B5E2 !important;
}

/*--------------------------------------*/
/*------ Search and Filter Styles ------*/

/*---------------------------*/
/*------ Footer Styles ------*/

/*----------------------------------*/
/*------ Miscellaneous Styles ------*/

/* One-Click Accessibility Toolbar Styling */

.pojo-a11y-toolbar-title {
	line-height: 1.6em;
	font-size: 14px;
}