/*
 Theme Name:   picostrap5 Child Base
 Theme URI:    https://picostrap.com
 Description:  Child theme for Picostrap5. Experience the power of SASS, merged with the WordPress Customizer. Implementing Bootstrap 5.3.3*. Please refer to the <a target="_blank" href="https://picostrap.com/documentation/">documentation</a> to get started. 
 Author:       The LiveCanvas Team
 Author URI:   https://livecanvas.com
 Version:      3.1.0
 Template: picostrap5 
 Text Domain:  picostrap5
 License: GPL-2.0
 License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*


Do not edit this file.

To add your own CSS, edit  the file: 

sass/_custom.scss 

...and add your own CSS (or SCSS!) statements.

To recompile the SASS bundle, click the "RECOMPILE SASS" link on top.

To edit the  SCSS pipeline, view and edit the file: sass/main.scss


*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}
#navbarNavDropdown {
    justify-content: flex-end;
}

rs-fullwidth-wrap, rs-module-wrap {
    height:100% !important;
}

.sym_ident {
    display:none;
}

.fixednav .sym_ident {
    display: unset;
}

.mx-auto, .aligncenter {
    text-align: center !important;
}

#menu-main {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    letter-spacing: 0.05em;
    display: contents;
}

#menu-main .nav-link, #menu-main .dropdown-item {
    color: #fff !important;
    padding: 5px 11px 5px 11px;
}

#menu-main a.nav-link {

}
#menu-main .menu-item{
    border-bottom: 2px solid rgba(255,255,255,0);
    border-top: 2px solid rgba(255,255,255,0);
}
.panel_selected {
    xborder-bottom: 1px solid rgba(255, 255, 255, 1) !important;
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, .2)) !important;
    z-index: 1;
}

#menu-main .dropdown-item {
}

.navbar-toggler {
    margin-bottom: 5px;
} 

.navbar {
    padding: 8px 0 1px 0;
    /* -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); */
    background-color: unset !important;
    background-image: unset;
    position: absolute;
    transition: all .2s ease-out !important;
}

#space-fixer {
    width: 100%;
    height: 0px
}

.navbar.prefixednav {
    transition: unset !important;
    top: -50px;
    padding-top: 0;
    height:51px;
    background-color: #f78800 !important;
}

.fixednav #menu-main .dropdown-menu[data-bs-popper] {
    top: 40px;
}

.navbar.addtrans {
    transition: all .2s ease-out !important;
}

.navbar.fixednav {
    transition: all 0.2s ease-out 0s;
    top: 0px;
}

.hhscroll.fixednav {
    position: fixed;
}

.navbar.fixednav {
    top: 0px;
    position: fixed;
}

.navbar-toggler {
    color: #fff !important;
}

.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 1);
    --bs-navbar-hover-color: rgba(255, 255, 255, 1);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 1);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .8);
}

#menu-main .menu-item {
    background-color: #f78800;
}

#menu-main .menu-item a {
    white-space: nowrap;
}

#menu-main .menu-item:last-child {
    padding-right: 10px ;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}

#menu-main .menu-item:first-child {
    padding-left: 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    xoverflow: hidden;
}

#menu-main .menu-item:has(.show) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdown-menu .menu-item {
    padding-left:0;
    padding-right:0;
}

.dropdown-menu {
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    border-top: 1px solid rgba(var(--bs-success-rgb), var(--bs-bg-opacity));
    box-shadow: unset !important;
    -webkit-filter: drop-shadow(1px 8px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(2px 8px 4px rgba(0, 0, 0, 0.3));
}

.sym_shadow {
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .8));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .8));
    /* Similar syntax to box-shadow */
}

#menu-main .dropdown-menu {
    padding: 0px 0 10px 0;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: unset;
    background-image: unset;
}

#menu-main .dropdown-menu[data-bs-popper] {
    top: 31px;
}


#menu-main .dropdown-menu .menu-item {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}


body.picostrap_header_navbar_position_fixed-top:not(.picostrap_header_navbar_color_choice_bg-transparent) {
    padding-top: 0;
}

