/*
Theme Name:         Ronneby
Theme URI:          http://themes.dfd.name/ronneby/
Description:        Ronneby - Highly Functional Multifaceted WP Theme
Version:            2.0.1.1
Author:             DFD
Author URI:         http://dfd.name/
Tags:               light, white, one-column, two-columns, three-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

License:            GPL v2
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
*/

/**********/
/* General */
/**********/

/* Menu */

.lang-sel{
    display : none;
}


.slogan-section{
    text-align: center;
    font-size: 45px !important;
}

.desc-section{
    text-align: center;
    font-size: 35px !important;
}

.desc-section-2{
    text-align: center;
    font-size: 27px !important;
    margin-top: 10px !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
}


@media (max-width: 767px){
    .slogan-section{
        font-size: 35px !important;
    }
    .desc-section{
        font-size: 25px !important;
    }
    .desc-section-2{
        font-size: 23px !important;
    }
}


/* Titres */

.wpb_wrapper h5.widget-title{
    line-height: 45px !important;
}


.page-title {
    background-color: rgba(34,34,34,.4);
    padding: 5px;
    width: 85%;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

/* div#stuning-header .dfd-stuning-header-bg-container {
         filter: brightness(70%);
        -webkit-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -o-filter: brightness(70%);
        -ms-filter: brightness(70%);
}
*/

/* SousTitres */ 

.wpb_wrapper h3.widget-sub-title{
    font-family: inherit !important;
}



/* Reponsive  */

/* H1 */
@media (max-width: 767px){
    h1{
        font-size: 37px !important;
        line-height: 50px !important;
    }
}


/**********/
/* Accueil */
/**********/

/* Accueil */

/*
.upb_row_bg{
    background-color: rgb(248, 100, 44) !important;
}
*/

@media (max-width: 767px){
    .slogan-header-video > .wpb_wrapper h1.widget-title{
        font-size: 35px !important;
    }
    .img-header-video{
        display: none;
    }
}


/* 4 Blocs Info */

#info-box-573966c9f21bd > .aio-icon-box.top-icon.cr-animate-gen > .aio-icon-header > .feature-title {
    padding-left: 7% !important;
    padding-right: 7% !important;
}

.top-icon .aio-icon-header+.aio-icon-description {
    padding: 0 5% !important;
}


/* Nous lui donnons la vie */

.upb_bg_overlay{
    background-color: rgba(255, 129, 0, 0.74) !important;
}


/* Bouton voir tous nos projets */

.btn-more-projects > a > span > span.dfd-button-text-main{
    height: 70px;
    padding-top: 13px;
}

@media (max-width: 767px){
    span.dfd-button-text-main {
        font-size: 25px !important;
        padding: 11px 3% !important;
    }
}


/**********/
/* Contact Form */
/**********/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
    height: 70px !important;
}

input, textarea {
    font-family: "Raleway";
    border: 1px solid rgba(0, 0, 0, .3) !important;
    border-radius: 0px !important;
    padding: 15px !important;
    max-width: 100%;
    width: 100% !important;
    outline: 0 none;
}

input.wpcf7-form-control.wpcf7-file{
    height: 70px;
    padding-top: 18px !important;
    font-size: 18px;
}

.wpcf7 form p {
    font-size: 19px;
    color: #aaa;
    font-weight: 700;
}

.wpcf7 form input[type="submit"] {
    font-size: 22px;
}

.large-height > span > textarea.wpcf7-form-control.wpcf7-textarea{
    height: 140px !important;
}

/**********/
/* Footer */
/**********/

.footer-text {
    color: #7b7b7b;
    text-decoration: none;
}

.footer-link {
    color: #E6E6E6 !important;
    text-decoration: none;
}


/**********/
/* Tableau des prix */
/**********/

.dfd-pricing-block .option-icon {
    color: #F16521  !important;
}

.button:not(.ubtn){
    background: #F16422 !important;
    border: 1px solid #F16522 !important;
}

.button:not(.ubtn):hover{
    background: #DB591D !important;
    border: 1px solid #DB591D !important;
}

.dfd-pricing-block .feat-mark.style-01{ 
    display: none;
}

.dfd-pricing-block .price-sep{
    border: 1px solid #f16422 !important;
}

.dfd-pricing-block .price-block-dot.dot-enabled {
    background-color: #f16422 !important;
}

