/*
 * Theme Name:  Caards Child
 * Theme URI:   https://codesupply.co/themes/caards/
 * Description: Caards Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    caards
 * Version:     1.0.0
*/


/* MAINTENANCE */


@media screen and (max-width: 480px) {
  .maintenance-body-text {
    max-width: 320px;
  }
}

/* FOOTER */
.cs-footer__logo { display: none; }

/* PAGES */
.cs-page__subtitle {
  display: none !important;
}

/* HOME */

.home-feature-container { }
.home-feature-container .hp-auroracam-project { }

.home-latest-post-container { }
.home-latest-post-container .hp-latest-post { }
.home-latest-post-container .hp-latest-post .hp-latest-post-img {
    max-height: 170px;
    overflow: hidden;
    margin-bottom: 1em;
  }
.home-latest-post-container .hp-latest-post .hp-latest-post-img img { }
.home-latest-post-container .hp-latest-post-date {
  font-size: 0.65em;
  margin-bottom: 1.5vh;
}
.home-latest-post-container .hp-latest-post-title { }
.home-latest-post-container .hp-latest-post-text { }

/* POSTS */
.cs-entry__category a {
    display: none !important;
}

.cs-entry__post-media, .cs-entry__header-inner figcaption {
  display: none !important;
}

/* WOO */
.woocommerce #respond input#submit, .woocommerce  a.button, .woocommerce  button.button, .woocommerce  input.button, .woocommerce #respond input#submit, .woocommerce a.button,   .woocommerce button.button, .woocommerce input.button {
    background-color: #409a6a !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}


/* AURORA WEBCAM DIRECTORY */

.page-id-725 .wp-block-table tr td {
    background-color: #2b303b;
}

.page-id-725 .wp-block-table tr.head td {
  background-color: #589f5b;
  font-weight: 700;
}


/* AURORA CAM */
.aurora-cam {

}

h1.auroracam-heading {
    font-size: 2rem;
    margin-bottom: 5vh;
}

/* AURORA CAM TABS */
.aurora-cam .tab-content {
  border-radius: 0px 0px 8px 8px;
  border: #181b23 1px solid;
  background-color: #181b23;

 }

.nav-tabs {
    border-bottom: 0px solid #2d303a;
}

.aurora-cam .nav-item {
margin: 0 4px;
}
.aurora-cam .nav-item:first-child {
margin-left: 0px !important;
}

.aurora-cam .nav-link {
  background-color: #1f222b !important;
  padding: 2vh 2vw;
  color: #6f7278 !important;
 }

 .aurora-cam .nav-link:hover {
   background-color: #2c323f !important;
   color: #a3a7b0 !important;
   /* border: none !important ; */
   border-color: #1f222b;
  }

 .aurora-cam .nav-link.active {
   background-color: #181b23 !important;
   /* border-top: 1px solid #2d303a; */
   color: #fff !important;
   /* border-bottom: 0px; */
   /* border-left: 1px solid #2d303a; */
   border-color: #181b23 !important;
  }

.auroracam-archive-container {
    padding: 2vw;
    min-height: 500px;
}

.auroracam-archive-container .webcam-archive-heading {
  margin-bottom: 3vh;
  margin-top: 1vh;
}

.auroracam-archive-container .webcam-archive-heading-mobile {

}

.auroracam-archive-container .webcam-archive-archive-full-mobile {

}

.auroracam-archive-container .full-archive-link {
  width: 100%;
  text-align: right;
}

.auroracam-archive-container .full-archive-link-mobile {
  width: 100%;
  text-align: right;
  margin-top: 1vh;
  margin-bottom: 2vh;
}

.auroracam-archive-container .full-archive-link a, .auroracam-archive-container .full-archive-link-mobile a {
  color: #409a6a;
  font-size: 0.85rem;
}

.auroracam-archive-container .full-archive-link a:hover, .auroracam-archive-container .full-archive-link-mobile:hover {
  color: #72f577;
}

.webcam-archive-image-container {
  margin-bottom: 2vh;
}

.webcam-archive-image-container .archive-image {
  width: 220px; height: 123px;
}

@media only screen and (max-width: 575px) {
  .webcam-archive-image-container .archive-image {
    width: 200px; height: 112px;
    /* width: 185px; height: 104px; */
  }
}

.aurora-cam .tab-content .tab-descrip {
  width: 100%;
  margin: 3vw;
  font-size: 0.9rem;
  color: #747d8a;
}

