/*
 *  [VARS]
 *  oKeR:                   #E8B84F;
 *  oLijF GRoen:            #91835B;
 *  veRGRijsd GRoen:        #637D69;
 *  veRGRijsd GRoen Licht:  #ADBDAC;
 *  veRGRijsd BLauw Licht:  #C1CED3;
 *  ijs BLauw:              #D3E4ED;
 *  veRGRijsd BLauw donKeR: #71888F;
*/

/*
 *  FONTS
*/
@import "../fonts/ff-fonts/fonts.css?2";

/*
 *  GENERAL
*/
body {
    font: 300 14px/1.333333 'Circular Std','Open Sans', Helvetica, Arial, sans-serif;
    overflow-x:  auto;
}
*, ::after, ::before {
    box-sizing: border-box;
}

/*
 *  BUTTONS / LINKS
*/

.btn {
    border-radius:  0;
}
div.newsletter_subscribe .green_btn {
    background-color: #71888F;
    border-color: #71888F;
}
a.btn, span.btn-link,
div.btn_container a {
    height:  auto;
    font-size:  14px;
}
a.overlay_btn,
a.btn,
span.btn-link,
div.btn_container a {
    background-color: #637D69;
    border-color: transparent;
    color:  white;
}
a.btn:hover,
a.btn.transparent:hover,
a.overlay_btn:hover,
span.btn-link:hover {
    background-color:  #79927f;
    color:  white;
}
a.overlay_btn.active {
    background-color:  #79927f;
}
a.shop_btn,
div.shop_btn_container a,
.productOption span.shop_btn,
#productSwitchPresent .shop_btn,
#cookbook-vote-submit {
    background-color:  #E8B84F;
    border-color:  #E8B84F;
    display:  inline-block;
    font-family: 'Circular Std','Open Sans', Helvetica, Arial, sans-serif;
}

.btn.transparent {
    color:  black;
}

.socialMediaLikeRecept span.btn-link {
    width: auto;
}

a.black_btn {
    display:  inline-block;
}

input.btn {
    font-family:  'Circular Std','Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight:  normal;
    background-color:  #71888F;
    border-color:  #71888F;
    color:  white;
}

#displayShareToolbar {
    color:  white;
}

/*
 *  HEADINGS
*/


.thema-row > div h1 {
    font-size:  2.2rem;
}

.thema-row .thema_center_text_container {}
.thema-row .thema_center_text_container h3{
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size:  1rem;
    letter-spacing:  0.0625rem;
}

.thema-row .thema_image_small_container {
    max-height: 560px;
}

/*
 *  HEADER
*/

.transp-block {
    line-height:1em;
    vertical-align:bottom;
    display:inline-block;
    width:auto;
    display:  none !important;
}
.transp-cart.transp-black {
    background: #FFF369 url('img/transp_cart_black.png') no-repeat top center;
    background-size: 100%;
    display:  inline-block;
    background-image:  none;
    background-color:  transparent;
    width: 20px;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}
.transp-cart.transp-black::before {
    content: "\f07a";
    font:  normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    font-size:  inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
 *  NAVIGATION
*/
.navigation a {
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size:  1rem;
    height: auto;
    letter-spacing:  0.0625rem;
    flex-basis:  auto;
}
.navigation a:hover, .navigation li.selected a, .navigation li.current-menu-item a, .navigation li.current_page_parent a {
    border-bottom-color: #E8B84F;
}

li#menuItem_3398 a {
    color: #E8B84F;
}
.navigation li {
    display: flex;
    justify-content: flex-end;
    margin-left:  .75rem;
    margin-right:  .75rem;
}

li#menuItem_3474 a {
    color: #B22222;
}

/*
 *  SEARCH
*/
/*.search_input {
    font-family: 'Circular Std','Open Sans', Helvetica, Arial, sans-serif;
}
#ajax_searchContent .search_input {
    background-color: #ADBDAC;
    color:  black;
    font-weight:  300;
}
#ajax_searchContent .search_input:focus {
    outline: 0;
}

#ajax_searchContent .search_btn {
    background:  none;
    border: 0;
}
#ajax_searchContent .search_btn::before {
    content:  "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 32px;
    font-size: 20px;
    text-align: right;
    margin-top:  5px;
    margin-right: 10px;
    color:  black;
}*/

.mobile-recipeSearch .recipe_search_btn {
    min-height:  25px;
}

.recipe-searchbar > ul > li > a {
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    letter-spacing:  0.0625rem;
}

.ui-autocomplete-category a {
    font-family:  'maridavid',"Times New Roman", Times, serif;
    font-size: 1.5rem;
    font-weight:  normal;
    letter-spacing:  0.15rem;
}

.li_content.search_content > em {
    display:  none;
}