.note {
    margin-bottom: 0;
}
/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #fff;
}

.block-cta {
    height: 95%
}

.fp-overflow {
    height: 100%
}

.fp-watermark {
    display: none
}

h1, h2, h3, h4, h5 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    color: #fff;
    text-align: left;
}



#menu-main .nav-link, #menu-main .dropdown-item {
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
}

.card h3 {
    font-weight: 400;
}

h2.cta-top, .headline span {
    font-size: 80%;
    font-weight: 200;
}

h2.cta-top {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8)
}

.h-fixed {
    font-size: 25pt !important
}

.headline {
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 990px) {
    .headline {
        font-size: 5vw;
    }

    a.cta-btn, input.cta-btn {
        font-size: 20px !important;
    }

    a.cta-btn span {
        font-size: 30px !important;
    }
    .sym_ident {
        display: unset;
    }
}

.sym-branding {
    position: absolute;
    z-index: 5;
    width: 100%;
    margin-top: 80px
}

.navpos {
    max-width: 250px;
}

@media (max-width: 576px) {

    .sym-branding {
        padding: 10px 50px 0 50px;
    }

}

@media (max-width: 990px) {
    #menu-main .menu-item:first-child {
        padding-left: 0px;
    }
    .bump-down { margin-top:20px; }

    .navpos {
        margin: auto;
    }

    .navbar {
        padding-top: 0px;
        background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    }

    .navbar .container {
        padding-top: 5px;
        xpadding-bottom: 5px;
    }

    #menu-main .menu-item {
        background-color: #f78800;
        border-bottom: 1px solid #ffffff5e;
        border-radius: unset !important;
    }

}

@media (min-width: 990px) {

    .sym-branding {
        margin-top: 20px
    }

    .headline {
        font-size: 3.3vw;
    }

    h2.headline {
        font-size: 2.2vw;
    }

    h2.headline.wee {
        font-size: 1.8vw;
    }
}
#logo-tagline-wrap {
    margin-top:-7px;
}
.section { height: 1200px; }
.section h2.headline {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8)
}

h3.headline {
    color: #222;
}

.headline {
    line-height: 90%;
    margin-bottom: 25px;
}

a.cta-btn:hover, a.ctb-btn:hover input.cta-btn:hover, input.ctb-btn:hover{
    transform: translate(2px, 2px);
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.4));
}

.block-cta .paras {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: 1px;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.block-cta .paras p:last-child {
    margin-bottom: 0 !important;
}

a.mono-white {
    padding: 12px 10px 2px 10px !important;
}
a.mono-white, input.mono-white {

    background: #fff !important;
    height: 53px !important;
    text-align: center !important;
    color: #000 !important;
    font-size: 20px !important;
    width:100%;
}

.sym-input {
    padding: 2px 10px 2px 10px;
    background-color: unset;
    border: #fff solid 1px !important;
    height: 53px !important;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    width: 100%;
    color: #fff;
}

::placeholder {
    color: #fff;
    opacity: 0.9;
}

::-ms-input-placeholder {
    color: #fff;
    opacity: 0.9;
}

a.cta-btn {
    background: #00a79d;
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    font-family: "Open Sans", sans-serif;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 1.5vw;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    transition: transform 0.5s, filter 0.5s;
}

.card a.cta-btn {
    font-size: 20px;
}

.card-title {
    padding-bottom: 25px;
    line-height:150%;
}

a.cta-btn span {
    position: absolute;
    right: 10px;
    font-size: 2.2vw;
}

.card a.cta-btn span {
    position: absolute;
    right: 10px;
    font-size: 30px;
}

a.ctb-btn, input.ctb-btn {
    background: rgb(247 136 0);
    display: inline-block;
    text-align: left;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    padding: 6px 10px 2px 10px;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    transition: transform 0.5s, filter 0.5s;
}

a.ctb-btn span {
    font-size: 45px;
}

.no-ws {
    white-space: nowrap;
}

.p-no-b-margin p {
    margin-bottom: 0 !important;
}

.p-no-b-margin .no-ws {
    margin-bottom: 1rem;
}

.card {
    width: 100%
}

.card-img-top {
    height: 350px;
    object-fit: cover;
    object-position: center top;
    width: 100%; /* Width like your favorite song's reach */
}

.card-img-top2 {
    height: 200px;
    object-fit: cover;
    object-position: center top;
    width: 100%; /* Width like your favorite song's reach */
}


.footer-row {
    color: #fff;
}

.footer-row a {
    color: rgb(247 136 0);
}

.footer-row span.material-symbols-outlined {
    font-size: 16px;
    vertical-align: middle;
}

.hhscroll::-webkit-scrollbar {
    display: none;
}

.hhscroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    width: 100%;
    background-image: linear-gradient(#444, #000);
    height: auto;
    overflow-x: scroll;
    z-index: 10;
}



ul.lmenu {
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
}

ul.lmenu li {
    padding: 10px;
    margin: 0;
    line-height: 1;
}

.lmenu li:hover {
    background-color: #00a79d;
}

.lmenu li.nohover:hover {
    background-color: unset;
}

.lmenu a {
    padding: 0;
    height: 100%;
    margin: 0;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.5s;
    white-space: nowrap;
}

.lmenu a.selected {
    background-color: #00a79d;
}

#clockdiv {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 300;
    text-align: center;
    font-size: 28px;
    border: 5px solid #00a79d;
    padding: 30px 0 5px 0;
    border-radius: 30px !important;
    background-color: #00a79d;
}