.aurora-cam .tab-content .tab-descrip-lower {
  width: 100%;
  margin: 0vw 3vw 3vw 3vw;
  font-size: 0.8rem;
  color: #747d8a;
}

.aurora-cam .tab-content .video-container {
  width: 800px;
  margin: 3vw 3vw 1vw 3vw;
  background-color: #000;
  padding-top: 2vw;
}


.aurora-cam .tab-content .image-container {
  margin: 0vw 3vw 1vw 3vw;
}

.aurora-cam .tab-content .image-container img {
  border-top: 8px solid #000;
  border-left: 8px solid #000;
  border-right: 8px solid #000;
  border-bottom: 0px solid #000;
}

@media screen and (max-width: 380px) and (min-width: 350px) {
.video-container {
    max-width: 340px;
  }
}


@media screen and (max-width: 410px) and (min-width: 381px) {
.video-container {
    max-width: 370px;
  }
}

@media screen and (max-width: 440px) and (min-width: 411px) {
.video-container {
    max-width: 400px;
  }
}

@media screen and (max-width: 767px) and (min-width: 490px) {
.video-container {
    max-width: 470px;
  }
}

@media screen and (max-width: 1019px) and (min-width: 768px) {
.video-container {
    max-width: 630px;
  }
}

@media screen and (max-width: 1020px) and (min-width: 1260px) {
.video-container {
    max-width: 800px;
  }
}


  /* VIDEOJS */
  /* Always show control bar */
.video-js.vjs-static-controls .vjs-control-bar {
  /* display:block; */
  background-color: #000;
  border-top: 1px solid #252525;
}

/* Don't fade out controls */
.video-js.vjs-static-controls.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

/* Align poster to top */
.video-js.vjs-static-controls .vjs-poster {
  background-position: 50% 0;
}

/* Override tech height:100% */
.video-js.vjs-static-controls .vjs-tech {
  height: auto;
  height: calc(100% - 35px);
}


/* AURORA CAM ARCHIVE */
.archive-container {

}


.archive-container .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background-color: #1f222b !important;
    color: #6f7278 !important;
    margin-right: 1vw;
    font-size: 0.8em;
}

.archive-container .nav-item .active {
    background-color: #181b23 !important;
    /* border-top: 1px solid #2d303a; */
    color: #fff !important;
    /* border-bottom: 0px; */
    /* border-left: 1px solid #2d303a; */
    border-color: #181b23 !important;
}

.archive-container .nav-link:hover {
  background-color: #2c323f !important;
  color: #a3a7b0 !important;
  /* border: none !important ; */
  border-color: #1f222b;
 }

.archive-container .tab-content {
    border-radius: 0px 0px 8px 8px;
    border: #181b23 1px solid;
    background-color: #181b23;
    padding: 2vw;
}

.archive-container .tab-content h4 {
  font-size: 1.2rem;
}

.archive-container .webcam-archive-image-container {
  padding-bottom: 2vh;
}

/* LIGHTBOX */
.lightbox button:hover {
  /* background-color: #0f1013 !important; */
  background: none !important;
}

/* AURORACAM PROJECT */
.aurora-project-main-cam-fund {
  background-color: #2b2e3a;
  padding: 2vw;
  border: 1px solid #3b454c;
  margin-bottom: 0vh;
  margin-top: 2vh;
}

.aurora-project-main-cam-fund-btn-container {
  width: 100%;
  text-align: center;
}

.aurora-project-main-cam-fund .btn {
  color: #fff;
  background-color: #358D60;
  border-color: #358D60;
}

.aurora-project-main-cam-fund .btn:hover {
  color: #fff;
  background-color: #4fbf85;
  border-color: #4fbf85;
}



/* AUROACAM PROJECT // GEORGIAN BAY */
.auroracam-project-georgian-bay .auroracam-progress {
  background-color: #2b2e3a;
  padding: 2vw;
  /*border: 1px solid #3b454c;*/
  margin-bottom: 2vh;
  margin-top: 2vh;
}

.auroracam-project-georgian-bay .auroracam-progress li {
  /* line-height: 2.5em; */
}

.auroracam-project-georgian-bay .deployment-date {
  color: #5cb1b4;
  font-weight: 700;
  margin-bottom: 2vh;
  margin-top: 2vh;
}

.auroracam-project-help {
  background-color: #2b2e3a;
  padding: 2vw;
  /*border: 1px solid #3b454c;*/
  margin-bottom: 2vh;
  margin-top: 2vh;
}


