/* =================================
 Temlate Name : Miscoo
 Author Name : autworks
 Date: 20231120
 Version: 1.0
 =================================

/* =================================
 css index
 =================================
 *. typography
 *. section title
 *. preloader
 *. scroll to top button
 *. normalize
 1. header
 2. Breadcrump
 3. banner
 4. limelight feature
 5. About
 6. Service
 7. Portfolio
 8. Call to action
 9. Testimonial
 10. Team
 11. News
 12. Brand
 13. Contact
 14. Footer & copyright
 15. About second part
 16. Service page
 17. Service Details
 18. Sidebar
 19. Blog
 20. Contact
 21. Appointment

================================= */

@import "main/_variables.css";

/*---bg-menu-back: rgba(255, 0, 255, 0.411); //Magenta*/
/*---bg-menu-back: rgba(0, 255, 255, 0.411); //Aqua*/
/*---bg-menu-back: rgba(0, 0, 255, 0.411); //Blue*/
:root {
    ---bg-black: black;
    ---bg-white: white;
    ---bg-menu-back: rgba(146, 190, 255, 0.9);
    ---bg-menu-text: white;
    ---bg-green: #a7b50a83;
    ---bg-legal-text: rgb(54, 54, 54);
}

body {
    font-family: 'Titillium Web', sans-serif;
    background: #f4fbfc;
}
/*body, .appNavbar {
    padding-left: 2%;
    padding-right: 2%;
}*/
body {
    padding-left: 2%;
    padding-right: 2%;
}
.appNavbar {
    padding-left: 5%;
    padding-right: 5%;
}

/* change the color and bg color of active or hovered links */

/*  SECTION - Acordion*/
    .sec_accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }

    .sec_active, .sec_accordion:hover {
    background-color: #ccc; 
    }

    .sec_panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    }
/*  END  ----  SECTION - Acordion*/

/*.navbar-custom{
    color: #ffffff;
    background-color: #a7b50a;
}*/
/*.navbar-nav*/
.navbar-dark, 
.navbar-dark .navbar-brand, .offcanvas {
    color:var(---bg-menu-text);
    background-color: var(---bg-menu-back);
}

/*  Browser Navigation Clases*/
.appCursor {cursor:pointer;}
.browserNavApp {cursor:pointer;}

/*  BASE - Legal Infro (Legal / Privacy / Cookies)*/
.appLegalContent, .appLegalText, .appLegalTitle {
    color: var(---bg-legal-text);
}
.appLegalTitle {
    font-weight: bold;
}

/*.navbar-brand-color{
    background-color: #a7b50a;
}*/

/*------------------------------------
- COLOR primary **********************
------------------------------------*/

.bg-primary {
    background-color:var(---bg-green) !important;
}

/*------------------------------------
 *   Clases de los teléfonos *********
/*------------------------------------*/
.videobody {
    background-color: var(---bg-green);
    text-align: center;
    position: relative;
 }

 .remotevideo {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 480px;
    z-index: 0;
}

.localvideo {
    position: absolute;
    width: 25%;
    height: auto;
    top: 5px;
    right: 5px;
    border: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-radius: 2px;
    z-index: 10;
}

.msgvideo {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    z-index: 5;
}

.txt{
    font-size: 14px; 
    font-weight: bold;
    text-align: left;
}