/* * * * * * * * * * * * * * * * * * * * * *
 *                                         *
 *  As of Rain 1.3 new styles added.        *
 *  To better adapt Rain to your project   *
 *  Change those values if you like        *
 *                                         *
 * * * * * * * * * * * * * * * * * * * * * */

/*
 * set font-family, font-size and line height to
 * menu elements in Rain
 */
#rn-navbar #rn-inner .rn-navigation li > a,
#rn-navbar #rn-inner a,
#rn-navbar #rn-inner p,
/*
 * set font-family for heading elements in Rain
 */
#rn-navbar,
#rn-navbar h2,
#rn-navbar h3,
#rn-navbar h4,
/*
 * Set main padding for menu elements and heading elements
 */
/*
 * Set main padding, line-height, border-top, and margin
 * for heading elements
 */
#rn-navbar .rn-divider,
 #rn-navbar h3,
 #rn-navbar h2,
 #rn-navbar h4,
 #rn-navbar h5,
/*
 * set line height of dropdown arrow to match your menu elements
 * line-height for optimal alignment
 */
.rn-navigation li.has-dropdown:not(.rn-slide) > a .rn-point .fa-angle-down{line-height: 14px}
/*
 * set line height of pointer that appears when menu element is
 * hovered to match your mene elemnts line-height fot optimal
 * alignment, and also add top property to match to the menu
 * element top padding and place it to the left for the value of
 * main menu elements left padding
 */
.rn-navigation li > a > span:before{ line-height: 14px; top: 7px; left: 7px }
/*
 * set line height of dropdown and submenu arrow to match your menu elemnts
 * and place it to the right for the value of menu element right padding
 */
.rn-navigation li > a .rn-point{line-height: 14px;right:7px}
/*
 * set top position of dropdown and submenu arrow to match your menu elements
 * top padding for optimal alignment
 */
.rn-point .fa-angle-down::before{top: 7px;}
/*
 * set top position of submenu arrow to match your menu elements
 * top padding - 2px for optimal alignment, and you can
 * additionaly change it's width
 */
.rn-slide .rn-point .fa-angle-down::before{width: 11px;top: 5px;}
/*
 * Button lines - change width and height of each line in navigation button
 */
#rn-open-button .rn-line{width:22px; height:2px}
/*
 * Button width in first layout with background
 */
#rn-open-button.btn-fly{ width:42px;}
/*
 * Change text, and its position for the menu button layout 2
 */
#rn-open-button.style2:after{content: "Menu"; right: -33px}
/*
 * Change text, and its position for the menu button layout 2
 * when position of the menu is placed on Right end of the screen
 */
#rn-open-button.btn-fly.rght:after,
#rn-open-button.btn-fly.right:after{left: -33px; right: auto}
/*
 * Change logo container max-width and margin
 */
#rn-navbar:not(.rn-top-bar) .rain-top .rn-logo{margin-top: 60px;margin-bottom: 30px;max-width: 130px}
/*
 * Edit logo image max-width and height
 */
#rn-navbar:not(.rn-top-bar) .rain-top .rn-logo img{max-width: 130px;max-height:80px}
/*
 * Change menu element left padding that will be applied once it is
 * hovered with mouse. Menu element will be pushed (using padding)
 * to the left and small arrow will appear
 */
#rn-navbar:not(.rn-minimal) .rn-navigation li > a:hover > span,
.rn-navigation li.has-dropdown:hover > a > span,
.rn-navigation li.actv > a > span,
#rn-navbar:not(.rn-minimal) .rn-navigation li.actv > a > span{padding-left: 14px}
/*
 * Edit padding for the first level dropdown children elements
 */
#rn-navbar #rn-inner .rn-navigation .has-dropdown ul li a{padding-left: 24px;padding-right: 24px}
/*
 * Edit padding for every next level dropdown children elements
 */
#rn-navbar #rn-inner .rn-navigation .has-dropdown ul .has-dropdown ul a{padding-left: 38px;padding-right: 38px;}
/*
 * EMinimal layout margin for the logo container
 */
#rn-navbar.rn-minimal .rain-top .rn-logo{
  position: relative;
  margin-top: 65px;
  margin-bottom: 8em;
}
/*
 * Minimal layout margin for the social list
 */
#rn-navbar.rn-minimal #social-list{margin-top: 4em;}
#rn-navbar p{
    padding: 5px 20px;
    margin: 15px 0;
}
#rn-navbar .rn-mega .rn-mega-holder p{
  color: #555;
}

.glyphicon{
    margin-right: 5px;
}