.auroracam-build-donate {
  background-color: #363A4B;
  padding: 2vw;
  /*border: 1px solid #3b454c;*/
  margin-bottom: 2vh;
  margin-top: 0vh;
}


.auroracam-project-hardware {
  background-color: #2b2e3a;
  padding: 2vw;
  /*border: 1px solid #3b454c;*/
  margin-bottom: 0vh;
  margin-top: 2vh;
}

.auroracam-project-location {
  background-color: #2b2e3a;
  padding: 2vw;
  /*border: 1px solid #3b454c;*/
  margin-bottom: 0vh;
  margin-top: 2vh;
}

.auroracam-project-mode {
  background-color: #2b2e3a;
  padding: 2vw;
  /*border: 1px solid #3b454c;*/
  margin-bottom: 0vh;
  margin-top: 2vh;
}

.page-id-963 a { color: #358D60;}
.page-id-963 a:hover { color: #05f874;}
.page-id-963 .cs-entry__title { max-width: 100% !important; }
.page-id-963 .accordion-body {
    padding: 0 !important;
}
.page-id-963 .accordion-item {
    background-color: #2b2e3a;
    border: 1px solid rgba(0, 0, 0, .125);
}

.page-id-963 .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #409a6a;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    text-transform: uppercase;
}

.page-id-963 .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    background-color: #454d5d;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    text-transform: uppercase;
}


/* FLUX Checkout
.woocommerce, .flux-checkout.flux-checkout--modern {
    background-color: #1f222b !important;
    color: #16110E;
    margin: 0;
    padding: 0;
    max-width: unset;
    width: 100%;
}

.flux-heading {
  color: #cdcdcd !important;
}

.flux-checkout p.form-row label:not(.checkbox) {
    color: #cdcdcd !important;
}

p.form-row label:not(.checkbox, .woocommerce-form__label-for-checkbox, [for=wc-stripe-new-payment-method], [for=ppcp-credit-card-gateway-card-number], [for=ppcp-credit-card-gateway-card-expiry], [for=ppcp-credit-card-gateway-card-cvc], [for=ppcp-credit-card-vault], [for=stripe-iban-element]) {
    background: none !important;
}

p.form-row input[type=text], p.form-row input[type=email], p.form-row input[type=tel], p.form-row input[type=password], p.form-row select, p.form-row textarea, p.form-row .select2-selection, p.form-row > .woocommerce-input-wrapper > strong {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    background-color: transparent !important;
    background-image: unset !important;
    border: 1px solid #2d3d4c !important;
    border-radius: 4px;
    box-shadow: none;
    color: #9e9e9e !important;
    display: block;
    font-size: 16px;
    line-height: 28px;
    max-width: unset;
    opacity: 1;
    padding: 12px 54px 12px 16px;
    width: 100%;
    transition: all 0.2s
ease;
}

.flux-footer a.flux-step__back {
    text-decoration: none;
    padding-left: 32px;
    position: relative;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
}

.flux-footer a.flux-step__back:before {
    background-color: #fff !important;
}

.flux-stepper .flux-stepper__step button span {
    color: #a9a9a9 !important;
    line-height: 1.5;
}


.flux-stepper .flux-stepper__step.selected button span {
    font-weight: bolder;
    color: #fff !important;
}

.flux-checkout .flux-button, .flux-checkout button#place_order, .flux-checkout .flux-button:hover, .flux-checkout button#place_order:hover {
    background-color: #5ac561 !important;
    outline: 1px solid #16110E;
}

.flux-step #order_review tr.cart_item td.product-total .amount, .flux-step #order_review tr.cart_item td.product-total .amount *, .flux-checkout__content-right #order_review tr.cart_item td.product-total .amount, .flux-checkout__content-right #order_review tr.cart_item td.product-total .amount * {
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
}

.flux-step #order_review .woocommerce-shipping-totals.shipping th:before, .flux-checkout__content-right #order_review .woocommerce-shipping-totals.shipping th:before {
    content: "";
    background-color: #fff !important;
}

.flux-step #order_review tfoot .order-total, .flux-checkout__content-right #order_review tfoot .order-total
Specificity: (1,2,1)
 {
    border-top: 1px solid #2d383c !important;
    line-height: 1.4;
}

.flux-step #order_review_heading:before, .flux-checkout__content-right #order_review_heading:before {
    content: "";
    background-color: #2d383c !important;
}
*/