/*!
 * Copyright 2020 Wicked Copters
 */
 
/*
* ==========================================
* THEME COLOURS
* ==========================================
*/

/* ORANGE
:root {
  --theme-colour-primary: #F2703E;
  --theme-colour-secondary: #B83C50;
  --theme-colour-background: #7E8DA0;
  --theme-colour-bgdark: black;
}
*/

/* GREEN
:root {
  --theme-colour-primary: #7ABC60;
  --theme-colour-secondary: #895A58;
  --theme-colour-background: #8C9C73;
  --theme-colour-bgdark: black;
}
*/

/* Prior to 6 Dec 2023
:root {
  --theme-colour-primary: #F2703E;
  --theme-colour-secondary: #1C4B85;
  --theme-colour-tertiary: #4c934c;
  --theme-colour-background: #7E8DA0;
  --theme-colour-bgdark: black;
  --theme-colour-bglight: #E8EDF2;
}
*/

/* Blue Theme */
:root {
  --theme-colour-primary: #3498db;
  --theme-colour-secondary: #2c3e50;
  --theme-colour-tertiary: #16a085;
  --theme-colour-background: #ecf0f1;
  --theme-colour-bgdark: #2b3034; /*2c3e50;*/
  --theme-colour-bglight: #ecf0f1;
  --theme-colour-accent: #3498db;
}


/* XMAS Theme
:root {
  --theme-colour-primary: #e74c3c;
  --theme-colour-secondary: #2bb2c0;
  --theme-colour-tertiary: #2c3e50;
  --theme-colour-background: #ecf0f1;
  --theme-colour-bgdark: black;
  --theme-colour-bglight: #ecf0f1;
  --theme-colour-accent: #e74c3c;
}
 */

/* pale blue
:root {
  --theme-colour-primary: #3498db;
  --theme-colour-secondary: #95a5a6;
  --theme-colour-tertiary: #2c3e50;
  --theme-colour-background: #ecf0f1;
  --theme-colour-bgdark: black;
  --theme-colour-bglight: #ecf0f1;
  --theme-colour-accent: #3498db;
}
*/

/* soft red
:root {
  --theme-colour-primary: #e74c3c;
  --theme-colour-secondary: #95a5a6;
  --theme-colour-tertiary: #c0392b; 
  --theme-colour-background: #ecf0f1;
  --theme-colour-bgdark: black;
  --theme-colour-bglight: #ecf0f1;
  --theme-colour-accent: #e74c3c;
}
*/

.bg-success, .bg-danger {
    color: white;
    font-weight: bold;
}

footer a, .top-bar a, .card-header a {
    color: var(--theme-colour-primary) !important;
}

a:hover {
    color: var(--theme-colour-secondary);
}

a {
    color: var(--theme-colour-primary);
}

.bg-success a {
    color: white;
}

.bg-special {
    background-color: var(--theme-colour-secondary) !important;
}

.bg-special a, .bg-special a:hover, .bg-special a:visited, .bg-special a:active {
    color: red !important;
    font-weight: bold;
}

.bg-primary {
    background-color: var(--theme-colour-primary) !important;
}

.bg-dark {
    background-color: var(--theme-colour-bgdark) !important;
}

.bg-light {
    background-color: var(--theme-colour-bglight) !important;
}

.text-primary {
    color: var(--theme-colour-primary) !important;
}

.text-secondary {
    color: var(--theme-colour-secondary) !important;
}

.text-tertiary {
    color: var(--theme-colour-tertiary) !important;
}

.reset-anchor {
    color: inherit;
}

.btn-primary {
    color: white !important;
    background-color: var(--theme-colour-primary);
    border-color: var(--theme-colour-secondary);
    font-weight: bold
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--theme-colour-secondary);
}

.btn-secondary {
    color: white !important;
    background-color: var(--theme-colour-secondary);
    border-color: var(--theme-colour-primary);
    font-weight: bold;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: var(--theme-colour-primary);
}

.location-buttons .btn-secondary, .location-buttons .btn-primary {
    min-width: 10rem;
}

.btn-outline-primary {
    color: var(--theme-colour-secondary) !important;
    background-color: white;
    border-color: var(--theme-colour-secondary);
    font-weight: bold;
}
.btn-outline-primary:hover {
    background-color: var(--theme-colour-secondary);
    color: white !important;
    border-color: var(--theme-colour-secondary);
}

.btn-fullwidth {
    width: 100%;
}

/*
* ==========================================
* COURSE DATES
* ==========================================
*/

.course-dates {

}

.course-dates-even {
    background-color: #E8EDF2;
}
 
.course-dates-odd {
    background-color: #E8E8E8;
}

.date-detail > h4 {
    border-bottom:1px solid #002f5e;
    text-align:center;
    padding-bottom:10px;
}

span.days {
    display:block;
    background:var(--theme-colour-secondary);
    text-align:center;
    color:#fff;
    padding:8px;
    margin:5px 0;
}

span.price {
    display:block;
    background:var(--theme-colour-primary);
    text-align:center;
    color:#fff;
    padding:8px;
    margin:5px 0;
}

span.info {
    display:block;
    background:var(--theme-colour-secondary);
    text-align:center;
    color:#fff;
}

.date-wrapper {
    min-width: 100px;
    float: left;
}