/*
 *  LOGIN
 */
div.members_index_register h3, div.members_index_login h3 {
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size: 1.5rem;
    letter-spacing:  0.0625rem;
}

/*
 *  NEWSLETTER
 */
div.newsletter_subscribe.newsletter_article h3 {
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size:  .9rem;
    margin-top:  1rem;
    letter-spacing:  0.0625rem;
}

/*
 *  THEMA
 */
.thema-row {}
.thema-row::after {
    display: block;
    clear: both;
    content: "";
}

/*
 *  ARTIKEL
 */
.stats-date, .stats-saved, .stats-viewed, #ratingImage {
    font-family:  'maridavid',"Times New Roman", Times, serif;
    font-size: 1rem;
    letter-spacing:  0.15rem;
}

.detail-title .reader-actions-mouseover {
    height:  auto;
    bottom:  auto;
}

h1.detail-title,
h1.city-guides,
h6.detail-title,
h6.city-guides {
    overflow:  visible;
    position:  relative;
}
h1 .addRemoveReceptContainer,
h6 .addRemoveReceptContainer {
    position:  absolute;
}

.article_stats {}
.article_stats .label-viewed,
.article_stats .stats-viewed {
    display:  none;
}

.information .recipe_stats .label-viewed,
.information .recipe_stats .stats-viewed,
.videoWrapper + .article_stats .label-viewed,
.videoWrapper + .article_stats .stats-viewed {
    display:  inline-block;
}

.article-introduction,
.column > .article-introduction,
.double_column > .article-introduction {
    font: 300 14px/1.333333 'Circular Std','Open Sans', Helvetica, Arial, sans-serif;
}

/*
 *  RELATED
 */
.related_product_image img {
    max-width:  200px;
}
.related_product > h3,
.related_product .related_product_info > h3 {
    font-size:  .9rem;
    color:  #91835B;
    height:  auto;
    max-height: 60px;
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
}

.related_product_info strike {
    color: #ff3f00;
}

.shareToolbar {}
.shareToolbar li .social_btn,
.shareToolbar li .social_btn:hover {
    background-repeat:  no-repeat;
    background-size:  32px;
}

.recipe-products-related {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
}
.recipe-products-related .related_product {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}
.recipe-products-related .related_product .related_product_info {
    width: 100%;
    align-self: flex-end;
}

@media (max-width: 767px) {
    .recipe-products-related .related_product {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 15px;
    }
}

    /*
     *  RIGHT COLUMN
     */

.mobile-recipeSearch input[type='text'] {
    width:  90%;
}
.recipe-searchbar > ul > li > a {
    width:  100%;
}
.recipe-searchbar > ul > li > ul > li > ul > li > a {
    padding-left:  3%;
    margin: 0;
    width:  100%;
}

.top3_recept_info .top3_title,
.related_article_info .related_title,
.weblog_auteur_title, .related_blogtitle {
    font-family:  'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-weight:  300;
    font-size: 1rem;
}

.column_right .article-relatedproduct .related_product {
    display:  none;
}
.column_right .article-relatedproduct .divider {
    display:  none;
}

/*
 *  HITLIST
 */
.double_column .hitlist_content .li_content a.link-box-recipe,
.column_right .article-related-recipe > a,
.li_content a.link-box-artikel,
a.reizen_link,
.column_right .li_content.related-recipe a.link-box-recipe {
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size:  .85rem;
    letter-spacing:  0.0625rem;
    overflow: hidden;
    height: auto;
}

.hitlist_content .li_content h3 {
    margin-top:  1rem;
    margin-bottom:  .5rem;
    font-size:  1.5rem;
    font-weight:  normal;
    line-height: 1.333333;
}
.related_search .hitlist_content .li_content .image-box-recipe::before {
    display:  none;
}
.hitlist_content .li_content .image-box-recipe .videoWrapper {

}

.related_search .hitlist_content .li_content .image-box-recipe > a {
    display:  inline-block;
    width:  100%;
}
.related_search .hitlist_content .li_content .image-box-recipe > a::before {
    content:  "";
    padding-top:  100%;
    display:  inline-block;
}

div.divider {
    background-color:  #71888F;
}

.hitlist_articlestats {}

.hitlist_articlestats .label-saved,
.hitlist_articlestats .stats-saved,
.hitlist_articlestats .label-viewed,
.hitlist_articlestats .stats-viewed {
    display:  none;
}

.hitlist_content-img-holder {
    position: relative;
    overflow: hidden;
}
.hitlist_content-img-holder::before {
    content: "";
    display: inline-block;
    padding-top: 100%;
}
.hitlist_content-img-holder a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.hitlist_content-img-holder img {
    position: absolute;
    left: 50%;
    height: 50%;
    transform: translate(-50%, -50%);
}

