/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
    font-family: 'relationregular';
    src: url('/wp-content/themes/bridge-child/font/relation-webfont.woff2') format('woff2'),
         url('/wp-content/themes/bridge-child/font/relation-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */

.mfp-iframe-holder .mfp-content {
    max-width: 1400px !important;
}

.mfp-container {
    position: fixed !important;
}

.mfp-bg {
    opacity: 1 !important;
}

.text-slide span {
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 10px 0 0px 0px rgba(0, 0, 0, 0.2), -10px 0 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 10px 0 0px 0px rgba(0, 0, 0, 0.2), -10px 0 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 0 0px 0px rgba(0, 0, 0, 0.2), -10px 0 0px 0px rgba(0, 0, 0, 0.2);
    box-decoration-break: clone;
    line-height: 1.3;
    letter-spacing: 3px;
}

/*.home-slide2 span {
    background: #8c703a;
    -webkit-box-shadow: 10px 0 0px 0px #8c703a, -10px 0 0px 0px #8c703a;
	-moz-box-shadow: 10px 0 0px 0px #8c703a, -10px 0 0px 0px #8c703a;
    box-shadow: 10px 0 0px 0px #8c703a, -10px 0 0px 0px #8c703a;
    text-shadow: none;
}*/

#back_to_top {
    bottom: 25px;
}

#back_to_top > span {
    width: 35px;
}

#back_to_top span i, #back_to_top span span {
    font-size: 18px;
}

.fadein {
    opacity: 0;
}

.articoli-slide {
    margin: 50px 20px !important;
    min-width: auto !important;
    width: 100% !important;
    display: flex !important;

}

.articoli-slide .articoli-slide-container {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    max-width: 500px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #333333;
    background: rgba(255, 255, 255, 0.9);
}

.articoli-slide .articoli-slide-container div {
    padding: 20px;
}

.articoli-slide h3 {
    margin: 0;
    text-transform: none;
    font-size: 30px;
}

.articoli-slide-container a {
    padding: 6px 12px;
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    display: inline-block;
    background: white;
}

.ombra1 {
    -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
}

.anno {
    width: 100%;
    max-width: 520px;
    opacity: 0.5;
}

.mf-title {
    font-family: 'relationregular', serif;
    color: #305640;
    font-weight: 100;
    font-size: 60px;
    line-height: 60px;
    margin: 30px 0 50px;
}

.mf-subtitle {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 16px;
}

p.mf-description {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.4;
    color: #303030;

}

.mf-button {
    text-decoration: none;
}

.mf-button div {
    margin-top: 50px;
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    color: #8b6f3a;
    font-weight: bold;
    transition: all 0.5s
}

.mf-button:hover div {
    color: #735622;
}

.mf-button img {
    text-decoration: none;
    max-width: 60px;
    padding-top: 20px;
    transition: margin-left 0.5s
}

.mf-button:hover img {
    margin-left: 20px;
}

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

    .mf-desktop-hide {
        display: none;
    }

}

@media (min-width: 1200px) {

    .articoli-slide {
        margin: 80px 20px !important;
    }

    .articoli-slide .articoli-slide-container div {
        padding: 20px 60px;
    }
}

/* COOKIE LAW */

#cookieChoiceInfo {
    background: none !important;
    padding: 0 !important;
}

#cookieChoiceInfo .contentStyle {
    max-width: 700px;
    background: #212121;
    margin: 20px auto;
    padding: 10px;
    font-size: 15px;
    color: #c3c3c3;
    border-radius: 100px;
    -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.30);
}

#cookieChoiceInfo .contentStyle a {
    font-size: 15px;
    color: #c3c3c3;
}

#cookieChoiceInfo .contentStyle a + a {
    font-size: 15px;
    color: white;
}

/* HEADER */

.q_logo a {
    height: 50px !important;
}

.search_close_holder .side_menu_button {
	height: 88px;
}

.drop_down .second .inner>ul,
li.narrow .second .inner ul {
    background-color: #ffffff;
    border: 1px solid;
}

/* GENERAL GRID */

.grid-container {
    display: grid;
    grid-template-columns: repeat(14, 7.1428%);
}