.date-btn {
    border:0;
    background:unset;
    width:100%;
    padding:0;
}

span.num {
    font-size:18px;
    color:#000;
    padding:8px 0;
    display:block;
    background-color: white;
}

.date-details {
    border:1px solid #002f5e;
}

.date-details:hover {
    border:1px solid #f37120;
    background:var(--theme-colour-primary);
}

.date-details:hover span.info {
    background:#f37120;
}

.date-detail-block {
    padding:15px 0;
    width:100%;
    border-bottom:1px solid #002f5e;
    display:flex;
    justify-content:center;
    align-items:center;
}

.date-detail-block a.clickhere{
    text-align:center;
    margin-bottom:20px;
    display:block
}

.date-detail-block p{
    margin:auto;
    margin-bottom:0;
    width:90%
}

/*
* ==========================================
* ACCORDIAN
* ==========================================
*/
.controls {
  margin-bottom: 10px;
}

.collapse-group {
  padding: 0px;
  border: 0px solid darkgrey;
  margin-bottom: 0px;
}

#accordion .card-header, #coursedetails .card-header {
    background-color: var(--theme-colour-secondary);
    color: white;
}

#accordion .card-header a {
    color: white !important;
}

#accordion .card-header a:hover, #accordion .card-header a:visited, #accordion .card-header a:link, #accordion .card-header a:active {
  text-decoration: none;
}

#accordion .card-body, #coursedetails .card {
    background-color: #E8EDF2;
}

#accordion .card {
    border: 0;
}

/*
* ==========================================
* CAROUSEL
* ==========================================
*/

.carousel-item {
  height: 35vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
Owl Carousel
*/

.owl-carousel .item-clients {
    height: 10rem;
    padding: 1rem;
}

.owl-carousel .item-usp {
    padding: 0;
    padding-bottom: 0.3rem;
}

/*
* ==========================================
* CARD/PORTFOLIO
* ==========================================
*/

.portfolio-item {
  margin-bottom: 30px;
}

.card-body {
    padding: 0.8rem !important;
}

/*
* ==========================================
* LISTS
* ==========================================
*/

.list-check li, .list-included li, .list-ticked li {
  padding-left: 1.5rem;
  position: relative;
}

.list-checksub li {
  padding-left: 1rem;
}

.list-check li::before, .list-included li::before, .list-ticked li::before {
  display: block;
  position: absolute;
  left: 0;
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}

.list-ticked li::before {
  content: '\f00c';
  color: var(--theme-colour-primary);
}

.list-included li::before {
  content: '\f058';
  color: var(--theme-colour-primary);
}

.list-check li::before {
  content: '\f101';
  color: var(--theme-colour-primary);
}

.list-checksub li::before {
  content: '\f105';
  color: var(--theme-colour-secondary);
}

.list-included li.usp::before , .list-ticked li.usp::before {
  content: '\f069';
  color: var(--theme-colour-tertiary);
}

.list-checksub li.usp::before {
  color: var(--theme-colour-tertiary);
}

.list-included li.usp, .list-ticked li.usp, .list-checksub li.usp {
  font-weight: bold;
  color: var(--theme-colour-tertiary);
}

/*
* ==========================================
* GENERAL
* ==========================================
*/
 
body {
  padding-top: 3rem;
  background-color:#F8F8F8;
}

.text-small {
  font-size: 0.875rem !important;
}

/*
* ==========================================
* SIDEBAR - Course Enrol/Interest
* ==========================================
*/

#coursedetails h4 i {
    text-align: right;
    width: 2rem;
}

#coursedetails h4 small {
    padding-left: 2.5rem;
}

/*
* ==========================================
* FORM VALIDATION
* ==========================================
*/

.lh-condensed {
    line-height: 1.25;
}

/*
* ==========================================
* NAV BAR
* ==========================================
*/

.navbar {
    padding: 0 !important;
}

.nav-item {
    padding: 0.6rem 0 0.6rem 0.6rem !important;
    font-weight: bold;
}

.nav-item:not(.active) a:not(.btn):not(.dropdown-item) {
    color: black !important;
}

nav .active:not(.breadcrumb-item) {
    background-color: var(--theme-colour-secondary) !important;
}

nav .active a:not(.dropdown-item), nav a:not(.dropdown-item) .active {
    color: white !important;
}

.nav-button {
    padding: 1rem 0 0 0 !important;
}

.page-start {
    padding-top: 3rem !important;
}

/*
* MENU DROPDOWNS
*/
.dropdown-menu {
  margin-top: 0 !important;
  background-color: var(--theme-colour-primary) !important;
  min-width: 10rem;
  margin: 0.15rem 0 0;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  border: none;
}

.dropdown-title {
    background-color: black;
    color: white;
    margin-bottom: 0px;
    padding: .25rem 1.5rem;
    white-space: nowrap;
}


@media (min-width: 992px) {
  .dropdown-menu {
    border-top: 0.25rem solid var(--theme-colour-secondary);
    box-shadow: 0 8 16 rgba(0, 0, 0, 0.15);
  }
}

/*
.dropdown-item {
  padding: 0.25rem 1.5rem;
  font-weight: 400;
  color: #111;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #040404;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #ff3f3f;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
}
*/