/*
 *  CATEGORIE FILTER
 */
.cat-Winacties {
    display:  none;
}
.category_filter {
    margin-right:  0;
}
.category_filter_selected_row {
    margin-right:  0;
    width:  100%;
}

/*
 *  REACTION
 */
.articleBlocks .reactionsDetailContainer > div,
.travelBlocks .reactionsDetailContainer > div {
    font-size:  .9rem;
}
.articleBlocks h3,
.travelBlocks h3 {
    font-size: 1.5rem;
}
.articleBlocks textarea {
    width:  100%;
}

/*
 *  POPUP
 */

body.newsletter-modal-active .newsletter-modal {
    background-image:  none;
    background-color:  #ADBDAC;
    height:  auto;
    max-height:  90vh;
}
#articlesPopup .newsletter-modal-header {

}
#articlesPopup .newsletter-modal-header h2 {
    font-size: 1.65rem;
    margin-bottom: 0
}
#articlesPopup .newsletter-modal-content {
    position:  relative;
    width:  100%;
    padding-left: 20px;
    padding-right: 20px;
    font-family:  'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size: .9rem;
}
#articlesPopup .newsletter-modal-content .text h1,
#articlesPopup .newsletter-modal-content .text h2,
#articlesPopup .newsletter-modal-content .text h3,
#articlesPopup .newsletter-modal-content .text h6 {
    font-family:  'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size: .9rem;
}

#articlesPopup.articles-modal {
    padding: 0;
}
#articlesPopup.articles-modal .newsletter-modal-header h2 {
    font-size: 1.6rem;
}
#articlesPopup.articles-modal .newsletter-modal-content img {
    max-width: 550px;
    height: auto;
    margin-left: -20px;
    margin-right: -20px;
}
#articlesPopup.articles-modal .newsletter-modal-content a,
#articlesPopup.articles-modal .newsletter-modal-content a:hover{
    color: black;
    text-decoration: underline;
}
#articlesPopupCloseBtn {
    font-size: 13px;
    background-color: transparent;
    color: white;
    padding: 7px 8px;
}


/*
 *  MEMBER
 */
.content-item.members_container_2,
.content-item.members_container_4 {
    display:  none;
}

.member-col.contentbar {
    padding-bottom:  30px;
}

.member-col.contentbar input:not([type="submit"]),
.member-col.contentbar select {
    border: 1px solid #000000;
    border-radius: 0;
    background-color: #FFFFFF;
    margin: 0;
    padding: 5px;
    font-size: 1rem;
}

/*
 * FOOTER
*/
.back-to-top-container {
    height:  0;
    margin-top:  0;
}
.footer_container {
    margin-top:  10px;
}
.footer_container .site-logo {
    width: auto;
    max-height: 100%;
    max-width:  120px;
    height:  auto;
}
.grey_bg, .french_grey_bg {
    background-color: #C1CED3;
}
.footerbar_menu ul li h3 {
    font-family:  'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size:  .9rem;
    letter-spacing:  0.0625rem;
}
.footerbar_menu > div.newsletter_subscribe h3 {
    font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
    font-size:  .9rem;
    letter-spacing:  0.0625rem;
}

/*
 * HELPER
 */
.d-none {
    display:  none !important;
}

/*
 *  MOBILE VIEW
 */

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

    /*
     *  POPUP
     */
    #articlesPopup {
        max-height: 95vh;
        max-width: 95vw;
        transform: translate(-50%, 5%);
        left: 50%;
        top: 0;
        overflow: auto;
    }
    .mobilebar_logo_container {
        max-width:  60%;
    }
    #mobile-navigation ul li {
        font-family: 'ITC Lubalin Graph Std','maridavid',"Times New Roman", Times, serif;
        font-size:  .85rem;
        font-weight:  normal;
        letter-spacing:  0.0625rem;
    }
     #mobile-navigation ul li:hover {
        margin-bottom:  0;
     }
    .transp-block {
        vertical-align:  middle;
        margin-right:  5px;
    }
    .mobilebar_logo a img {
        width:  auto;
    }

    /*
     *  ARTIKEL
     */
    #displayShareToolbar {
        margin-top:  5px;
    }
    #displayShareToolbar.overlayToolbarBtn {
        margin-right:  5px;
    }
    .recipe-row .cl #displayShareToolbar.overlayToolbarBtn {
        margin-right:  5px;
    }
    .socialMediaLikeRecept,
    .recipe-row .cl .socialMediaLikeRecept {
        margin-left:  0;
        margin-top:  5px;
    }
    .recipe-row .cl .btn {
        margin-left:  0 !important;
        margin-top:  5px;
    }
    .recipe-row .cl .btn:last-child {
        margin-left:  5px !important;
    }

    .thema-row .thema_image_small_container {
        display: block;
        margin-left: 0;
        float: none;
    }

    /*
     *  FOOTER
     */
    div.newsletter_subscribe input, div.newsletter_subscribe input#newsletter {
        width:  50%;
    }
    div.newsletter_subscribe .green_btn {
        width:  45%;
    }
    .footerbar_menu > ul {
        max-height:  none;
    }
}
@media only screen and (max-width: 479px) {
    div.members_index_login,
    div.members_index_register {
        width:  100%;
    }
    #user_login > table,
    #user_index_register > table {
        width:  100% !important;
    }
    .recipe_stats {
        height:  auto;
    }
    .thema_container div.transparent_content h1 {
        line-height:  1.333333;
    }
    div.recipelist_first div.transparent_content h1,
    div.recipe_detail div.transparent_content h1,
    div.recipelist_first div.transparent_content h6,
    div.recipe_detail div.transparent_content h6 {
        font-size:  1.4rem;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    div.newsletter_subscribe input, div.newsletter_subscribe input#newsletter {
        width:  60%;
    }
    div.newsletter_subscribe .green_btn {
        width:  35%;
    }
}
@media (min-width: 768px) {
    .menubar.sticky-shadow {
        top:  0;
    }
    .footerbar_menu > ul {
        max-height: 395px;
    }
}

