/*
Theme Name: Gymie
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gymie
Tags: 
*/

html {
  scroll-behavior: smooth;
}

#social-icons a{
	font-size:30px !important;
}

.details-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

.wp-block-details.osom-details summary::before {
    content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20PD.%20Made%20by%20Mary%20Akveo%3A%20https%3A%2F%2Fmaryakveo.com%2F%20--%3E%3Csvg%20fill%3D%22%23000000%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22plus%22%20data-name%3D%22Flat%20Line%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%20flat-line%22%3E%3Cpath%20id%3D%22primary%22%20d%3D%22M5%2C12H19M12%2C5V19%22%20style%3D%22fill%3A%20none%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    display: inline-block;
    width: 20px;
    margin-right: 8px;
    vertical-align: middle;
}

.wp-block-details.osom-details[open] summary::marker {
    content: '';
}
 
.wp-block-details.osom-details[open] summary::before {
    content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20Apache.%20Made%20by%20Iconscout%3A%20https%3A%2F%2Fgithub.com%2FIconscout%2Funicons%20--%3E%3Csvg%20fill%3D%22%23000000%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%2C11H5a1%2C1%2C0%2C0%2C0%2C0%2C2H19a1%2C1%2C0%2C0%2C0%2C0-2Z%22%2F%3E%3C%2Fsvg%3E"); 
}

.wp-block-details summary {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

/* Main wrapper */
.form-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 700px;
	margin: auto;
}

/* Make row flex */
.input-row {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

/* Half width for each input */
.input-half {
  flex: 1;
}

/* Input styling */
.input-half input.wpcf7-form-control {
  width: 100%;
  padding: 18px 20px;
  font-size: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: #fff;
  border-radius: 6px;
  box-sizing: border-box;
}

/* Placeholder style */
.input-half input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Submit button */
.send-button {
  background-color: #68A956;
  padding: 12px 24px;
  color: white;
  font-size: 22px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.send-button:hover, .wp-block-button a:hover {
  background-color: #4aa34d;
}

.form-wrapper .wpcf7-spinner {
    display: none !important;
}

@media (max-width: 768px) {
  .input-row {
    flex-direction: column;
	gap: 0px !important;
  }
	
	#modal-1{
		height:100vh !important;
	}

  .send-button {
    width: 100%;
    text-align: center;
  }
	
	header .hover-button{
		display: none !important;
	}
}

.header-div{
	position: fixed;
	top: 0;
	width:100%;
	z-index:100000 !important;
	transform: translateY(0px);
}