/*
  Global.css - All the non-default CSS goes here!
*/
.hidden{
    display: none;
}
#top #wrap_all .main_color h3.slide-entry-title a{
    font-family:'Roboto-Slab', serif;
}

/*
  header - global
*/

#header_main_alternate{
    background: rgba(255,255,255, 0.6);
}


/*
  header - social icon
*/

#top #wrap_all .av-social-link-facebook:hover a,
#top #wrap_all .av-social-link-twitter:hover a,
#top #wrap_all li.av-social-link-youtube:hover a,
#top #wrap_all .av-social-link-facebook a:focus,
#top #wrap_all .av-social-link-twitter a:focus,
#top #wrap_all li.av-social-link-youtube a:focus,
#top #wrap_all .av-social-link-instagram:hover a,
#top #wrap_all .av-social-link-instagram a:focus{
    background: none !important;
}

#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{
    top: 65% !important;
}

#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{
    width: 200px !important;
}

#top .social_bookmarks li a{
    line-height: 30px !important;
}

/*
  header - menu
*/

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child{
    height: 40px !important;
}

@media only screen and (max-width: 950px){
    #top #header .av-main-nav > li > a{
    font-size: 10px !important;
    }
}

@media only screen and (max-width: 790px){
    #top #header .av-main-nav > li > a{
    font-size: 9px !important;
    }
}

/*
  footer - global
*/

#top .av-mailchimp-widget .button{
    font-size: larger;
    width: 50% !important;
    padding: 10px 10px !important;
}

#top #wrap_all .footer_color h3{
    margin-bottom: 50px;
}

#top .av-mailchimp-widget-style-boxed_form{
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.noLightbox .social_bookmarks .icon_count_3 ul{
    width: 25% !important;
}

#text-3{
    text-align: center;
}

.textwidget p{
    font-weight: 400 !important;
}

/*
  general
*/

#top .av-flex-placeholder{
    width: 1% !important;
}

.custom-content-box{
}

.custom-content-img{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-content-text{
    max-height: 205px;
    padding: 20px;
}

.custom-content-border{
    height: 235px;
}

.custom-content-link{
    text-decoration: none !important;
    color: white !important;
}

.border{
    border-width:5px; 
    border-color:#433225 !important; 
    border-style:solid;
    padding: 30px;
}

.widgettitle{
    text-transform: capitalize !important;
}

.textwidget{
    font-size: 90% !important;
}

/*
  Pesticide calculator box
*/
.calculator-box-content{
    padding: 20px;
    height: 440px;
}

.calculator-img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.page-id-680 .content, .sidebar{
    padding-top: 0 !important;
}

.page-id-54 .content, .sidebar{
    padding-top: 0 !important;
}


/*
backgroud color for boxes
*/

.bl-bg{
    background-color: #0084D4;
}

.or-bg{
    background-color: #EB7719;
}

.br-bg{
    background-color: #433225;
}

.gr-bg{
    background-color: #ebe9e9;
}


/*
Fruits and Veggies Under the Health Spotlight
*/
.portfolio_preview_container{
    position: absolute !important;
    z-index: 21;
    background-color: white;
    box-shadow: 0px 15px 30px 15px rgba(68,68,68,0.6);
}

.portfolio-preview-content{
    width: 100% !important;
}

#top .portolio-preview-list-image, #top .portolio-preview-list-image img{
    width: 300px !important;
    margin: 0 auto;
    margin-top: 21%;
    border: none !important;
}

.portfolio-preview-content {
    height: 500px;
}

.person-select{
    list-style-type: none !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.person-type{
    display: block;
    width: 200px;
    height: 310px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding-top: 300px;

}

.food-list{
    list-style-type: none !important;
    display: flex;
    flex-wrap: wrap;
}

.foods{
    text-align: center;
    background-position: center;
    padding-top: 200px;
    display: block;
    background-repeat: no-repeat;
    background-size: 200px;
    height: 250px;
    width: 200px;
}

.start{
    color: white !important;
    background-color: #433225;
    padding: 5px 10px;
    margin: 15px 0;
}

.again{
    color: white !important;
    background-color: #433225;
    padding: 20px 40px;
    margin: 15px 0;
}

.food-element{
    color: #0084D4;
}

.result{
    font-size: 40px;
    color: #0084D4;
    line-height: 65px;
}

.type{
    color: #EB7719;
}

.overview-wrapper{
    background-color: white;
    padding:20px;

}

.overview{
    text-align: center;
    background-image: url('/wp-content/uploads/2018/11/Calculator-veggies.png');
    background-repeat: no-repeat;
    background-position: 50% 10px;
    border: solid 1px;
    padding: 275px 30px 0px 20px;
}

.overview p{
    padding-top: 20px;
}

.step-4{
    text-align: center;
}

.review{
    font-size: 20px !important;
}

#av-custom-submenu-1 .menu-item-top-level-1 .avia-menu-text{
    color: #433225;
}

