/*
Theme Name: RBB
Description: Child theme for the Avada
Author: RBB
Template: Avada
*/
a, a:hover{
    -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.text-center{
    text-align: center !important;
}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center h5{
    float: none !important;
    width: 100%;
}

.background-red{
    background: #e70033;
}

.color-red{
    margin-bottom: 10px !important;
}

.color-red h1,
.color-red h2,
.color-red h3{
    color: #e70033 !important;
}

/*.client-slider-hover .es-carousel ul li img{
    border: 0 !important;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
     filter: gray;
     -webkit-filter: grayscale(100%);
}

.client-slider-hover .es-carousel ul li img:hover{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}*/

.es-carousel-wrapper.fusion-carousel-small .es-carousel ul li img{
    border: 0;
}

.cus_about_footer p{
    margin-top: 20px;
    font-style: italic;
    text-shadow: 1px 1px 1px #000;
}

.menu-social-icon-text{
    padding-right: 4px !important;
}

.menu-social-icon-text .menu-text{
    display: none !important;
}

.menu-social-icon-text a:hover{
    border-color: transparent !important;
}

.body-slider-container #nav ul li > a{
    color: #fff;
}

.body-slider-container #nav ul .current_page_item > a{
    color: #e10707;
}

.welcome-text p{
    font-size: 16px;
}

.welcome-tagline{
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #fff !important;
}

.welcome-tagline h2{
    margin-bottom: 20px;
    color: #fff !important;
    font-style: italic !important;
}

.button-lightgray{
    border: 0 !important;
    background: #fff !important;
    color: #000 !important;
}
.button-lightgray span{
    color: #000 !important;
}

.welcome-tagline .button-lightgray{
    margin-top: 20px;
}

.page-id-8 .portfolio-item .portfolio-item-wrapper{
    position: relative;
}



.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    padding: 0;
}

.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content .entry-title,
.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content .entry-title a{
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 0 !important;
}

.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content .entry-title a{
    color: #fff !important;
    padding: 20px 0;
    background: rgba(214, 8, 50, 0.6);
}

.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content .entry-title a:hover{
    background: rgba(214, 8, 50, 1);
}

.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content .post-content{
    display: none !important;
}

.page-id-8 .portfolio-item .portfolio-item-wrapper .portfolio-content h4{
    display: none !important;
}

.jtwt_tweet_text a{
    color: #e70033 !important;
}

.jtwt_tweet_text a:hover{
    color: #333 !important;
}

.page-id-8 .portfolio-tabs,
.page-id-161 .portfolio-tabs{
    display: none !important;
}


.page-id-161 .portfolio-item .portfolio-item-wrapper{
    border: 1px solid #aabac1;
}

.circle-number{
    width: 50px;
    height: 50px;
    font-size: 30px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    color: #fff;
    background: #ec0928;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    margin: 0 auto 20px;
}

.text-bold{
    font-weight: bold !important;
}

.text-italic{
    font-style: italic !important;
}

.container-percent-1{
    width: 75% !important;
    margin: auto !important;
}

.container-percent-2{
    width: 50% !important;
    margin: auto !important;
}


.button.custom{
    display: table;
    margin: auto;
    border: 0;
    background: #fff !important;
    padding: 0 !important;

    color: #343333 !important;
    text-transform: none !important;
}

.button.custom:hover{
    color: rgb(231, 0, 51) !important;
}

.big-text h2{
    font-size: 34px !important;
    line-height: 48px !important;
}

.template-tagline-box .reading-box{
    font-size: 18px;
    line-height: 25px;
    font-family: 'Roboto Slab', serif;
    color: #343333;
}

input.submit{
    padding: 13px 29px;
    text-transform: uppercase;
}

.button.button-default,
input.submit{
    color: #fff !important;
    border: 0 !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e50133+0,c60e31+50,ae1a2f+100 */
    background: #e50133 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #e50133 0%, #c60e31 50%, #ae1a2f 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e50133), color-stop(50%,#c60e31), color-stop(100%,#ae1a2f)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e50133 0%,#c60e31 50%,#ae1a2f 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e50133 0%,#c60e31 50%,#ae1a2f 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e50133 0%,#c60e31 50%,#ae1a2f 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #e50133 0%,#c60e31 50%,#ae1a2f 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50133', endColorstr='#ae1a2f',GradientType=0 ); /* IE6-9 */

}

.button.button-default:hover,
input.submit:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae1a2f+0,c60e31+50,e50133+100 */
    background: #ae1a2f !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ae1a2f 0%, #c60e31 50%, #e50133 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae1a2f), color-stop(50%,#c60e31), color-stop(100%,#e50133)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ae1a2f 0%,#c60e31 50%,#e50133 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ae1a2f 0%,#c60e31 50%,#e50133 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ae1a2f 0%,#c60e31 50%,#e50133 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #ae1a2f 0%,#c60e31 50%,#e50133 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae1a2f', endColorstr='#e50133',GradientType=0 ); /* IE6-9 */
}

.less-line-height h1{
    line-height: 27px !important;
}

.margin-bottom-0{
    margin-bottom: 0 !important;
}

.margin-bottom-10{
    margin-bottom: 10px !important;
}

.box-pull-right{
    float: right;
}

.page-id-190 .fusion-blog-shortcode .post-slideshow{
    float: left;
    margin: 0 10px 10px 0;
    width: 40%;
}