/*
 *  COOKIE
 */
#cookie_banner_container {
    background-color:  rgba(0,0,0,.7);
    height:  auto;
}
#cookie_banner_container.cookieRejectionAllowed {
    height:  auto;
}
#cookie_banner_bg {
    display:  none;
}
#cookie_banner {
    width:  auto;
    max-width:  880px;
}
.cookie_banner_content {
    width:  auto;
    max-width:  880px;
    position: static;
    height:  auto;
}
#cookie_banner_reject {
    display:  none;
    visibility:  hidden;
    opacity:  0;
}
#cookie_banner .cookie_banner_left {
    padding-top: 5px;
    padding-bottom: 10px;
    max-width:  80%;
}
#cookie_banner h3 {
    display:  block;
    text-align:  center;
}

@media only screen and (max-width: 767px) {
    .cookie_banner_left {
        padding-left:  10px;
        padding-right:  10px;
    }
    #cookie_banner_container, .cookie_banner_content {
        height: auto !important;
    }
}


/*
 *	GALLERY
*/
.gallery_slider-wrapper {
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 30px;
}
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.gallery_slider_container {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.flex-container a:active,
.flexslider a:active {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    text-align: center;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    max-width: 100%;
    display: inline-block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
    background: #fff;
    border: 0;
    position: relative;
    zoom: 1;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides > li {
    position: relative;
    overflow: hidden;
}
.flexslider .slides > li::before {
    content: "";
    display: inline-block;
    padding-top: 100%;
}
.flexslider .slides > li > img {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    max-width: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
}
.flex-caption {
    width: 96%;
    padding: 2%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
}

/* Direction Nav */
.flex-direction-nav {
    display: none;
}
.flex-direction-nav li a {
    width: 50px;
    height: 50px;
    margin: -12px 0 0;
    display: block;
    color:#FFFFFF;
    font-size:16px;
    line-height:24px;
    text-align:center;
    -webkit-backface-visibility: hidden;
    background:none;
    background: url($flexslider-sprite);
    background-position: 10px 150px;
    text-indent:-9999px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}
.flex-direction-nav li a.next {
    background-position: -140px 150px;
}
.flex-direction-nav li a:hover {
    position: absolute;
    top: 50%;
    cursor: pointer;
    background-position:10px 0
}
.flex-direction-nav li a.next:hover {
    background-position: -140px 0;
}
.flex-direction-nav li .next {
    right: 0;
}
.flex-direction-nav li .prev {
    left: 0px;
}
.flex-direction-nav li .disabled {
    opacity: .3;
    filter:alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    padding: 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: none;
}
.flex-control-nav li:first-child {
    margin: 0;
    border-radius:5px 0 0 5px;
}
.flex-control-nav li:last-child {
    border-radius:0 5px 5px 0;
}
.flex-control-nav li a {
    width: 10px;
    height: 10px;
    display: block;
    background-color: black;
    border-radius: 50%;
    padding:0;
    border:0;
    text-indent:-9999px;
    cursor: pointer;
}
.flex-control-nav li a:hover {
    background-color: #ADBDAC;
}
.flex-control-nav li a.active {
    background-color: #ADBDAC;
    cursor: default;
}

.hitlist_content .gallery_slider_container {
    margin-top: 0;
}
.hitlist_content .flex-control-container .flex-control-nav {
    bottom: -20px;
}
.hitlist_content .flex-control-container .flex-control-nav li {
    width: auto;
}