/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

a {
  transition: all 0.5s;
}

a:active,
a:focus,
a:hover {
  text-decoration: none;
}

/* Webfont: GCGrind-Regular */
@font-face {
    font-family: 'GCGrind';
    src: url('inc/fonts/gc-grind/woff/gc-grind.woff2') format('woff2'),
         url('inc/fonts/gc-grind/woff/gc-grind.woff') format('woff'),
         url('inc/fonts/gc-grind/otf/gc-grind.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: SaltyAges-Regular */
@font-face {
    font-family: 'SaltyAges';
    src: url('inc/fonts/salty-web-ps/Salty Ages.woff2') format('woff2'), /* Modern Browsers */
         url('inc/fonts/salty-web-ps/Salty Ages.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Add your custom styles here... */

/* Text/Background utility classes for button colors */
.or-text-navy {
  color: #264167;
}

.or-bg-navy {
  background-color: #264167;
}

.or-text-teal {
  color: #19a7c7;
}

.or-bg-teal {
  background-color: #19a7c7;
}

.or-text-white {
  color: #ffffff;
}

.or-bg-white {
  background-color: #ffffff;
}

.or-text-transparent {
  color: transparent;
}

.or-bg-transparent {
  background-color: transparent;
}

/** BUTTONS **/
.btn,
button.btn,
input[type="submit"].btn {
  align-items: center;
  border: 2px solid;
  border-radius: 10px;
  display: inline-flex;
  gap: 0.5rem;
  justify-content: center;
  min-height: 48px;
  padding: 2px 1.5rem;
  text-decoration: none;
  transition: all 0.5s;
}

.input-group .btn {
  position: absolute;
  right: 0;
}

.or-buttons-container {
  width: 100%;
}

.or-buttons-inner {
  gap: 1rem;
}

.or-single-button-container {
  position: relative;
}

/* Background Colors */
input[type="submit"].btn-bg-navy,
.btn-bg-navy {
  background-color: #264167;
}

input[type="submit"].btn-bg-teal,
.btn-bg-teal {
  background-color: #19a7c7;
}

input[type="submit"].btn-bg-white,
.btn-bg-white {
  background-color: #ffffff;
}

input[type="submit"].btn-bg-transparent,
.btn-bg-transparent {
  background-color: transparent;
}

/* Text Colors */
input[type="submit"].btn-text-color-navy,
.btn-text-color-navy {
  color: #264167;
}

input[type="submit"].btn-text-color-teal,
.btn-text-color-teal {
  color: #19a7c7;
}

input[type="submit"].btn-text-color-white,
.btn-text-color-white {
  color: #ffffff;
}

input[type="submit"].btn-text-color-transparent,
.btn-text-color-transparent {
  color: transparent;
}

/* Border Colors */
input[type="submit"].btn-border-color-navy,
.btn-border-color-navy {
  border-color: #264167;
}

input[type="submit"].btn-border-color-teal,
.btn-border-color-teal {
  border-color: #19a7c7;
}

input[type="submit"].btn-border-color-white,
.btn-border-color-white {
  border-color: #ffffff;
}

input[type="submit"].btn-border-color-transparent,
.btn-border-color-transparent {
  border-color: transparent;
}

/* Hover States */
input[type="submit"].btn-hover-bg-navy:hover,
input[type="submit"].btn-hover-bg-navy:active,
input[type="submit"].btn-hover-bg-navy:focus,
.btn-hover-bg-navy:hover,
.btn-hover-bg-navy:active,
.btn-hover-bg-navy:focus {
  background-color: #264167;
}

input[type="submit"].btn-hover-bg-teal:hover,
input[type="submit"].btn-hover-bg-teal:active,
input[type="submit"].btn-hover-bg-teal:focus,
.btn-hover-bg-teal:hover,
.btn-hover-bg-teal:active,
.btn-hover-bg-teal:focus {
  background-color: #19a7c7;
}

input[type="submit"].btn-hover-bg-white:hover,
input[type="submit"].btn-hover-bg-white:active,
input[type="submit"].btn-hover-bg-white:focus,
.btn-hover-bg-white:hover,
.btn-hover-bg-white:active,
.btn-hover-bg-white:focus {
  background-color: #ffffff;
}

input[type="submit"].btn-hover-bg-transparent:hover,
input[type="submit"].btn-hover-bg-transparent:active,
input[type="submit"].btn-hover-bg-transparent:focus,
.btn-hover-bg-transparent:hover,
.btn-hover-bg-transparent:active,
.btn-hover-bg-transparent:focus {
  background-color: transparent;
}

input[type="submit"].btn-hover-text-color-navy:hover,
input[type="submit"].btn-hover-text-color-navy:active,
input[type="submit"].btn-hover-text-color-navy:focus,
.btn-hover-text-color-navy:hover,
.btn-hover-text-color-navy:active,
.btn-hover-text-color-navy:focus {
  color: #264167;
}

input[type="submit"].btn-hover-text-color-teal:hover,
input[type="submit"].btn-hover-text-color-teal:active,
input[type="submit"].btn-hover-text-color-teal:focus,
.btn-hover-text-color-teal:hover,
.btn-hover-text-color-teal:active,
.btn-hover-text-color-teal:focus {
  color: #19a7c7;
}

input[type="submit"].btn-hover-text-color-white:hover,
input[type="submit"].btn-hover-text-color-white:active,
input[type="submit"].btn-hover-text-color-white:focus,
.btn-hover-text-color-white:hover,
.btn-hover-text-color-white:active,
.btn-hover-text-color-white:focus {
  color: #ffffff;
}

input[type="submit"].btn-hover-text-color-transparent:hover,
input[type="submit"].btn-hover-text-color-transparent:active,
input[type="submit"].btn-hover-text-color-transparent:focus,
.btn-hover-text-color-transparent:hover,
.btn-hover-text-color-transparent:active,
.btn-hover-text-color-transparent:focus {
  color: transparent;
}

input[type="submit"].btn-hover-border-color-navy:hover,
input[type="submit"].btn-hover-border-color-navy:active,
input[type="submit"].btn-hover-border-color-navy:focus,
.btn-hover-border-color-navy:hover,
.btn-hover-border-color-navy:active,
.btn-hover-border-color-navy:focus {
  border-color: #264167;
}

input[type="submit"].btn-hover-border-color-teal:hover,
input[type="submit"].btn-hover-border-color-teal:active,
input[type="submit"].btn-hover-border-color-teal:focus,
.btn-hover-border-color-teal:hover,
.btn-hover-border-color-teal:active,
.btn-hover-border-color-teal:focus {
  border-color: #19a7c7;
}

input[type="submit"].btn-hover-border-color-white:hover,
input[type="submit"].btn-hover-border-color-white:active,
input[type="submit"].btn-hover-border-color-white:focus,
.btn-hover-border-color-white:hover,
.btn-hover-border-color-white:active,
.btn-hover-border-color-white:focus {
  border-color: #ffffff;
}

input[type="submit"].btn-hover-border-color-transparent:hover,
input[type="submit"].btn-hover-border-color-transparent:active,
input[type="submit"].btn-hover-border-color-transparent:focus,
.btn-hover-border-color-transparent:hover,
.btn-hover-border-color-transparent:active,
.btn-hover-border-color-transparent:focus {
  border-color: transparent;
}

/** BUTTON ARROWS **/
.or-single-button-container .btn::after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M0.00633083 10.3096L20.7945 10.4786' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M12.8096 2.49353L20.7932 10.4772L13.9202 17.3503' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.or-single-button-container .btn.btn-bg-white::after {
  background-image: url('/wp-content/uploads/2026/04/Arrow1.svg');
}

.or-single-button-container .btn.btn-hover-bg-white:hover::after,
.or-single-button-container .btn.btn-hover-bg-white:active::after,
.or-single-button-container .btn.btn-hover-bg-white:focus::after {
  background-image: url('/wp-content/uploads/2026/04/Arrow1.svg');
}

.or-single-button-container .btn.btn-hover-bg-navy:hover::after,
.or-single-button-container .btn.btn-hover-bg-navy:active::after,
.or-single-button-container .btn.btn-hover-bg-navy:focus::after,
.or-single-button-container .btn.btn-hover-bg-teal:hover::after,
.or-single-button-container .btn.btn-hover-bg-teal:active::after,
.or-single-button-container .btn.btn-hover-bg-teal:focus::after,
.or-single-button-container .btn.btn-hover-bg-transparent:hover::after,
.or-single-button-container .btn.btn-hover-bg-transparent:active::after,
.or-single-button-container .btn.btn-hover-bg-transparent:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M0.00633083 10.3096L20.7945 10.4786' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M12.8096 2.49353L20.7932 10.4772L13.9202 17.3503' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}

/** SLIDER ARROWS **/
.slider-arrow,
button.slider-arrow,
.btn.slider-arrow {
  border: none;
  border-radius: 100% !important;
  width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  flex-shrink: 0;
}

.slider-arrow svg {
  display: block;
  pointer-events: none;
}

/* Responsive Adjustments */
/* @media (max-width: 767px) {
  .or-buttons-inner {
    width: 100%;
  }
  
  .or-single-button-container {
    width: 100%;
  }
  
  input[type="submit"].btn,
  .or-single-button-container .btn {
    width: 100%;
    justify-content: space-between;
  }
} */