/*!
Theme Name: 123Card CDash
Theme URI: https://them.es/starter
Author: Werner C. Bessinger
Author URI: https://silverbackdev.co.za
Description: Bootstrap 5 plus theme for 123Card Customer Dashboard
Version: 3.5.3
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: card-cp
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

*:not(i):not(span[class^="icon-"]):not(span[class*=" icon-"]) {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}

.border-top-0 {
    border-top: 0px solid;
}
.border-top-1 {
    border-top: 1px solid;
}
.border-top-2 {
    border-top: 2px solid;
}
.border-top-3 {
    border-top: 3px solid;
}
.border-top-4 {
    border-top: 4px solid;
}
.border-top-5 {
    border-top: 5px solid;
}

.border-right-0 {
    border-right: 0px solid;
}
.border-right-1 {
    border-right: 1px solid;
}
.border-right-2 {
    border-right: 2px solid;
}
.border-right-3 {
    border-right: 3px solid;
}
.border-right-4 {
    border-right: 4px solid;
}
.border-right-5 {
    border-right: 5px solid;
}

.border-bottom-0 {
    border-bottom: 0px solid;
}
.border-bottom-1 {
    border-bottom: 1px solid;
}
.border-bottom-2 {
    border-bottom: 2px solid;
}
.border-bottom-3 {
    border-bottom: 3px solid;
}
.border-bottom-4 {
    border-bottom: 4px solid;
}
.border-bottom-5 {
    border-bottom: 5px solid;
}

.border-left-0 {
    border-left: 0px solid;
}
.border-left-1 {
    border-left: 1px solid;
}
.border-left-2 {
    border-left: 2px solid;
}
.border-left-3 {
    border-left: 3px solid;
}
.border-left-4 {
    border-left: 4px solid;
}
.border-left-5 {
    border-left: 5px solid;
}

/* additional width styles for all breakpoints */
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}
.w-33 {
    width: 33.3% !important;
}
.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}
.w-90 {
    width: 90% !important;
}
.w-95 {
    width: 95% !important;
}

.bg-none {
    background: none !important;
}

/* custom background properties */
.btn-panel-primary {
    background: #194357 !important;
    color: #95d006 !important;
}
.btn-panel-secondary {
    background: #95d006 !important;
    color: #194357 !important;
}

.border-panel-dark {
    border: 1px solid #194357 !important;
}

.bg-panel-light {
    background: #d8e4e0 !important;
}

.bg-panel-dark {
    background: #194357 !important;
}

.bg-panel-darker {
    background: #282426 !important;
}

.bg-whatsapp {
    background: #00c140 !important;
}

.font-color-panel-light {
    color: #d8e4e0 !important;
}

.font-color-panel-green {
    color: #95d006 !important;
}

.font-color-panel-dark {
    color: #194357 !important;
}

.font-color-panel-darker {
    color: #282426 !important;
}

.font-color-panel-link {
    color: #194357 !important;
}

.navbar-brand img {
    height: 60px !important;
}

.fs-sm {
    font-size: 0.8rem !important;
}

.fs-md {
    font-size: 0.9rem !important;
}

/* From http://codex.wordpress.org/CSS */
#main {
    min-height: 90vh;
}

.cursor-pointer {
    cursor: pointer;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.bypostauthor {
    font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.acf-fields > .acf-field {
    border-top-width: 0 !important;
}

@media screen and (max-width: 576px) {
    .acf-oembed .canvas .canvas-media,
    .acf-oembed .canvas iframe {
        height: 128px;
    }

    .bg-panel-dark.p-3.text-white.rounded-1.shadow-sm.fs-6 {
        font-size: 0.8rem !important;
    }
}