.riga {
    grid-row-start: 1;
    grid-row-end: 20;
    z-index: -1;
}

.riga1 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.riga2 {
    grid-column-start: 2;
    grid-column-end: 5;
}

.riga3 {
    grid-column-start: 5;
    grid-column-end: 8;
}

.riga4 {
    grid-column-start: 8;
    grid-column-end: 11;
}

.riga5 {
    grid-column-start: 11;
    grid-column-end: 14;
}

.riga6 {
    display: none;
}

.mf-grid-img {
    width: 100%;
    background-color: #cccccc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.mf-grid-text {
    padding: 60px 0;
}

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

    .riga1 {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .riga2 {
        grid-column-start: 3;
        grid-column-end: 5;
    }

    .riga3 {
        grid-column-start: 5;
        grid-column-end: 7;
    }

    .riga4 {
        grid-column-start: 7;
        grid-column-end: 9;
    }

    .riga5 {
        grid-column-start: 9;
        grid-column-end: 11;
    }

    .riga6 {
        display: block;
        grid-column-start: 11;
        grid-column-end: 13;
    }

}


/* FOOTER */

footer,
.footer_top .textwidget,
.footer_top a,
.footer_top li,
.footer_top p,
.footer_top span {
    color: #cecece !important;
    font-size: 15px;
    letter-spacing: 1.1px;
    font-weight: 400;
}

footer li a {
    padding-bottom: 6px;
    font-family: 'Playfair Display';
    font-weight: 500 !important;
}

footer li a i {
    margin-right: 10px;
    width: 18px;
}

footer .telefono p {
    font-weight: bold;
    font-size: 18px;
}

footer .telefono a {
    position: relative;
    border: 1px solid #bfce4f;
    padding: 10px;
    border-radius: 11px;
    display: inline-block;
    margin: 14px 0 50px 0;
}

footer .telefono a span {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #bfce4f !important;
}

footer .telefono a i {
    margin-right: 10px;
}

footer .telefono .nverde {
    display: block;
    font-weight: bold;
    font-size: 14px;
    background: #0b0b0b;
    position: absolute;
    top: -15px;
    left: -6px;
    padding: 0 6px;
}

footer .mailchimp-newsletter-footer {
    margin-top: 50px;
}

footer .mailchimp-newsletter-footer p {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
}

footer .mailchimp-newsletter-footer input {
    margin: 0;
    float: left;
    font-size: 14px;
    background: #0b0b0b;
    padding: 0;
    border: 1px solid white;
    border-radius: 10px 0 0 10px;
    width: auto;
    padding: 10px 15px;
    color: white;
}

footer .mailchimp-newsletter-footer input + input {
    border-radius: 0 10px 10px 0;
    border-left: 0;
    background: white;
    color: #444444;
    font-weight: bold;
    transition: all 0.3s;
}

footer .mailchimp-newsletter-footer input + input:hover {
    background: #bece4f;
    color: white;
    cursor: pointer;
}

footer .mailchimp-newsletter-footer input[type=checkbox] {
    margin: 7px 7px 0 0;
}

.mc4wp-alert.mc4wp-notice p {
    color: #b5cd00 !important;
    margin-top: 10px;
}

.mc4wp-alert {
    border: 1px solid #bece4f;
    padding: 10px;
    margin-top: 18px;
}


.google_map_ovrlay,
.google_map_shortcode_overlay {
    display: none !important;
}

@media (max-width: 1000px) {

    .three_columns .column1,
    .three_columns .column2,
    .three_columns .column3 {
        width: 100%;
    }

    .three_columns .column1 .column_inner,
    .three_columns .column2 .column_inner,
    .three_columns .column3 .column_inner {
        padding: 0;
    }

    .footer_top .three_columns .column1 .column_inner>div,
    .footer_top .three_columns .column2 .column_inner>div,
    .footer_top .three_columns .column3 .column_inner>div {
        margin: 0 0 25px !important;
    }

    .footer_top .four_columns .column1,
    .footer_top .four_columns .column2,
    .footer_top .four_columns .column3,
    .footer_top .three_columns .column1,
    .footer_top .three_columns .column2,
    .footer_top .two_columns_50_50 .column1 {
        margin: 0 0 25px !important;;
    }

    .footer_top .three_columns .column2 {
        margin: 0 0 25px;
    }
}