/*.page-id-18 .fusion-blog-shortcode .post-slideshow{
    float: left;
    margin: 0 10px 10px 0;
    width: 100%;
}*/

.image .image-extras .image-extras-content a{
    color: #fff !important;
}

#comment-input span input{
    width: 100% !important;
}

#comment-input span{
    display: block;
    width: 32.666666%;
    float: left;
    margin-right: 1%;
}
#comment-input span span{
    width: 100%;
    margin-right: 0 !important;
}

#comment-input span:last-child{
  margin-right: 0 !important;
}

#comment-submit-container .button.large {
    margin-top: 10px;
    padding-left: 29px !important;
    padding-right: 29px !important;
    font-size: 14px !important;
    line-height: 17px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

#sidebar .fusion-title{
    margin-bottom: 10px !important;
}

#text-6{
    margin-bottom: 0 !important;
}

.page-id-20 #text-5,
.page-id-20 #text-6,
.page-id-20 #social_links-widget-2{
    display: block !important;
}

#text-5,
#text-6,
#social_links-widget-2,
.page-id-20 #pyre_tabs-widget-2,
.page-id-20 #text-4,
.page-id-20 #tweets-widget-3,
.page-id-164 #text-3,
#sidebar #search-2,
#wpp-2,
#recent-posts-4,
#text-7,
.page-id-18 #pyre_tabs-widget-2,
.single-post #pyre_tabs-widget-2{
    display: none !important;
}

.page-id-18 #sidebar #search-2,
.page-id-18 #wpp-2,
.page-id-18 #recent-posts-4,
.page-id-18 #text-7,
.single-post #sidebar #search-2,
.single-post #wpp-2,
.single-post #recent-posts-4,
.single-post #text-7{
    display: block !important;
}



.wpcf7-not-valid-tip{
    font-size: 11px !important;
}

.wpcf7-validation-errors{
    padding: 20px !important;
    border: 1px solid #faebcc !important;
    border-radius: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    margin: 30px 0 20px 0 !important;
}

.wpcf7-mail-sent-ok{
    padding: 20px !important;
    border: 1px solid #d6e9c6 !important;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    margin: 30px 0 20px 0 !important;
}

#main a{
    color: #e70033;
}
#main a:hover{
    color: #333;
}

#tabs a{
    color: #333 !important;
}

#tabs a:hover{
    color: #333 !important;
}

.page-id-161 .portfolio-item .image{
    text-align: center;
}

.featured-box{
    padding: 20px !important;
    background: #f2f3f4 !important;
}

.fusion-counters-circle{
    margin-bottom: 0 !important;
}

.fusion-counters-circle .counter-circle-wrapper{
    margin-bottom: 10px !important;
}

.fusion-flexslider .flex-direction-nav a{
    color: #fff !important;
}

#office-gallery .es-carousel-wrapper .es-carousel ul li .image{
    width: 250px !important;
}

.single-avada_portfolio .portfolio-full .flexslider{
    margin-bottom: 10px !important;
}

.extranet-link .fusion-megamenu .menu-item{
    padding: 0 !important;
}

.extranet-link .fusion-megamenu .menu-item h3{
    padding: 0 !important;
    font-size: 14px !important;
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    line-height: 19px !important;
}

.extranet-link .fusion-megamenu .menu-item h3 a{
    display: block !important;
    padding: 7px 20px !important;
}

.image a:hover>img{
    opacity: 0.8;
}

.single.single-post .about-author .fusion-title .title-sep-container,
.single.single-post .related-posts.single-related-posts .fusion-title .title-sep-container,
.single.single-post .comments-container .fusion-title .title-sep-container,
.single.single-post .comment-respond .fusion-title .title-sep-container{
    display: none;
}

.single.single-post .about-author .fusion-title,
.single.single-post .related-posts.single-related-posts .fusion-title,
.single.single-post .comments-container .fusion-title,
.single.single-post .comment-respond .fusion-title{
    border-bottom: 1px solid #e0dede;
    width: 100%;
}

.single.single-post .about-author .fusion-title h2 a{
    text-transform: capitalize;
    color: #e70033 !important;
}

.single.single-post .about-author .fusion-title h2 a:hover{
    color: #333333 !important;
}

.flexslider li a{
    color: #fff;
}

.page-id-8 .portfolio-item .entry-title a{
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}


.postid-959 .project-description .images-carousel-container{
    margin-left: -20px;
    margin-right: -20px;
}

#sidebar .heading h3{
    font: 18px/20px 'MuseoSlab500Regular', arial, helvetica, sans-serif;
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#wpp-2 .wpp-list li{
    margin-bottom: 20px;
}

#wpp-2 .wpp-list li img.wpp-thumbnail{
    margin: 0 10px 10px 0;
}

.fusion-counter-box .counter-box-container{
    border: 0 !important;
}

@media (max-width: 767px) {
    .container-percent-1,
    .container-percent-2{
        width: 100% !important;
    }

    #comment-input span{
        width: 100% !important;
    }

    #mobile-menu-item-215,
    #mobile-menu-item-216,
    #mobile-menu-item-217,
    #mobile-menu-item-519,
    #mobile-menu-item-520{
        display: none !important;
    }

    /*.client-slider-hover .es-carousel ul li img{
        filter: none;
         -webkit-filter: none;
    }*/
}