@media (min-width: 800px) and (max-width: 937px){
    .dfd-pricing-block .option, .dfd-pricing-labels .option{
        height: 70px !important;
    }
    .dfd-pricing-labels .option *{
        font-size: 12px !important;
    }
    .currency-symbol{
        display: block !important;
    }
    .dfd-pricing-block .payment-amount {
        font-size: 48px !important;
    }
}

@media (min-width: 938px) and (max-width: 999px){
    .dfd-pricing-labels .option *{
        font-size: 12px;
    }
}

@media (min-width: 1000px) and (max-width: 1050px){
    .dfd-pricing-labels .option *{
        font-size: 13px;
    }
}

/**********/
/* Blog */
/**********/

.blog-section {
    position: relative;
    width: 80% !important;
    text-align: center !important;
    margin: auto !important;
}


/**********/
/* Portfolio */
/**********/

#layout.single-folio.folio_inside_1 .folio-entry-media.desc-left{
    padding-left: 40px !important;
    padding-right: 0px !important;
}

@media (max-width: 767px){
    #layout.single-folio.folio_inside_1 .folio-entry-media.desc-left{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}


a.dfd-sound-controller.mobile-hide.dfd-icon-volume_middle {
    display: none !important;
}

div.dfd-heading-delimiter {
    margin-bottom: 20px !important;
}

.blog-section  > #main-content > .dfd-blog-wrap > .dfd-blog.dfd-blog-standard  > .post > .cover.text-left > .entry-media  > .entry-thumb {
    max-width: 470px !important;
    text-align: center !important;
    margin: auto !important;
}

.entry-meta > .before-author, 
.entry-meta > .byline.author.vcard, 
.entry-meta > .before-category,
.entry-meta > .byline.category{
    display: none !important;
}

.blog-top-block{
   display: none !important;
}

div.page-title-inner.page-title-inner-bgcheck .page-title{
    width: 400px;
    text-align: center;
    margin: auto;
}

/* Cacher tags */

.dfd-meta-container .dfd-single-tags {
    display: none;
}

/* Marge Description */
.portfolio-desc{
    margin: 20px 0px;
}

.portfolio-link{
    margin: 0px 0px 20px 0px;
    display: block;
}

.portfolio-img{
    margin: 50px 0px 0px 0px;
    display: block;
    text-align: center;
    width: 100%;
}


/**********/
/* PopUp Contact */
/**********/

.pum-theme-13472, .pum-theme-default-theme{
    background-color: rgba(0, 0, 0, 0.45) !important;
}

.pum-theme-13472 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
    font-size: 17px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #f8642c !important;
}




/**********/
/* Plan du Site */
/**********/

.page-id-2603 > #main-wrap >  #change_wrap_div > #layout > .row > .blog-section  > #main-content{
    padding-bottom: 0px !important;
}


/**********/
/* Wizard */
/**********/

.wizard-aw{
    width: 100%;
    height: 280px;
    border: 0;
    margin-top: 30px;
}

.wizard-aw-2{
    width: 100%;
    height: 340px;
    border: 0;
    margin-top: 30px;
    padding: 1% 0%;
}


@media (max-width : 768px){
	.wizard-aw,
        .wizard-aw-2{
 	   height: 540px !important;
	}
}

/**********/
/* Cookie Old */
/**********/

/*#catapultCookie{
    width: 100%;
    height: 37px;
    font-size: 12px;
    background-color: #e25b27;
    line-height: 30px;
}

#catapult-cookie-bar{
    background-color: rgba(27, 27, 27, 0.82) !important;
        bottom: 0px !important;
    	z-index: 9999999999 !important;
}

.has-cookie-bar #catapult-cookie-bar{
    padding: 0px 20px 0px !important
}

.ctcc-left-side{
    color: #bbbbbb;
}

button#catapultCookie{
    border-radius: 0px !important;
}

.header-top-panel .header-info-panel .top-info{
    width: 80%; !important;
}

div.inline{
    display: inline-flex !important;
    width: 100% !important;
}*/

/****************/
/* Cookie RGPD */
/****************/
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    margin-bottom: 0px !important;
    padding: 7px !important;
}


/*****************/
/*    HEADER     */
/*****************/

#header-container.small:not(.header-style-7):not(.header-style-14){
    margin-top: 23px;
}

