/*
Theme Name: Rapide Theme
Theme URI: http://webentrepreneurdebutant.fr
Author: Rezaur Chowdhury
Author URI: http://rezaur.net
Description: Theme is developed for siterapide.fr internal uses.
Version: 1.0.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rapide
Domain Path: /languages/
Tags: responsive-layout, custom-header, one-column, two-columns, right-sidebar, left-sidebar, rtl-language-support, sticky-post, editor-style, black, white, featured-images, translation-ready

This theme, like WordPress, is licensed under the GPL.

===============================================================================================================
===============================================================================================================

/* Layout*/
/*
* to make sidebar-content (left sidebar) uncomment content-area
* to make this change for any specific page use the page slug as css class and add below code
*/
/* if you want default page template to left sidebar uncomment below*/
/*
.content-area {
    float: right;
}
*/
@font-face{font-family:'salvo';src:url('fonts/SalvoSansLight.eot');src:url('fonts/SalvoSansLight.eot?#iefix') format('embedded-opentype'),
url('fonts/SalvoSansLight.woff') format('woff'),
url('fonts/SalvoSansLight.ttf') format('truetype'),
url('fonts/SalvoSansLight.svg#salvo') format('svg');
font-weight:normal;
font-style:normal
}
@font-face{font-family:'salvo';src:url('fonts/SalvoSansLightItalic.eot');src:url('fonts/SalvoSansLightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/SalvoSansLightItalic.woff') format('woff'),
url('fonts/SalvoSansLightItalic.ttf') format('truetype'),
url('fonts/SalvoSansLightItalic.svg#salvo') format('svg');
font-weight:normal;
font-style:italic
}
@font-face{font-family:'salvo';src:url('fonts/SalvoSansBold.eot');src:url('fonts/SalvoSansBold.eot?#iefix') format('embedded-opentype'),
url('fonts/SalvoSansBold.woff') format('woff'),
url('fonts/SalvoSansBold.ttf') format('truetype'),
url('fonts/SalvoSansBold.svg#salvo') format('svg');
font-weight:bold;
font-style:normal
}
@font-face{font-family:'salvo';src:url('fonts/SalvoSansBoldItalic.eot');src:url('fonts/SalvoSansBoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/SalvoSansBoldItalic.woff') format('woff'),
url('fonts/SalvoSansBoldItalic.ttf') format('truetype'),
url('fonts/SalvoSansBoldItalic.svg#salvo') format('svg');
font-weight:bold;
font-style:italic
}
body {
    font-size: 13px;
    line-height: 1.8;
    font-family: 'salvo', Arial, sans-serif;
    font-weight: normal;
    color: #333132;
    min-width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
p {
    font-size: 12px;
    line-height: 18px;
    font-family: 'salvo', Arial, sans-serif;
    font-weight: normal
}
a{
    color: #4285f4;
}
a:hover{
    color: #3266d5;
    text-decoration: none;
}
/*To make a specific page layout left sidebar. Exm:- sample-page (is the slug of Sample page, Comes with WordPress Default install)*/
.sample-page .content-area{
    float: right;
}
/* Disable all rounded corner, unless override later this */
*{
    /* border-radius: 0 !important;*/
}
.loading{
    display: none;
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}


/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

.sticky {
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.byline, .tags-links, span.comments-link{margin-left: 10px;}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

blockquote, .blockquote, blockquote p{
    font-style: italic;
    font-weight: 200;
}
blockquote cite, .blockquote .cite{
    display: block;
    font-size: 80%;
    font-style: normal;
    line-height: 1.42857143;
    margin-top: 6px;
    font-weight: normal;
}
img{
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}
.panel-heading>.entry-title>a{
    font-size: 30px;
    font-weight: bold;
}
/* Extra (imput field out side form tag) */
input[type="text"]{

}
textArea{

}
.single .entry-title{
    font-weight: bold;
}
.single #comments, .page #comments{
    background: white;
    padding: 20px 15px;
}

/* Asides */
.search-form label{
    float: left;
    margin-right: 5px;
}
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
/* Main Navigation*/
/*Fallback Menu*/
.fallbackmenu ul{
    float: left; 
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.fallbackmenu>ul>li{
    float: left;
    display: block;
    position: relative;
}
.fallbackmenu>ul>li>a{ 
    color: #777;
    display: block;
    padding: 10px 15px;
    text-decoration: none;    
    position: relative;
}
.fallbackmenu>ul>li>a:hover{
    color:#333;
}
.touch .fallbackmenu{
    display: none;
}
/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    position:static;
    margin-top:0;
    margin-right:0;
    margin-left:6px;
    display:inline-block;
    width:0;
    height:0;
    overflow:hidden;
    vertical-align:middle;
    border-top:4px solid;
    border-right:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px dashed transparent;
}
.navbar-fixed-bottom .sub-arrow {
    margin-top:-5px;
    border-top:4px dashed transparent;
    border-bottom:4px solid;
}
.navbar-nav ul .sub-arrow {
    position:absolute;
    right:0;
    margin-top:6px;
    margin-right:15px;
    border-top:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
    padding-right:30px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    height:20px;
    overflow:hidden;
    text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    width:0;
    height:0;
    overflow:hidden;
    border-top:7px dashed transparent;
    border-right:7px dashed transparent;
    border-bottom:7px solid;
    border-left:7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
    top:6px;
    border-top:7px solid;
    border-right:7px dashed transparent;
    border-bottom:7px dashed transparent;
    border-left:7px dashed transparent;
}
#secondary .nav>li{
    display:block;
    padding: 10px 15px 10px 0;
    position: relative;
    border-bottom: 1px dotted;
}
#secondary .nav>li ul li{
    margin-left: 10px;
}
#secondary .nav>li ul li:last-child{
    border-bottom: 0px dotted;  
}

