/*
Theme Name: MigliorOlio
Author: EM3DESIGN
Author URI: http://www.em3design.it
Version: 1.0
Template: Divi
*/

/*#74733b; verde*/
/*#38644d; verde scuro*/

@import url("/wp-content/themes/Divi/style.css");
header#main-header {
    padding: 5px 0;
}
.testo-chiaro a:hover {
    color: #fff;
}
.testo-chiaro a {
    color: rgba(255,255,255,.7);
    /*text-decoration: underline;*/
    -webkit-transition: all .2s;
    transition: all .2s;
}
#mobile_menu .current-menu-item > a, .sub-menu .current-menu-item > a {
    background-color: rgba(0,0,0,.03);
}
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600;
    background-color: transparent;
}
/*form newsletter*/
#mailpoet_form_1 
 form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode {
    padding: 0;
    color: #ccc;
}
#mailpoet_form_1 a {
    color: #fff;
}
#mailpoet_form_1 a:hover {
    color: #ccc;
}
#mailpoet_form_1 input {
    border: none;
}
#mailpoet_form_1 input.mailpoet_submit, .mailpoet_paragraph input.mailpoet_submit {
    color: #ffffff!important;
    border-width: 7px!important;
    border-color: rgba(0,0,0,0);
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #ffb031;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#mailpoet_form_1 input.mailpoet_submit:hover, .mailpoet_paragraph input.mailpoet_submit:hover {
    background: #293600;
}
.mailpoet-manage-subscription input.mailpoet_text, .mailpoet-manage-subscription select {
    padding: 10px;
    width: 340px;
    max-width: 100%;
}
.mailpoet_paragraph input.mailpoet_submit {
    width: 150px;
    margin-top: 20px;
}
/*fine*/
p.et_pb_contact_field input, p.et_pb_contact_field textarea, .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_form .input {
    color: #000 !important;
    text-transform: none !important;
}
div#eo_events_agenda_widget-2 {
    display: none;
}
.archive div#eo_events_agenda_widget-2 {
    display: block;
}
td#eo-widget-next-month a {
    text-align: right;
}
.archive .entry-content  article {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 40px;
}
.archive .entry-content article:first-of-type {
    padding-top: 40px;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 40px;
}
.eo-agenda-widget .eo-agenda-widget-nav-next, .eo-agenda-widget .eo-agenda-widget-nav-prev {
    color: #74733b !important;
}
.eo-agenda-widget li.event {
    white-space: normal !important;
    padding: 5px 5px 5px 10px !important;
}
.eo-agenda-widget li.event .meta span:last-child {
    display: block;
    text-align: center;
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-style: italic;
}
.eo-agenda-widget li.event .meta span:first-child a {
    color: #fff;
    background: #74733b;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 20px;
    letter-spacing: 1px;
    display: inline-block;
}
.eo-agenda-widget li.event .meta span:first-child a:hover {
    padding: 8px 30px 8px 20px;
}
.eo-agenda-widget li.event .meta > span:first-child {
    text-align: center;
    display: block;
    margin: 20px 0 0 -20px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.eo-agenda-widget li.event .meta > span:first-child a {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.eo-agenda-widget li.event .meta span:first-child a:hover:after {
    content: "\24";
    margin-left: .3em;
    left: auto;
    opacity: 1;
}
.eo-agenda-widget li.event .meta span:first-child a:after {
    font-size: 16px;
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-weight: 100;
    font-family: ETmodules!important;
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
    direction: ltr;
}
/*icona scarica PDF */
a[href*=".pdf"]:before {
    content: "";
    width: 20px;
    height: 27px;
    display: inline-flex;
    background: url("/wp-content/themes/MigliorOlio/images/pdf-icon20.png") no-repeat scroll 0 0 transparent;;
    vertical-align: bottom;
    margin-right: 5px;
}
.eo-venue-map {
    min-height: 300px;
}
.eventorganiser-event-meta hr {
    margin: 0 0 30px;
    border-color: rgba(0,0,0,.1);
    border-width: 0 0 1px 0;
}
.et_right_sidebar #left-area {
    padding-bottom: 80px;
}
#acqua + div.et_pb_module h4.et_pb_module_header,
#suolo + div.et_pb_module h4.et_pb_module_header,
#paesaggio + div.et_pb_module h4.et_pb_module_header
 {
    color: #38644d;
    line-height: 1.2em !important;
}
.menu-icone img {
    width: 24px;
    margin-left: -34px;
    vertical-align: sub;
    padding-right: 10px;
    box-sizing: content-box;
}
#main-header .nav li ul .menu-icone a, .et_mobile_menu li.menu-icone a {
    padding-left: 50px;
    line-height: 1.2;
    font-family: 'Gayathri',Helvetica,Arial,Lucida,sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding-top: 15px;
    color: #38644d;
    padding-bottom: 10px;
}
ol {
  max-width: 350px;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
ol li {
  margin: 0 0 8% 0;
  counter-increment: my-awesome-counter;
  position: relative;
  font-size: 18px;
  list-style: none;
}
ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 15px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: -2px;
  background: #8DB700;
  border-radius: 50%;
  text-align: center;
}
.contatti h4 a {
    vertical-align: sub;
    letter-spacing: 1px;
}
.logo_container a {
    height: 74px;
    display: inline-block;
    overflow: hidden;
}
img#logo {
    max-height: 70px;
    max-width: none !important;
    height: 70px;
    position: relative;
    top: 4px;
}
.et-fixed-header .logo_container a img#logo {
    top: 2px;
    height: 50px;
}
input.et-search-field {
    background-color: rgba(255,255,255,.9);
    width: 100%;
    padding-left: 20px;
}
.et_contact_bottom_container {
    float: none;
    text-align: center;
    margin-top: 30px;
}
img.simbolo-logo-home {
    width: 2.3em;
    vertical-align: middle;
    padding-right: .15em;
}
.et-fixed-header .nav ul.sub-menu {
    top: 41px;
}
.nav ul.sub-menu {
    top: 53px;
}
.mobile_nav ul#mobile_menu {
    top: 84px;
}
#top-menu li, .et_mobile_menu li a {
    font-size: 16px;
}
.et_mobile_menu li a {
     padding-top: 15px; 
     padding-bottom: 15px; 
}
/*Gravity form EM3DESIGN v1.0 style -> https://www.gravityforms.com/css-ready-classes/ */
/*
Classi personalizzate:
hide = nascondi
nolabel = senza etichetta
w20, w25, w33, w50, w75, w66, w75, w80, w100 in abbinamento con "gf_inline" = divisione in colonne
box-a-comparsa = agginge (+) e (-) al casella di spunta 
*/

