/* Use this to change the site theme
   ---------------------------------
   Here we change the colors and formatting of items on the site

   To override lower level CSS formating, use the !important attribute
*/

/* Chribus specific Site Definitions
     Define the global Site constants here for colors and formatting etc
     We do this in the root section to ensure visibility all over the site
     Definition:
        --varname: value;
        --chribus-blue: 46, 49, 146;
     Usage:
        var(--varname)
        rgb(var(--chribus-blue))
*/
:root {
  /* Green rgb(88, 185, 77)  or #58b94d*/
  --chribus-green: 88, 185, 77;
  /* Blue rgb(46, 49, 146) or #2e3192  */
  --chribus-blue: 46, 49, 146;
}

/* For testing only */
/*h1, h2, h3, h4, h5, h5 {                  */
/*  color: var(--chribus-green); !important;*/
/*}                                         */
/*                                          */
/*p {                                       */
/*  color: var(--chribus-blue) !important;  */
/*}                                         */
/*                                          */


/* We will for now overwrite all the sections that defines the brown color - rgb(171,115,67)
 to Chribus Blue */

/*****Basic******/
a {
    color: rgb(var(--chribus-blue));
    text-decoration: none;
    transition: all .4s;
}

/* Form */
.mpce-cfa-form input[type="submit"] {
    background-color: rgb(var(--chribus-blue)) !important;
   /* background-color: transparent;  */
    color: rgb(var(--chribus-green)) !important;
    border: 1px solid rgb(var(--chribus-blue)) !important;
    min-width: 50%;
}

.mpce-cfa-form input[type="submit"]:hover {
    border-color: rgba(var(--chribus-blue),0.8) !important;
    background-color: rgba(var(--chribus-blue),0.8) !important;

/*  color: rgb(var(--chribus-blue));            */
/*  border-color: rgb(var(--chribus-green));    */
/*  background-color: rgb(var(--chribus-green));*/
}


.mpce-cfa-form input[type="text"],
.mpce-cfa-form input[type="password"],
.mpce-cfa-form input[type="email"],
.mpce-cfa-form input[type="tel"],
.mpce-cfa-form input[type="number"],
.mpce-cfa-form select,
.mpce-cfa-form textarea {
    background: rgba(144, 144, 144, 0.075) !important;
    border-radius: 4px;
    border: none;
    border: solid 1px rgba(var(--chribus-blue),.2) !important;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
    margin-bottom: 10px;
}

.mpce-cfa-form input[type="text"]:focus,
.mpce-cfa-form input[type="password"]:focus,
.mpce-cfa-form input[type="email"]:focus,
.mpce-cfa-form input[type="tel"]:focus,
.mpce-cfa-form input[type="number"]:focus,
.mpce-cfa-form select:focus,
.mpce-cfa-form textarea:focus {
    border-color: rgb(var(--chribus-blue)) !important;
    box-shadow: 0 0 0 1px rgb(var(--chribus-blue)) !important;
}

/* MENU */

/**
 * 6.2 - Menus
 */

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item>a
{
    color: rgb(var(--chribus-green)) !important;
}

/*.main-navigation a:hover,
.main-navigation .current-menu-item>a {
    background-color: var(--chribus-blue) !important; color: var(--chribus-green) !important
} */



/**
 * 14.3 - >= 768px
 */

@media screen and (min-width: 768px) {

    .main-navigation ul ul {
        background-color: rgba(var(--chribus-blue),.8) !important;
        box-shadow: 2px 2px rgba(0,0,0,.3);
        display: block;
        left: -999em;
        margin: 0;
        position: absolute;
        z-index: 99999;
    }
}

/**
 * 14.4 - >= 985px
 */

@media screen and (max-width: 767px) {

    .site-header-menu {
        border-top: 1px solid rgb(var(--chribus-blue)) !important;
        flex: 0 1 100%;
        max-height: 0;
        overflow: hidden;
        transition: all 0.9s ease-in-out 0s;
    }

}

/**** Header ****/

.menu_row {
    background-color: rgb(var(--chribus-blue)) !important;
}

hr {
    width: 100px;
    border:2px solid rgb(var(--chribus-green)) !important;
}

/**** Footer ****/

.footer_row .list_col li:hover a {
    color: rgb(var(--chribus-blue)) !important;
}

/**** Home ****/
.banner_button .smue-btn:hover {
    padding: 1em 0 0 1em !important;
    color: rgb(var(--chribus-blue)) !important;
}

.project_thumb .smue-service-box-data-section {
    padding: 1em;
    border-top: 3px solid rgba(var(--chribus-blue),.5) !important;
}

.vision_col .smue-btn {
    color: rgb(var(--chribus-blue)) !important;
    padding: 1em 0 !important;
}

.team_thumb .smue-service-box-data-section {
    padding: 1em;
    border-top: 3px solid rgba(var(--chribus-green),.5) !important;
}

@media screen and (max-width: 767px) {

    #masthead .menu_row, #site-header-menu {
        background-color: rgb(var(--chribus-blue)) !important;
        left:0;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        width: calc(100% + 8px);
        z-index: 1;
    }
}

/* All Icons Color (part of the fa class */
.fa {
    color: rgb(var(--chribus-green)) !important;
}


/* Lists */
/*.smue-list-obj-basic,                           */
/*.smue-list-obj li, i {                          */
/*    color: rgb(var(--chribus-green)) !important;*/
/*}                                               */
/*                                                */
.smue-list-type-icon li,
.smue-list-type-icon i,
.smue-list-type-icon a {
    color: rgb(var(--chribus-green)) !important;
}

.smue-button-obj a {
    color: rgb(var(--chribus-green)) !important;
}


.smue-btn smue-btn-size-middle {
    color: rgb(var(--chribus-green)) !important;
}