.select{
    text-align: center;
}

.calc-icon{
    margin-left: 10px;
    margin-top: 7px;
    width: 25px;
}

.video-share{
  margin-bottom: 40px;
}

.video-share-thumb{
  min-height: 220px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.video-share-thumb::after{
  content: "";
  background-image: url("/wp-content/themes/enfold-sfv/images/bouton_play.png");
  background-color: rgba(0,0,0,0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 88px 97px;
  transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
}

.video-share-thumb:hover::after{
  background-size: 120px 131px;
  background-color: rgba(0,0,0,0.5);
}

.video-share-description{
  padding: 15px;
  padding-bottom: 35px;
  position: relative;
}

#top .video-share-description p{
  margin: 0px;
}

#top .video-share-description p.video-share-title{
  font-size: 16px;
  padding-bottom: 6px;
}

#top .video-share-description p.video-share-subtitle{
  font-size: 24px;
  font-weight: bold;
}

#top .video-share-description p.video-share-fb{
  font-size: 16px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  padding-bottom: 5px;
  cursor: pointer;
}

#top .video-share-description p.video-share-fb:after{
  content: "";
  background-image: url("/wp-content/themes/enfold-sfv/images/header_Facebook.png");
  display: inline-block;
  height: 28px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -5px;
}

#top .video-share-description p.video-share-fb:hover{
  opacity: 0.6;
}


#menu-item-4656 a{
    padding-right: 0 !important;
}

.menu-item-4761, .menu-item-4656{
    display: none !important;
}

.av-minimum-height-75 .container, .av-cell-min-height-75 > .flex_cell {
    height: initial !important;
}

.avia-section.av-minimum-height .container{
    opacity: 1 !important;
}

.entry-content-wrapper .food-list li{
    margin: 0 auto !important;
}

.dietitians-form-wrap #avia_mailchimp_widget-2 .widgettitle{
    display: none;
}

#top .dietitians-form-wrap .av-mailchimp-widget-style-boxed_form{
    border: none;
}

#top .main_color .dietitians-form-wrap .av-mailchimp-widget-style-boxed_form input{
    color: black;
    margin-bottom: 10px;
}

#top .dietitians-form-wrap .av-mailchimp-widget-style-boxed_form .form_element .button{
    background-color: #eb7719;
    color: #ffffff;
    border-color: #c95507;
}

.dietitians-custombox-wrap .custom-content-border{
    height: 304px;
}

.dietitian-box .calculator-box .calculator-box-content{
    height: 463px;
}

/*dietitian */
body.page-id-5853 .slide-meta {   /* enlever date */
    display:none !important
}

.avia-content-slider-inner .slide-entry-wrap .slide-entry .slide-image{
    display: flex;
    align-items: center;
    max-height: 200px;
    min-height: 200px;
}

.avia-content-slider-inner .slide-entry-wrap .slide-entry .slide-image img{
    height: 100%;
}

/* video */
#top .affVideo .video-share .video-share-description .video-share-title{
  font-size: 24px;
  font-weight: bold;
}

#top .affVideo .video-share .video-share-description .video-share-subtitle{
  font-size: 16px;
  padding-bottom: 6px;
  font-weight: normal;
}

@media only screen and (max-width: 1166px){
    #top #wrap_all .main_color h3{
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1024px){
    #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{
        right: -100px !important;
    }
}


@media only screen and (max-width: 989px){
    #menu-item-search{
        display: none !important;
    }
    .social_bookmarks{
        display: none !important;
    }
} 

@media only screen and (max-width: 989px) and (min-width: 768px){
    html.responsive #top #header .main_menu .social_bookmarks{
        margin-top: -28px !important;
    }
    .avia-menu.av-main-nav-wrap.av_menu_icon_beside{
            border-right-style: hidden !important;
    }
        #top #wrap_all .main_color h3{
        font-size: 20px !important;
    }

}

@media only screen and (max-width: 767px){
    .av-burger-menu-main.menu-item-avia-special a{
        line-height: 32px !important;
    }
    html.responsive #top #header .main_menu .social_bookmarks{
        margin-top: -50px !important;
    }
    .avia-menu.av-main-nav-wrap.av_menu_icon_beside{
            border-right-style: hidden !important;
    }
    html.responsive #top .logo{
        height: 100px !important;
        width: 100%;
    }
    html.responsive #top #wrap_all .main_menu{
        top: 45px;
        right: -25px;
    }
    html.responsive .logo img{
        max-width: 90%;
    }
}
