/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.koi-btn:hover, .koi-btn-dark:hover {
    transform: scale(1.04);
  }

a.koi-btn, .brxe-search button {
    background-color: #d9d801;
    border:1px solid #a32e81;
    border-radius: 0.9375rem;
    background-image: linear-gradient(85deg, #A32E81, #ED3287);
    justify-content: center !important;
    padding: 0.75rem 1rem;
    text-align: center;
    transition: all 0.3s ease-in-out;
    width: auto;
  }

.brxe-search button:hover {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85);
  filter: brightness(105%);
  transform: scale(1.04);
}

a.koi-btn-dark {
    background-color: #d9d801;
    border:1px solid #ffffff;
    border-radius: 0.9375rem;
    background-image: linear-gradient(85deg, #A32E81, #ED3287);
    justify-content: center !important;
    padding: 0.75rem 1rem;
    text-align: center;
    transition: all 0.3s ease-in-out;
    width: auto;
  }

a.koi-btn-dark:hover {
  box-shadow: 4px 4px 10px rgba(255,255,255,0.25);
}

button[type="submit"] {
  transition: all 0.3s ease-in-out;
}

button[type="submit"]:hover {
  filter: brightness(105%);
  transform: scale(1.04);
}

.bricks-search-overlay {
  backdrop-filter: blur(15px);
}

.project:nth-child(even) {
  direction: rtl;
  text-align: left;
}

.project:nth-child(even) .project-client {
  text-align: right;
}

.project:nth-child(even) .brxe-text {
  text-align: left;
}

.project p strong {
  color: #f86f65;
  font-weight: 400;
}

:where(.brxe-heading).has-separator {
  gap: 0.625rem;
}

#post-body h2, #post-body h3 {
  margin: 3.75rem 0 0.9375rem 0;
}

#post-body h3 {
  margin-top: 1.875rem;
}

#post-body h4, #post-body h5, #post-body h6 {
  margin: 1.875rem 0 0.9375rem 0;
}

#post-body h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
}

#post-body h3 {
  color: #f86f65;
}

#post-body a {
  border-bottom: 2px dotted #ed2583;
  font-style: italic;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

#post-body a:hover {
  color: #ed2583;
}

#post-body li {
  margin: 0.46875rem 0;
}

.post-tag a {
  border-bottom: 1px dotted #ed2583;
}

.sendfox-form label.email {
  display: none;
}

.sendfox-form label.checkbox {
  color: #fff;
}

.sendfox-form  input, .sendfox-form button[type="submit"] {
  border: 1px solid rgba(255,255,255,1.0);
  border-radius: 0.9375rem;
}

.sendfox-form input[type="checkbox"] {
  border: 1px solid rgba(255,255,255,1.0);
}

.sendfox-form input {
  color: rgba(3,31,47,1.0);
}

.sendfox-form input::placeholder {
  color: rgba(3,31,47,0.65);
}

.sendfox-form button[type="submit"] {
  align-self: stretch;
  background-image: linear-gradient(85deg, #a32e81, #ed2583);
  color: #fff;
  font-size: 1.125rem;
  font-family: "Roboto Condensed";
  font-weight: 700;
  padding: 0.25rem 1rem;
  transition: all 0.3s ease-in-out;
}

.sendfox-message.success {
  background-color: #FFDF29;
  border-radius: 0.9375rem;
  color: rgba(3,31,47,1.0);
  padding: 0.9375rem;
  text-align: center;
}