/* PageLoader Plugin Styling */

.pageloader {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
}

.spinner-round-pulse,
.double-bounce1,
.double-bounce2,
.spinner-dot-bounce>div,
.dot1,
.dot2,
.spinner-rotate-cube,
.cube1,
.cube2 {
    background: white;
}


/* Shortcode Plugin Styling */

.accordion-wrapper label {
    color: white;
    background: rgb(28, 30, 33);
    border: 1px solid transparent;
}

.accordion-wrapper label:hover {
    background: #eee;
    color: #444;
}

.accordion-wrapper article {
    background: rgb(28, 30, 33);
    border: 1px solid rgb(28, 30, 33);
    margin-bottom: 0.5rem;
}

.accordion-wrapper input:checked+label {
    border-bottom: 1px solid rgb(28, 30, 33);
    color: #3085ee;
}

.accordion-wrapper p+ul {
    margin-top: -5px;
}

.accordion-wrapper p {
    margin-top: 0.1rem;
    margin-bottom: 0.5rem;
}

.accordion-wrapper .notices {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.accordion-wrapper .notices p {
    margin-top: 0.5rem;
}

.accordion-wrapper>div:last-child label,
.accordion-wrapper>div:last-child input:checked~article {
    border-bottom: 1px solid rgb(28, 30, 33);
}

/* Prevent anchor headings from being hidden by the header */
:target {
    scroll-margin-top: 70px;
}

/* Theme Styling */

.header-dark #header:not(.scrolled) .dropmenu ul ul a {
    color: lightgray !important;
}

#header {
    background-color: rgb(28, 30, 33);
}

#header a {
    color: white;
}

.dropmenu ul ul {
    background: rgb(28, 30, 33) !important;
}

#body-wrapper {
    background-color: rgb(39, 42, 46);
    color: white;
}

body {
    background: rgb(39, 42, 46);
}

pre code,
code {
    background: rgb(28, 30, 33) !important;
    color: #dcdcdc;
}

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

.label.label-primary {
    color: white;
}

.label.label-secondary {
    color: white;
}

.hero-hide-bottom-arrow #to-start{
    display: none;
}

.modular-features {
    text-align: center;
}

.modular-features.offset-box .frame-box {
    background: rgb(58, 63, 66);
    box-shadow: 0 0 75px 0 rgba(69, 77, 93, 0.1);
}

.modular-features.small .column:hover .feature-icon i {
    color: #3085EE;
}

.modular-features .feature-icon,
.modular-features.small .feature-icon {
    display: block;
    -ms-flex-pack: left;
    justify-content: left;
    color: white;
}

.modular-features .feature-icon i,
.modular-features.small .feature-icon i {
    position: relative;
    display: inherit;
    font-size: 70px;
    margin: 0 auto 1rem;
    transform: none;
    left: auto;
    top: auto;
}

.modular-features .feature-icon h6,
.modular-features.small .feature-icon h6 {
    text-transform: none;
    background: transparent;
    color: white;
}

.modular-features .column:hover .feature-icon {
    color: #3085EE;
}

.modular-features .column:hover .feature-icon h6 {
    color: #3085EE;
}

.modular-features .column:hover .feature-content {
    color: #3085EE;
}

.modular-features .feature-content {
    color: white;
}

.modular-features h1 {
    padding-bottom: 2rem;
}

.modular-text {
    background: rgb(48, 53, 56) !important;
    color: white;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

textarea {
    width: 350px;
    background-color: rgb(28, 30, 33);
    border: 3px solid rgb(28, 30, 33);
    color: white;
}

input {
    background-color: rgb(28, 30, 33);
    border: 3px solid rgb(28, 30, 33);
    color: white;
}

li ul {
    margin-top: 3px;
}

p + ol, p + ul {
    margin-top: -15px;
}

#footer {
    background-color: rgb(28, 30, 33) !important;
    padding-bottom: 0.5rem;
}

#footer p {
    margin-bottom: 0.5rem;
}

.btn-green.button,
.btn.btn-green {
    border-color: green;
    color: green;
}

.btn-green.button:focus,
.btn-green.button:hover,
.btn.btn-green:focus,
.btn.btn-green:hover {
    border-color: green;
    background: #e1fde6;
}

.btn-green.active.button,
.btn-green.button:active,
.btn.btn-green.active,
.btn.btn-green:active {
    border-color: green;
    background: green;
    color: white;
}

.btn-gray.button,
.btn.btn-gray {
    border-color:gray;
    color: gray;
}

.btn-gray.button:focus,
.btn-gray.button:hover,
.btn.btn-gray:focus,
.btn.btn-gray:hover {
    border-color: gray;
    background: #ebedeb;
}

.btn-gray.active.button,
.btn-gray.button:active,
.btn.btn-gray.active,
.btn.btn-gray:active {
    border-color: gray;
    background: gray;
    color: white;
}

.btn-orange.button,
.btn.btn-orange {
    border-color: orange;
    color: orange;
}

.btn-orange.button:focus,
.btn-orange.button:hover,
.btn.btn-orange:focus,
.btn.btn-orange:hover {
    border-color: orange;
    background: #fdfae1;
}

.btn-orange.active.button,
.btn-orange.button:active,
.btn.btn-orange.active,
.btn.btn-orange:active {
    border-color: orange;
    background: orange;
    color: white;
}

.btn-purple.button,
.btn.btn-purple {
    border-color: purple;
    color: purple;
}

.btn-purple.button:focus,
.btn-purple.button:hover,
.btn.btn-purple:focus,
.btn.btn-purple:hover {
    border-color: purple;
    background: #fde1f8;
}

.btn-purple.active.button,
.btn-purple.button:active,
.btn.btn-purple.active,
.btn.btn-purple:active {
    border-color: purple;
    background: purple;
    color: white;
}