#secondary .nav>li>a{
    display:inline;
    padding: 0;    
}
#secondary .nav>li>a:hover{
    background: transparent;
}
#secondary>aside{
    float: right;
    padding: 15px 15px 20px 15px;
    background: #fff;
    width: 100%;
}
#secondary>aside>.widget-title{
    margin-top: 10px;
}
#secondary>aside.widget_rp_tabs{
    padding: 0;
}
/* Search Bar */

#header-bottom-bar .sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 42px;
    height: 35px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

#header-bottom-bar .sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}
 
#header-bottom-bar input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
#header-bottom-bar .sb-search-input::-webkit-input-placeholder {
    color: #efb480;
}
 
#header-bottom-bar .sb-search-input:-moz-placeholder {
    color: #efb480;
}
 
#header-bottom-bar .sb-search-input::-moz-placeholder {
    color: #efb480;
}
 
#header-bottom-bar .sb-search-input:-ms-input-placeholder {
    color: #efb480;
}

#header-bottom-bar .sb-icon-search,
#header-bottom-bar .sb-search-submit  {
    width: 42px;
    height: 35px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

#header-bottom-bar .sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:red;
    border: none;
    outline: none;
    z-index: -1;
}

#header-bottom-bar .sb-icon-search {
    color: #fff;
    background: #909296;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
 
#header-bottom-bar .sb-icon-search:before {
    content: "";
}

#header-bottom-bar .sb-search.sb-search-open,
#header-bottom-bar .no-js .sb-search {
    width: 100%;
}

#header-bottom-bar .sb-search.sb-search-open .sb-icon-search,
#header-bottom-bar .no-js .sb-search .sb-icon-search {
    background: #909296;
    color: #fff;
    z-index: 11;
}

#header-bottom-bar .sb-search.sb-search-open .sb-search-submit,
#header-bottom-bar .no-js .sb-search .sb-search-submit {
/*    z-index: 90;*/
}


