/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.uk-navbar-nav div.uk-dropdown .uk-nav-navbar .uk-nav-sub {
    font-size: 13.9px;
}

.uk-nav-navbar > li > a {
    color: #2bcdc1 !important;
    font-size: 13.9px;
}

/* This is for FAQ Spoiler */
.su-spoiler-style-fancy {
    margin-right: 20px !important;
}

/* Sidebar panel */
.uk-panel-title {
    color: #ffffff;
    background: #253b80;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

body[class*="tm-sidebar"] .tm-main .tm-content {
    padding-top: 5px;
    padding-bottom: 5px
}


/************************* DOWNLOADS ************************/
.box h3{
  text-align:left;
    position:relative;
    top:25px;
    margin-left: 20px;
}
.box {
    width:80%;
    height:140px;
    background:#FFF;
    margin:40px auto;
}

.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/* ******************************************* FEATURE BACKGROUND **************************************** */
.features-wrapper {
    background-image: url("http://royalhouseslm.org/images/sampledata/bg/concrete_seamless.png") !important;
    background-color: #E2DFE2;
}

/********************************************* MEMBER ROLE TEXT ********************************************/
.su-member-role {
    color: #ffffff !important;
}



/* ******************************************* FOOTER BACKGROUND ***************************************** */
.bottom-b-wrapper {
    background: url("/images/sampledata/header/03.jpg") !important;
} 
  
.uk-panel, .uk-panel:hover {
    color: #888888 !important;
  }

.footer-wrapper {
    background-color: #181819;
    border-top: 1px solid #383838 !important;
}

.top-b-wrapper {
    background-color: #ffffff !important;
}

/* ******************************************** TOP C BACKGROUND ********************************************* */
.top-c-wrapper {
    background-color: #ffffff !important;
}

/*********************************************** BRANCHES ******************************************************/
.branches{
  font-size: 1.4em;
  font-weight: bold;
}

/************************************************ FRONT MARQUEE ***************************************************/
/* Make it a marquee */
.marquee {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
    font-size: 1.2em;
}

.marquee:hover {
    animation-play-state: pause;
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}