/* ==========================================================
   RUUM MEDIA HELP SCOUT CUSTOM STYLE
   ========================================================== */

/* ---------- Header ---------- */

#mainNav {
    background: #ffffff;
    border-bottom: 1px solid #eef2f5;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}

#mainNav .container-fluid{
    position:relative;
    min-height:78px;
}

/* ---------- Center Logo ---------- */

#mainNav .brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0 !important;
    padding:0 !important;
    z-index:100;
}

#mainNav .brand img{
    height:56px;
    width:auto;
    display:block;
}

/* ---------- Hide Navigation ---------- */

#mainNav .nav,
#mainNav .caret{
    display:none !important;
}

/* Keep mobile button */
#mainNav .btn-navbar{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
}

/* ---------- Hero ---------- */

.hero{
    padding-top:70px;
    padding-bottom:70px;
}

/* ---------- Search ---------- */

.search-query{
    border-radius:12px;
    border:1px solid #d9e3ea;
    box-shadow:none;
}

.search-query:focus{
    border-color:#4f8a84;
    box-shadow:0 0 0 4px rgba(79,138,132,.12);
}

/* ---------- Buttons ---------- */

.btn-primary{
    background:#4f8a84;
    border-color:#4f8a84;
}

.btn-primary:hover{
    background:#3d726d;
}

/* ---------- Collections ---------- */

.collection{
    border-radius:16px;
    border:1px solid #edf1f5;
    transition:.25s;
}

.collection:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* ---------- Footer ---------- */

footer{
    border-top:1px solid #eef2f5;
}