/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
    padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left:65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
    white-space:normal;
}
.navbar-nav ul.sm-nowrap > li > a {
    white-space:nowrap;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
    left:0;
    right:auto;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.mob-menu{float: left;padding: 15px;font-size: 16px}
/* End Smart menu css */
.navbar-default .navbar-nav>li>a{
  font-family: 'salvo','Open Sans',sans-serif;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 48px;
  padding: 0px 15px;
  border-left: 1px solid #ebebeb;
}
.navbar-default .navbar-nav>li:last-child>a{
    border-right: 1px solid #ebebeb;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    color: #000;
    background: transparent;
}
#header-bottom-bar .nav{
    float: left;
}
#header-bottom-bar .nav>li{
    display: inline-block; 
    padding: 0 13px;
}
#header-bottom-bar .nav>li>a{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #414042;
    padding: 10px 0;
}
#header-bottom-bar .nav>li>a:hover{
    background: transparent;
    text-decoration: underline;
}
/* Media */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}
.gallery img, .comment-author img{/*fix thumbnail image align on left*/
    display: inherit;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/* Comments */

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
}
.comment-form{
    max-width: 40em;
}
.comment-list li{
    margin-bottom: 10px;
    list-style: none; 
}
.comment-list div.reply{
    margin-bottom: 5px;
}
/* Widgets*/

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}
/* Entry Meta */

/**/

/* Footer */
footer .site-info{
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 20px;
    color:white;
}
footer .site-info a{
    color: white;
    font-weight: bold;
}
footer .site-info a:hover{
    text-decoration: underline;
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
    display: none;
}
.single article footer.entry-meta{
    margin: 0.5em 0 0;
}

/* Attachments */

.attachment .hentry {
    margin: 0;
    padding: 0;
}

.attachment .entry-header {
    margin-bottom: 0;
    max-width: 1040px;
    padding: 30px 0;
}

.attachment .entry-title {
    display: inline-block;
    float: left;
    font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0;
}

.attachment .entry-title:before {
    content: "\f416";
    font-size: 32px;
    margin-right: 10px;
}

.attachment .entry-meta {
    clear: none;
    color: inherit;
    float: right;
    max-width: 604px;
    padding: 9px 0 0;
    text-align: right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
    max-width: 104px;
}
.hentry .entry-header>.entry-meta{
    max-width: 100% !important;
}
.attachment footer.entry-meta {
    display: none;
}

.attachment-meta:before {
    content: "\f307";
}

.full-size-link a:before {
    content: "\f402";
}

.full-size-link:before {
    content: none;
}

.attachment .entry-content {
    max-width: 100%;
    padding: 40px 0;
}

.image-navigation {
    margin: 0 auto;
    max-width: 1040px;
    position: relative;
}

.image-navigation a:hover {
    text-decoration: none;
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
    position: absolute;
    top: 50px;
}

.image-navigation .nav-previous {
    left: 0;
}

.image-navigation .nav-next {
    right: 0;
}

.image-navigation .meta-nav {
    font-size: 32px;
    font-weight: 300;
    vertical-align: -4px;
}

.attachment .entry-attachment,
.attachment .type-attachment p {
    margin: 0 auto;
    max-width: 724px;
    text-align: center;
}

.attachment .entry-attachment .attachment {
    display: inline-block;
}

.attachment .entry-caption {
    text-align: left;
}

.attachment .entry-description {
    margin: 20px auto 0;
    max-width: 604px;
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
    margin: 0;
}

.attachment .site-main .sidebar-container {
    display: none;
}

.attachment .entry-content .mejs-audio {
    max-width: 400px;
    margin: 0 auto;
}

.attachment .entry-content .wp-video {
    margin: 0 auto;
}

.attachment .entry-content .mejs-container {
    margin-bottom: 24px;
}

/* Author Bio */

.author-info {
    margin: 0 auto;
    max-width: 604px;
    padding: 30px 0 10px;
    text-align: left; /* gallery & video post formats */
    width: 100%;
}

.author.sidebar .author-info {
    max-width: 1040px;
    padding: 30px 376px 10px 60px;
}