.gform_wrapper input, .gform_wrapper select {
    padding: .5em !important;
    height: 3em;
    font-size: 14px;
}
.gfield_description {
    padding: 0 !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w20{
    width: 20% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w25{
    width: 25% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w33 {
    width: 33.3333% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w50 {
    width: 50% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w66 {
    width: 66.6666% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w75 {
    width: 75% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w80 {
    width: 80% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w100 {
    width: 100% !important;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_inline input[type=text].datepicker.medium {
    width: 100% !important;
}
.gform_wrapper .gform_body .top_label li.gfield.field_description_below+li.gsection {
    margin-top: 50px!important;
}
.gform_wrapper .top_label .nolabel label.gfield_label, .gform_wrapper .top_label .no-label label.gfield_label, .hide {
    display: none !important;
}
.gform_wrapper ul li.gfield.nolabel ul, body .gform_wrapper ul li.gfield.nolabel li {
    margin: 0;
}
.gform_wrapper .gfield_checkbox li input {
    height: 1.2em;
}
.gform_wrapper .gform_footer input.button {
    border: none;
    margin: 0 auto !important;
    padding: 0 2em !important;
    display: block !important;
    background-color: #aaa;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .5s; 
    transition: all .5;
}
.gform_wrapper .gform_footer input.button:hover {
    background-color: #ccc;
    color: #000;
}
.box-a-comparsa .ginput_container li > input{
    display: none !important;
    visibility:hidden;
    max-width: 48%;
}
.box-a-comparsa .ginput_container li > label {
    margin: 1em auto !important;
    display: block;
}
.box-a-comparsa .ginput_container li > label:after {
    content: " (+)";
}
.box-a-comparsa .ginput_container li input[type="checkbox"]:checked + label:after {
    content: " (-) ";
}
.gform_wrapper li ul.gfield_radio li label {
    width: calc(100% - 25px) !important;
    max-width: none !important;
    font-size: 1em;
} 
.gform_wrapper .gform_body li.gfield.gfield_error {
    padding: 0 16px 0 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: none;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 8px !important;
}
.gform_wrapper .gform_body li.gfield.gfield_error label {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: sub;
}
.gform_wrapper .gform_body li.gfield.gfield_error .validation_message {
    line-height: 1.2;
    padding-bottom: 1em !important;
}
.gform_wrapper.gform_validation_error .gform_body ul.top_label li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}
@media only screen and ( max-width: 767px ) {
.gform_wrapper .gform_body .top_label li.gfield.gf_inline.w20, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w25, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w33, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w50, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w66, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w75, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w80, .gform_wrapper .gform_body .top_label li.gfield.gf_inline.w100  {
    width: 100% !important;
}
.gform_wrapper .gform_body li.gfield.gfield_error, .gform_wrapper .top_label li.gfield {
    padding: 0 !important;
}
}
/* Fine Gravity form EM3DESIGN style */
/*Contact Form7 divi restiling*/
form.wpcf7-form br {
    display: none;
}
.wpcf7 form.invalid .wpcf7-not-valid-tip {
    color: greenyellow;
    text-align: center;
}
input.wpcf7-not-valid {
    border: greenyellow solid 2px !important;
}
.wpcf7 form.invalid input + .wpcf7-not-valid-tip {
    margin-top: -1.2em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: greenyellow;
    margin: 0;
}
form.wpcf7-form p {
    padding: 0;
}
form.wpcf7-form .wpcf7-form-control-wrap input:not([type="checkbox"]), form.wpcf7-form .wpcf7-form-control-wrap textarea {
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    width: 100%;
    padding: 16px;
    border: none;
    margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-submit {
    color: #ffffff!important;
    border-width: 0px!important;
    border-color: #c4beb9;
    border-radius: 0px;
    letter-spacing: 4px;
    font-size: 14px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;
    background-color: #c4beb9;
    padding: 18px 14px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    font-weight: bold;
    display: block;
    margin: 20px auto 0;
    float: none;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: .7;
}
.et_pb_bg_layout_dark input.wpcf7-form-control.wpcf7-submit {
    background: #fff;
    color: #861FB0 !important;
}
span.invia:hover:before {  /*span + classe pulsante invia <span class="invia">[submit "Invia"]</span>*/
    left: -2px;
    opacity: 1;
}
span.invia:before {
    content: "\35";
    float: right;
    z-index: 2;
    position: relative;
    font-family: ETmodules!important;
    color: #fff;
    line-height: 1.5;
    font-size: 24px;
    width: 35px;
    margin-left: -35px;
    text-align: center;
    left: -10px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
span.invia:hover input.wpcf7-form-control.wpcf7-submit {
    padding-right: 30px;
    z-index: 1;
    position: relative;
}
/*END Contact Form7 divi restiling*/
/*Gestione cookie (plugin: Cookie Notice by dFactory, Button style: None)*/
#cookie-notice {
    z-index: 1000000;
}
.cookie-notice-container {
    padding: 10px 30px 3px;
}
.cookie-notice-container > span {
    display: inline-block;
}
#cookie-notice .button, #cookie-notice .cn-button  {
    text-decoration: none !important;
    vertical-align: middle !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -khtml-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,.5);
    box-shadow: 0 0 6px rgba(0,0,0,.5);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    font-size: 13px;
    background-color: transparent;
}
#cookie-notice .button:hover, #cookie-notice .cn-button:hover  {
    background-color: #e6e6e6;
    color: #222;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    text-shadow: none;
}
#cn-accept-cookie.button, #cn-accept-cookie.cn-button {
    font-weight: bold;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
}
#cn-accept-cookie.button:hover {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

@-moz-keyframes blinker {  
    0% { background-color: transparent; color: #fff; }
    50% { background-color: #e6e6e6; color: #222;}
    100% { background-color: transparent; color: #fff;}
}

@-webkit-keyframes blinker {  
    0% { background-color: transparent; color: #fff; }
    50% { background-color: #e6e6e6; color: #222;}
    100% { background-color: transparent; color: #fff;}
}

@keyframes blinker {  
    0% { background-color: transparent; color: #fff; }
    50% { background-color: #e6e6e6; color: #222;}
    100% { background-color: transparent; color: #fff;}
}
/*FINE Gestione cookie (plugin: Cookie Notice by dFactory, Button style: None)*/
/*footer-pis*/
#copyright-pis, #powered-pis {
    color: #888888;
    font-size: 12px;
    width: 50%;
    line-height: 25px;
}
#copyright-pis {
    text-align: left;
    float: left;
}
#powered-pis {
    text-align: right;
    float: right;
}
#copyright-pis a, #powered-pis a {
    color: #656464;
}
#powered-pis a {
    color: #656464;
}
#powered-pis a#logo-em3{
    background: url("/wp-content/themes/MigliorOlio/pis-images/logo-em3design-footer-white.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 30px;
    margin-left: 5px;
    overflow: hidden;
    text-indent: 999px;
    width: 100px;
}
#powered-pis a#logo-em3:hover {
    background-position: 0 -30px;
}
#powered-pis a#logo-pis {
    background: url("/wp-content/themes/MigliorOlio/pis-images/logo-passioninsite-footer-white.png") no-repeat scroll right -7px transparent;
    float: right;
    height: 16px;
    margin-left: 5px;
    margin-top: 7px;
    overflow: hidden;
    text-indent: 999px;
    width: 100px;
}
#powered-pis a#logo-pis:hover {
    background-position: right -37px;
}
.post-password-form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid;
    margin: 20px 0 0 5px;
}
.post-password-form {
    position: relative;
    text-align: center;
    top: 80px;
}
/*FINE footer-pis*/

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/
@media only screen and ( min-width: 1405px ) {
.et_pb_text_0.logo-home h1 {
    font-size: 5vw; 
}
    }
/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
    }
@media only screen and ( min-width: 981px ) and ( max-width: 1405px) {
    .home .box-testo span.testo {
    display: none;
}
    }
@media only screen and ( min-width: 981px ) {
img#logo {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.widget_calendar table#wp-calendar {
    margin-left: -20px;
}
    }
/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
   .logo-home h1 {
    text-align: center;
}
    }
@media only screen and  ( max-width: 1100px ) {
}
/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px )  {
#copyright-pis, #powered-pis {
    text-align: center;
    width: 100%;
}
#copyright-pis {
    margin-bottom: 0;
}
#powered-pis {
    float: none;
    text-align: center;
    width: 100%;
}
#powered-pis a#logo-em3 {
    display: inline-block;
    float: none;
    vertical-align: top;
}    
    }
@media only screen and ( min-width: 768px ) and ( max-width: 980px )  {
    }
/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
.immagini-colonna > br {
    display: none;
}
.immagini-colonna img {
    margin: 15px;
}
.immagini-colonna {
    text-align: center;
    margin-right: 0;
    width: 100%;
}
.et_pb_slide_image, .et_pb_slide_video {
    display: block;
}
.et_pb_slide_image + .et_pb_slide_description {
    display: none;
}
}
/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
.immagini-colonna img {
    height: auto;
    width: 100%;
}
   .logo-home h1 {
    text-align: center;
}
.logo_container a {
    width: 78px;
}
}