/*
CTC Separate Stylesheet
Updated: 2022-04-02 10:55:12
Theme Name: Pirouette Child
Theme URI: http://demo.curlythemes.com/dance-wp/
Template: pirouette
Author: Curly Themes
Author URI: http://demo.curlythemes.com/
Description: Pirouette is a premium WordPress theme dedicated to dance studios, and dance related businesses.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,custom-colors,featured-images,full-width-template,theme-options,translation-ready,flexible-header,editor-style,featured-image-header
Version: 1.2.5.1648896912
*/

/*
  Dark mode overrides for Pirouette
  - Base, headers, navigation
  - Forms, tables, cards
  - Buttons and footer
  Notes:
  - Uses minimal !important, only where parent uses it or Bootstrap forces white.
  - Primary accent remains #c9ac8c for consistency with theme.
*/

/* Base */
html, body {
  background-color: #0B0B0B;
  color: #E6E6E6;
}

a {
  color: #c9ac8c;
}
a:hover, a:focus {
  color: #b19272;
}

h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
}

/* Header & Navigation */
.ct-header,
.ct-header__wrapper--stuck {
  background-color: #0B0B0B;
  color: #E0E0E0;
}
.ct-header__logo-nav a {
  color: #E0E0E0;
}
.ct-header__logo-nav a:hover {
  color: #c9ac8c;
}

/* Dropdown menus (desktop) */
@media (min-width: 1200px) {
  .ct-main-navigation .sub-menu,
  .ct-main-navigation .children {
    background: #111111 !important; /* override parent white */
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.10);
    border-radius: 5px;
  }
}
.ct-main-navigation .menu-item > a,
.ct-main-navigation .page_item > a {
  color: #E0E0E0;
}
.ct-main-navigation .current-menu-item > a,
.ct-main-navigation .current_page_item > a,
.ct-main-navigation .current-menu-ancestor > a,
.ct-main-navigation .current_page_ancestor > a {
  color: #c9ac8c;
}

/* Forms */
.form-control,
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=number],
input[type=url],
input[type=date],
input[type=tel],
select,
textarea {
  background-color: #111111;
  color: #E6E6E6;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.form-control:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
  color: #E6E6E6;
  background-color: #111111;
  border-color: #c9ac8c;
  outline: none;
  box-shadow: none;
}

/* Placeholders */
.form-control::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #AAAAAA; opacity: 1; }
.form-control::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder { color: #AAAAAA; opacity: 1; }
.form-control:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #AAAAAA; opacity: 1; }

/* Readonly/disabled */
.form-control[readonly],
input[readonly][type=text],
input[readonly][type=search],
input[readonly][type=password],
input[readonly][type=email],
input[readonly][type=number],
input[readonly][type=url],
input[readonly][type=date],
input[readonly][type=tel],
select[readonly],
textarea[readonly] {
  background-color: #1a1a1a;
}
.custom-select {
  background-color: #111111;
  color: #E6E6E6;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23EEEEEE' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 8px 10px;
}
.custom-select:focus { border-color: #c9ac8c; outline: none; }
.custom-select:disabled { color: #888888; background-color: #222222; }
.custom-select::-ms-expand { opacity: 0; }
.custom-select:focus::-ms-value { color: #E6E6E6; background-color: #111111; }

/* Tables */
.table th, table th,
.table td, table td {
  background-color: transparent !important; /* override white cells */
  border-color: rgba(255, 255, 255, 0.15);
  color: #E6E6E6;
}
.table thead th, table thead th {
  color: #c9ac8c;
}
.table .table, table .table, .table table, table table {
  background-color: transparent !important; /* override nested table background */
}

/* Cards / Surfaces */
.card {
  background-color: #0F0F0F;
  border-color: rgba(255, 255, 255, 0.10);
}
.card-header {
  background-color: #151515;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* Buttons */
.btn-primary,
input[type=submit],
input[type=button],
button {
  color: #FFFFFF !important; /* parent sets color to site bg; force white */
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  color: #FFFFFF !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover:active {
  color: #FFFFFF !important;
}

/* Footer */
.ct-footer {
  background-color: #0B0B0B;
  color: #A7A7A7;
}
.ct-footer a {
  color: #FFFFFF;
}
.ct-footer .widget-title {
  color: #FFFFFF;
}

/* Code blocks and marks */
pre, code, kbd, samp {
  background-color: #111111;
  color: #E6E6E6;
}
mark {
  background-color: #FFF3A5;
  color: #111111;
}

/* Misc */
hr {
  border-color: rgba(255, 255, 255, 0.15);
}