.single .author-info {
    padding: 50px 0 0;
}

.author-avatar .avatar {
    float: left;
    margin: 0 30px 30px 0;
}
.author-description .author-title {
    clear: none;
    font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 0 8px;
}

.author-link {
    margin-left: 2px;
}

.author.archive .author-link {
    display: none;
}
/* 404 */

.error404 .page-title {
    line-height: 0.6;
    margin: 0;
    padding: 300px;
    position: relative;
    text-align: center;
    width: auto;
}

.error404 .page-title:before {
    content: "!";
    font-size: 964px;
    line-height: 0.6;
    overflow: hidden;
    position: absolute;
    left: 7px;
    top: 28px;
}

.error404 .page-header,
.error404 .page-content {
    margin: 0 auto;
    max-width: 1040px;
    padding-bottom: 40px;
    width: 100%;
}

/* header top bar*/
#header-top-bar{
    min-height: 15px;
}
footer, #header-top-bar{
    background: #4787ed;
}
/* header */
.site-header{
    background: #fff;
    margin-bottom: 20px;
}
#header-bottom-bar {
    background: #dbdcdd;    
}
#header-bottom-bar .widget_search{
    float: right;
    padding: 3px 10px;
}
#header-bottom-bar .container *{
    margin: 0 auto;
}
.site-branding{    
    float: left;
    max-width: 35%;
}
.site-branding h1{
    font-size: 30px;
}
.site-branding h2{
    font-size: 24px;
}
#site-navigation{
    float: right;
    max-width: 65%;
    margin-top: 20px;
}
.navbar-default{
    background-color: transparent;
    border-color: transparent;
}

#breadcrumb{
    padding-bottom: 5px;
}
.panel-footer{
    background: transparent;
    padding: 0 15px 25px 15px;
}
.blog article, .archive article, .single article, .page article{
    background: #fff;
    border: 1px solid #fcfcfc;
}
.single .entry-header, .page .entry-header{
    padding: 0 15px 10px 15px;
}
.single .feature-image{
    margin-left: -15px;
    margin-right: -15px;
}
.single .entry-content, .page .entry-content{
    padding-left:15px;
    padding-right: 15px;
}
article .panel-title{
    font-weight: bold;
    margin-bottom: 8px;
}
article .panel-body{
    padding: 0 15px 15px 15px;
}
article .panel-body img {
    float: left;
    margin-right: 15px;
}
article .panel-body p, .single .entry-content p {
    font-size: 15px;
    line-height: 24px;
}
.panel-footer{
    border-top: 0px;
    border-bottom: 1px;
}
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}
/*---------------------------------Comment block-------------------------------------------------*/
.form-allowed-tags code{
    clear:both;
    white-space: pre-wrap;
    display: block;
}
.comments-area .media-left span.says, .comments-area .media-left{max-width: 74px;}
.comments-area .media-left span.says, .comments-area .media-left cite.fn{float:left;display: block;width: 100%;max-width: 64px; word-wrap: break-word;overflow: hidden}
.comments-area .media-left cite.fn{font-weight: bold;}
/*---------------------------------Post Navigation-------------------------------------------------*/
.paging-navigation{
    margin-bottom: 15px;
}
/*-------read more------*/
.read-more{
    font-weight: bold;  
}
/*Post navigation alignment fix for small devices*/
@media (max-device-width: 480px) and (orientation:portrait) {
    .pager .previous>a, .pager .previous>span, .pager .next>a, .pager .next>span{float: none;margin:5px 0}
}
/*----------------------Bact to top Button------------------------------*/
.back-to-top {
    position: fixed;
    bottom: 0;
    right: 1em;
    text-decoration: none;
    color: white;
    background-color: rgba(77, 144, 254, 0.80);
    font-size: 28px;
    padding: 0.25em 0.71em;
    display: none;
}

.back-to-top:hover {	
    background-color: rgba(135, 135, 135, 0.50);
}
