/*
Theme Name:     DFD Ronneby Child Theme
Theme URI: 		http://rnbtheme.com/
Description:    ronneby - Highly Functional Multifaceted WP Theme
Author:         DFD
Author URI:		http://rnbtheme.com/
Template:       dfd-ronneby
Version:        1.0.0
*/

@import url('assets/css/common.css');
@import url('assets/css/sliders/services_swiper.css');
@import url('assets/css/sliders/projects_swiper.css');
@import url('assets/css/sliders/clients_swiper.css');
@import url('assets/css/sliders/blog_swiper.css');
@import url('assets/css/sliders/offres_swiper.css');
@import url('assets/css/projects_grid.css');
@import url('assets/css/sliders/projects_cards_swiper.css');
@import url('assets/css/blog_grid.css');

html {
    font-size: 100%; /* Définit 1rem = 16px */
}

html, body {
    overflow-x: hidden;
}

.row {
    width: 1140px !important;
}

.dfd-single-tags,
.post-like-wrap,
.entry-data {
    display: none !important;
}

.dfd-blog-loop .dfd-blog-wrap .post .cover div.dfd-blog-title a:hover {
    color: #fff;
}

.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories .byline.category a:hover, .dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories .byline.category a:hover {
    color: #17a2b8 !important;
}

#header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo {
    visibility: inherit;
    margin: 0 0 0 4px;
    width: 108px;
}
#header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo img {
    top: 40%;
}

.dfd-blog-title a:hover {
    background-position: 0;
    color: #fff;
}

.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories {
    margin-top: 5px;
}

.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories .byline.category a {
    font-family: "Lato" !important;
    font-weight: 400;
    font-size: 15px !important;
}

div.page-title-inner .page-title {
    color: #17a2b8 !important;
    font-weight: 900 !important;
    font-size: 40px !important;
    padding-bottom: 0 !important;
    line-height: 40px !important;
}

.single-post div.page-title-inner .page-title {
    font-size: 50px !important;
    line-height: 49px !important;
    padding-bottom: 20px !important;
}

div.page-title-inner .page-subtitle {
    font-weight: 900 !important;
    color: #fff !important;
    font-size: 40px !important;
    line-height: 40px !important;
    padding: 0 70px !important;
}

@media screen and (min-width: 1101px) {

    #header-container:not(.small):not(.logo-position-right):not(.header-style-11) #header .header-wrap > .row:last-child .columns.header-main-panel {
        padding: 0 15px !important;
    }

    #header-container:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child {
        padding-top: 26px !important;
    }

    #header-container.logo-position-left:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel .inline-block img {
        height: 26px !important;
    }
}

.nav-menu .mega-menu-item .item-title {
    padding: 0 8px;
}

#footer {
    padding: 65px 30px !important;
}

#sub-footer {
    height: 48px;
    line-height: 48px;
}

#sub-footer .subfooter-copyright {
    height: 48px;
    line-height: 48px;
    color: #636363 !important;
}

#sub-footer .text-center {
    text-align: left;
}

.ql-footer-logo img {
    width: 180px;
}

.ql-footer-sep {
    margin-top: 48px;
    margin-bottom: 48px;
}

#footer h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

#footer h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
}

#footer .columns {
    padding: 0 15px;
}

.single-post div#stuning-header .dfd-stuning-header-bg-container {
    background-repeat: no-repeat;
    background-position: top 100px center !important;
}

.single-post div.page-title-inner .page-title-inner-wrap {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 100%;
    background: #ffffff;
    text-align: left;
    padding: 30px 30px 0;
}

.single-post div.page-title-inner .page-title-inner-wrap h1 {
    color: #17a2b8;
    font-size: 42px;
}

.entry-content .columns {
    padding: 0 40px;
}

.dfd-blog-title a {
    background-image: none;
    font-size: 17px !important;
    line-height: 22px !important;
}

.dfd-meta-container {
    padding: 30px 40px;
}

.wpb_wrapper h5.widget-title {
    margin-top: 30px;
}

.dfd-blog-title {
    line-height: 20px;
}

.entry-meta, .entry-meta.dopinfo {
    color: #a1a1a1 !important;
    font-size: 15px !important;
}

#footer .wpb_text_column p:last-child {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}

.dfd-new-soc-icon a {
    font-size: 25px;
    color: #28262b;
    text-align: left;
    float: none;
    width: 25px;
    margin-right: 40px;
}

#layout.blog-page #main-content {
    padding-top: 0 !important;
    padding-bottom: 200px !important;
    background: transparent url("assets/img/hirondelle.png") no-repeat bottom right;
}

#layout.blog-page {
    margin-bottom: 0;
}

@media screen and (max-width: 1140px) {
    .row {
        width: auto !important;
    }
}

@media screen and (max-width: 1100px) {
    div#header-container {
        background: #000 !important;
    }

    #header-container #header .header-wrap > .row:last-child .icon-mobile-menu span.icon-wrap {
        background: #fff !important;
    }

    #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .mobile-logo img {
        height: 27px !important;
        vertical-align: text-top;
        margin-right: 12px;
    }

    .icon-mobile-menu span.icon-wrap {
        height: 2px;
        border-radius: 1px;
    }

    .icon-mobile-menu span.icon-wrap.dfd-bottom-line {
        width: 18px;
        margin-top: 8px;
    }

    .icon-mobile-menu span.icon-wrap.dfd-top-line {
        width: 18px;
        margin-top: -4px;
    }

    .icon-mobile-menu span.icon-wrap.dfd-middle-line {
        width: 18px;
        margin-top: 2px;
    }

    .icon-mobile-menu:hover span.icon-wrap {
        color: #17a2b8 !important;
    }
}

@media screen and (min-width: 800px) {
    #layout.blog-page #main-content {
        padding-top: 0 !important;
        padding-bottom: 200px !important;
        background: transparent url("assets/img/hirondelle.png") no-repeat bottom right;
    }
}

@media screen and (max-width: 800px) {

    .single-post div#stuning-header .dfd-stuning-header-bg-container {
        background-repeat: no-repeat;
        background-position: top center !important;
        background-size: 190% !important;
    }

    .dl-menuwrapper {
        padding-left: 14px;
    }

    #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right {
        padding: 23px 0 !important;
        height: 70px !important;
    }

    #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left {
        height: 70px !important;
    }

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

    .dfd-new-soc-icon a {
        text-align: center;
    }

    #footer {
        padding: 65px 30px !important;
    }

    #sub-footer .text-center {
        text-align: center;
    }

    #footer .columns {
        margin: 0 !important;
    }
}

#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item::before, #header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor::before {
    display: none;
}

#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:hover {
    color: #17a2b8;
}

.wpb_wrapper p {
    line-height: 18px;
}

.dfd-heading-module-wrap.text-left .dfd-heading-delimiter {
    margin-bottom: 0 !important;
}

.wpb_wrapper p > a:not(.dk_toggle):hover {
    color: #17a2b8 !important;
}

.sidr {
    top: 70px;
    height: auto;
    width: 100%;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
    position: absolute !important;
}

/*.sidr.left {*/
/*    left: 0;*/
/*    right: auto*/
/*}*/

.dfd-sidr-close {
    left: 0 !important;
}

.sidr .sidr-inner > ul > li > a {
    text-align: center;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
}

.sidr ul li {
    line-height: 38px;
    border-top: none !important;
}

.sidr ul.sidr-dropdown-menu {
    padding-top: 5px !important;
}

.sidr.left {
    left: 0 !important;
    top: -200px !important;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}

.sidr.left.qlhide {
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
    top: 70px !important;
}

.dfd-blog-title {
    line-height: 22px !important;
}