/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

/* Root colours */

:root {
/* Primary - Deep Lake Blue */
  --primary: #073453;
  --primary-hover: #284F57;
  --primary-active: #22444B;
  --primary-disabled-bg: #AFC1C4;
  --primary-disabled-text: #6E7A7C;


  /* Secondary - Earth Dark */
  --secondary: #5daf9f;
  --secondary-hover: #332727;
  --secondary-active: #2A2121;
  --secondary-disabled-bg: #8E8585;
  --secondary-disabled-text: #6A6060;

  /* Success - Natural Green */
  --success: #3D8F4E;
  --success-hover: #367F46;
  --success-active: #2E6F3D;
  --success-disabled-bg: #A8C9AE;
  --success-disabled-text: #6E8873;

  /* Danger - Deep Campaign Red */
  --danger: #C6453A;
  --danger-hover: #B03E34;
  --danger-active: #9A352D;
  --danger-disabled-bg: #E0A7A3;
  --danger-disabled-text: #9B6E6B;

  /* Warning - Golden Yellow */
  --warning: #E2B844;
  --warning-hover: #CCA63D;
  --warning-active: #B39335;
  --warning-disabled-bg: #F0DCA3;
  --warning-disabled-text: #9E8D63;

  /* Info - Natural Lake Blue */
  --info: #4BA8C8;
  --info-hover: #4397B4;
  --info-active: #3A859E;
  --info-disabled-bg: #B6D9E5;
  --info-disabled-text: #7A9EAA;

  /* Light */
  --light: #F5F5F5;
  --light-hover: #E8E8E8;
  --light-active: #DBDBDB;
  --light-disabled-bg: #F8F8F8;
  --light-disabled-text: #C0C0C0;

  /* Dark */
  --dark: #1E1E1E;
  --dark-hover: #191919;
  --dark-active: #141414;
  --dark-disabled-bg: #8C8C8C;
  --dark-disabled-text: #676767;
	
	/* Red */
	
	--red: #800E13;
  --red-hover: #5e1010;
	
}

a{color:var(--red)}


/* Backgrounds */
.white{background:white;}
.primary{background:var(--primary);color:var(--light);}
.dark{background:var(--dark);color:var(--light);}
.primary-gradient{background: linear-gradient(to bottom, var(--primary), var(--light));}


/* Logo */
.navbar-brand img{height: 2rem;}

/* Body */

body{font-family: "Outfit", sans-serif;background-color:var(--light);}

/* Headings */

h1, h2, h3, .h1, .h2 {text-transform:;font-weight:700;}



h1, h2, h3 {}

.primary h1{color:var(--light)}

/* Buttons */
.btn{text-transform:uppercase;font-weight:700;}

.btn-primary, .donate-button {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: var(--red)!important;
    --bs-btn-border-color: var(--red) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--red-hover) !important;
    --bs-btn-hover-border-color: var(--red-hover) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: var(--red-active) !important;
    --bs-btn-active-border-color: var(--red-active) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-disabled-bg) !important;
    --bs-btn-disabled-border-color: var(--primary-disabled-bg) !important;
		padding: 0.8rem 1rem !important;
	background-color:var(--red)!important;
	
}

.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-active);
    --bs-btn-active-border-color: var(--primary-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary-disabled-bg);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-disabled-bg);
    --bs-gradient: none;
}
	
.primary .btn-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-bg: var(--light);
    --bs-btn-border-color: var(--light);
    --bs-btn-hover-color: var(--primary);
    --bs-btn-hover-bg: var(--light-hover);
    --bs-btn-hover-border-color: var(--light-hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--primary);
    --bs-btn-active-bg: var(--light-active);
    --bs-btn-active-border-color: var(--light-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary);
    --bs-btn-disabled-bg: var(--light-disabled-bg);
    --bs-btn-disabled-border-color: var(--light-disabled-bg);
	
}

.primary .btn-outline-primary {
    --bs-btn-color: var(--light);
	--bs-btn-bg: var(--red);
    --bs-btn-border-color: var(--red);
    --bs-btn-hover-color: var(--light);
    --bs-btn-hover-bg: var(--red-hover);
    --bs-btn-hover-border-color: var(--red-hover);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--light);
    --bs-btn-active-bg: var(--red);
    --bs-btn-active-border-color: var(--red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--light-disabled-bg);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--light-disabled-bg);
    --bs-gradient: none;
}



.btn-secondary, .gform_button .button {
    --bs-btn-color: var(--dark);
    --bs-btn-bg: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--dark);
    --bs-btn-hover-border-color: var(--dark);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-active);
    --bs-btn-active-border-color: var(--secondary-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--secondary-disabled-bg);
    --bs-btn-disabled-border-color: var(--secondary-disabled-bg);
	padding: 0.8rem 1rem;
	
}

.btn-outline-secondary {
    --bs-btn-color: var(--dark);
    --bs-btn-border-color: var(--dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondary-hover);
    --bs-btn-hover-border-color: var(--secondary-hover);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-active);
    --bs-btn-active-border-color: var(--secondary-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--secondary-disabled-bg);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--secondary-disabled-bg);
    --bs-gradient: none;padding: 0.8rem 1rem;
}


.btn-primary-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--red);
    --bs-btn-border-color: var(--red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--red-hover);
    --bs-btn-hover-border-color: var(--red-hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--red-hover);
    --bs-btn-active-border-color: var(--red-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--red-disabled-bg);
    --bs-btn-disabled-border-color: var(--red-disabled-bg);
	
}

.nav-toggler{display:none!important}


.charitable-donation-form .donation-amounts{display:block!important;}

li.suggested-donation-amount.selected{background:var(--red)!important;border:var(--red)!important;}

.charitable-donation-form .recurring-donation .recurring-donation-option.selected > label{color:var(--red)!important;}


.charitable-modal.charitable-modal-donation {
width: calc(100% - 8vw);
margin-left: 4vw !important; margin-right:4vw!important;
max-width: 20000px;
padding: 1em;
background-color: #fff;
overflow-y: auto;
	left: 0 !important;
}