.natfinal {
    position: absolute;
    background-color: rgb(247 136 0) !important;
    border: 1px solid #fff;
    padding: 1px 13px 2px 10px !important;
    margin-top: -50px;
    margin-left: 5px;
    color: #fff;
    font-size: 20px;
    border-radius: 30px !important;
}

.natfinal .material-symbols-outlined {
    display: inline !important;
    border: none;
    vertical-align: sub;
    line-height: 0;
    color: #fff !important;
    background-color: rgb(247 136 0) !important;
}

#clockdiv > div {
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
}

#clockdiv div > span {
    width: 100%;
    color: #454545;
    border-radius: 15px;
    background: #fff;
    display: inline-block;
}

.smalltext {
    padding-top: 5px;
    font-size: 14px;
}


#quote {
    font-family: 'Open Sans';

    color:#555;
    background-size: contain;
    margin: 0;
    text-align: left;
}

.masthead-row h1.headline,   .masthead-row h2.headline,  .masthead-row h3.headline, .masthead-row h4.headline, .masthead-row h5.headline {
    color: #fff !important;
}

.form-check-input {
    border: 1px solid rgb(247 136 0) !important;
}

@media screen and (min-width: 2000px) {
    a.cta-btn, input.cta-btn  {
        font-size: 32px;
    }
    a.cta-btn span {
        font-size: 48px;
    }
}

.wp-block-quote {
    font-style: italic;
    margin-left: 60px;
}

blockquote:before {
    content: "\201c";
    font-family: symbol;
    margin-left: -60px;
    font-size: 100px;
    line-height: 70px;
    font-style: normal;
    position: absolute;
    color: #00a79d;
}

.blog-title {
    font-size:2.2vw;
}
@media screen and (max-width: 800px) {
    .blog-title {
        font-size:20px;
    }
}

.tetcenter {
    text-align: center !important;
}

.post-template-default figure {
    margin-bottom: 25px;
}
.post-template-default .wp-block-heading {
    margin-bottom: 25px;
}
.blog-content-col {
    margin:auto;
    padding: 0 10% 0 10%
}

@media (max-width: 576px) {
    .blog-content-col {
        margin:auto;
        padding: 0;
    }
}

.wp-block-image .aligncenter>figcaption {
    text-align: center;
    display: block;
}

.swipepos {
    background-image: linear-gradient(#444, #000);
}

/* Video Homepage Panel */
* { box-sizing: border-box; }
.video-background {
    background: #000;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
}
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
    .vid-info { width: 50%; padding: .5rem; }
    .vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
    .vid-info .acronym { display: none; }
}

/* End - Video Homepage Panels */