/* BLOG */

.single-post .post_image {
	margin-top: 80px;
}

.blog_holder article .post_text h1 {
    margin-bottom: 40px;
}

.blog_holder article .post_text h1 .date {
    color: #bebebe;
    font-family: 'Lato';
    font-weight: 300;
    font-size: 0.6em;
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}

.single-post .post_info {
	margin-top: 10px;
}

.blog_holder article .post_info {
    display: none;
}

.blog_single.blog_holder {
	margin-bottom: 100px;
}

/* CONTATTI PAGE */

.img-contatti {
    padding-top: 300px;
    background-position: center;
}

/*
.contact-address > div > div {
    display: flex;
}

.contact-address > div > div .vc_col-sm-6 + .vc_col-sm-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}
*/

.address {
    display: table;
    margin: 0 auto;
}

.address p {
    margin: 0 0 20px;
    font-size: 20px;
}

.wpcf7 input {
    border-bottom: 1px solid !important;
}

.wpcf7 textarea {
    border: 1px solid !important;
}

.wpcf7 input[type=submit] {
    border-bottom-color: #c3c3c3 !important;
    font-size: 18px !important;
    margin: 20px 0 0 0;
}

span.wpcf7-list-item {
    margin: 20px 0 0 0;
}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #abce83 !important;
}

.bg-contatti {
    position: absolute;
    bottom: 0;
    max-width: 400px;
    max-height: 400px;
    right: 0;
    opacity: 0.3;
}

@media (max-width: 767px) {

    .address {
        display: block;
        margin: 100px 0 0;
    }

    .bg-contatti {
        max-width: 150px;
        max-height: 150px;
    }

    .img-contatti {
        padding-top: 150px;
}

}

/* PRODOTTI PAGE */

.prodotto-testo > div > div {
    display: flex;
}

.prodotto-testo > div > div .vc_col-sm-6 + .vc_col-sm-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prodotto-testo p {
    margin-bottom: 30px;
    margin-top: 30px;
}

.formati-disponibili td {
    padding: 5px 20px 5px 0;
    text-align: left;
    font-size: 16px;
    vertical-align: bottom;
    /*border-bottom: 1px solid #b6ce17;*/
}

.formati-disponibili td + td {
    font-weight: bold;
}

/* Pagina olio  e salute form */

.wpcf7 .download-file .download-file-email {
    margin-top: 60px;
    width: calc(100% - 102px);
    max-width: 250px;
    float: left;
}

.wpcf7 .download-file .download-file-btn {
  margin-top: 60px;
    width: 102px;
    float: left;
    position: relative;
}

.wpcf7 .download-file .ajax-loader {
position: absolute;
top: 13px;
right: 0;
}

.wpcf7 .download-file .wpcf7-not-valid-tip,
.wpcf7 .download-file label {
font-size: 14px !important;
}

.wpcf7 .download-file .download-file-email input {
   	margin: 0 !important;
    border: 1px solid #bfce4e !important;
    padding: 0 0 0 8px !important;
    height: 42px !important;
    border-radius: 10px 0 0 10px !important;
    font-size: 14px !important;
}

.wpcf7 .download-file .download-file-btn input {
    margin: 0 !important;
    border: 1px solid #bfce4e !important;
    border-left: 0 !important;
    border-radius: 0 10px 10px 0 !important;
    background-color: #bfce4e !important;
    color: white !important;
    font-weight: bold !important;
  font-size: 14px !important;
  text-transform: none !important;
}

.before-and-after-goal .download_link  {
    background: #bdcc4d;
    display: inline-block;
    margin-top: 50px;
    padding: 10px 20px;
    color: white;
    border-radius: 10px;
    transition: all 0.3s;
    color: white;
    font-weight: bold;
    font-size: 14px !important;
}

.before-and-after-goal .download_link:hover {
  background: #a1af39;
  color: white;
}