#header-container.small:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row:last-child{
    padding-top: 0px;
}


/*****************/
/*    STARTUP     */
/*****************/

.inline-fagh{
    display: inline !important;
    margin-right: 5px !important;
    width: 20px;
}

.exp-gh{
    text-align: left;
    margin-left: 10%;
    margin-bottom: 20px;
}



/*****************/
/* Contact-form  */
/*****************/

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #f16421;
    	background: #f16421;
    	display: inline-block !important;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #f99a9a;
    	background: #f99a9a;
    	display: inline-block !important;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
    	background: #ffa500;
    	display: inline-block !important;
}

div.wpcf7-validation-errors {
    	border: 2px solid #f7e700;
    	background: #f7e700;
    	display: inline-block !important;
}



/*****************/
/* Back to top   */
/*****************/

.body-back-to-top:hover {
    color: #fff;
    background: #F26522;
    border-color: #F26522;
}

.body-back-to-top{
    margin-bottom: 10px;
}

.body-back-to-top:hover {
    color: #fff;
    background: #f26522 !important;
    border-color: #f26522 !important;
}

#scroll-to-top {
	display: none !important;
}

/**************/
/*  VIDEO LANDING PAGE ET BLOG   */
/**************/
.background-video{
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    object-fit: cover;
}

.shadow {
    border-radius: 25px;
    padding: 5px;
    width: 85%;
    text-align: center;
    margin: auto;
    margin-top: 95px;
    color: #fff;
}

.space {
    height: 70px;
}

@media (min-width: 992px){
    .container-video-fh{
        height: 100vh;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    .shadow {
        margin-top: 13% !important;
    }
    .space {
        height: 10px;
    }
}

@media (min-width: 1201px) and (max-width: 1400px){
    .space {
        height: 40px;
    }
}

@media (min-width: 1401px){
    .shadow {
        margin-top: 18% !important;
    }
    .space {
        height: 70px;
    }
}

.hero-content p.lead {
    color: #fff !important;
}

.hero-subscribe-wrapper {
    margin-top: 16px;
    margin-bottom: 27px !important;
}

.hero-subscribe-wrapper form .input-group input{
    background-color: rgba(255,255,255,.60);
}

.countdown-container {
    display: inline-table;
    border: 2px solid #fff;
    border-radius: 8px;
    margin: 10px 5px;
}

.countdown-common {
    background: #cc3641;
    border-radius: 5px;
    border: 1px solid #be2032;
    text-align: center;
    display: inline-block;
    font-size: 40px;
    padding: 0px 15px;
    color: #fff;
}

.countdown-number {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 70px;
}
.countdown-letter {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 65px;
}

#container-videofw{
    background-color: #000;
    overflow: hidden;
}


/***** Responsive ********/
@media (max-width: 767px){
    .hero-content p.lead, .hero-content h1 {
        background-color: rgba(0, 0, 0, 0.1);
        padding: 15px !important;
    }  
}


.shadow{
    border-radius: 25px;
    padding: 5px;
    width: 85%;
    text-align: center;
    margin: auto;
    margin-top: 95px;
}

.shadow-toinou{
        background-color: rgba(34,34,34,.2) !important
}

@media screen and (max-width: 640px){
.hero-subscribe-wrapper form .input-group input {
    -webkit-border-radius: 8px 8px 0 0 !important;
    -moz-border-radius: 8px 8px 0 0 !important;
    border-radius: 8px 8px 0 0 !important;
    text-align: center;
}

@media screen and (max-width: 739px){
    .input-placeholder{
        padding: 10px !important
    }
}

@media screen and (min-width: 740px){
    .input-placeholder{
        padding: 25px !important
    }
}

.input-group-btn, .hero-subscribe-wrapper form .input-group input, .hero-subscribe-wrapper form .input-group .btn-subscribe {
    display: block;
    width: 100%;
}

.hero-subscribe-wrapper form .input-group .btn-subscribe {
    -webkit-border-radius: 0 0 8px 8px !important;
    -moz-border-radius: 0 0 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
}
}

@media screen and (max-width: 738px){
.hero-subscribe-wrapper form .input-group input, .hero-subscribe-wrapper form .input-group .btn-subscribe {
    height: 50px;
    font-size: 20px;
}
}