/*
Theme Name: Vannu
Theme URI: https://sixtyseven.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: https://sixtyseven.com/
Template: salient
Version: 0.1
*/

/* =====================================
GEENRAL 
======================================== */

@media (max-width: 1000px) {
    .neg-marg {
        margin-top: 0 !important;
    }
}

/* =====================================
HEADER 
======================================== */

header#top nav >ul >li.secondary a {
    color: #00A4D9 !important;
}

header#top nav >.sf-menu >li:not(#social-in-menu) >a:hover,
body #header-outer:not([data-lhe="animated_underline"]) header#top nav > ul > li.sfHover > a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #F6F9FA 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#F6F9FA 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#F6F9FA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F6F9FA',GradientType=0 );
}

header#top nav >ul >li.menu-item-has-children > a:after {
    color: #00A4D9;
    content: '\f0d7';
    opacity: 1;
    font-family: FontAwesome;
    -webkit-transition: 300ms all ease;
    transition: 300ms all ease;
    position: absolute;
    left: 50%;
    top: 30px;
}
header#top nav >ul >li.menu-item-has-children > a:hover:after {
    color: #005193;
}

@media (max-width: 1130px) and (min-width: 1000px) {
    body #header-outer[data-lhe="default"] header#top nav > ul > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }
    body header#top #logo img {
        height: 38px !important;
        margin-top: 4px;
    }
}

/* Dropdown */

body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > a {
    font-size: 14px !important;
}

body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > a:after {
    color: #00A4D9;
    content: '\f0da';
    opacity: 1;
    font-family: FontAwesome;
    padding-left: 6px;
}

body header#top nav >ul >li >ul.sub-menu a:hover,
body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > a:hover {
    font-weight: bold;
}

/* Social */

body #header-outer #social-in-menu i {
    color: #00A4D9 !important;
    font-size: 21px!important;
}

/* Breadcrumbs */

.main-content .breadcrumbs {
    background: rgba(0,30,53,0.66);
    padding: 5px 12px;
    display: block;
    margin-left: 0;
    margin-bottom: 10%;
    text-align: left;
}

.breadcrumbs, .breadcrumbs li {
    list-style: none;
}

.breadcrumbs li {
    font-size: 0.85em;
    color: rgba(238,244,246,0.66) !important;
}

.breadcrumbs li a {
    color: #ffffff;
}

.breadcrumbs li, .breadcrumbs li a {
    display: inline-block;
}

.breadcrumbs .separator {
    color: #a1a1a1;
    padding: 0 5px;
    font-size: 0.75em;
}

@media (max-width:1000px) {
    .main-content .breadcrumbs {
        display: none;
    }
}


/* =====================================
TYPOGRAPHY
======================================== */

body .wpb_row > .col.span_12.dark h1 {
    color: #001E35;
}

body .wpb_row > .col.span_12.dark h2 {
    color: #005193;
}

@media (max-width: 1000px) {
    body h1 {
        margin-top: 60px;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 1100px) {
	body:not(.home) h1,
    .single-post .entry-title {
		font-size: 48px;
		letter-spacing: -2px;
		line-height: 51px;
	}
    .single-post .entry-title {
        font-weight: bold;
    }
}

body h2 {
    padding-bottom: 12px;
}

body p {
    letter-spacing: 0.5px;
    padding-bottom: 17px;
}

.testimonial_slider .image-icon, .nectar_single_testimonial .image-icon {
    display: none;
}

.testimonial_slider blockquote p {
    color: #005193;
    font-size: 16px;
    font-family: Merriweather, serif;
    font-style: italic;
    letter-spacing: 0;
    line-height: 27px;
}

.testimonial_slider:not([data-style="minimal"]) blockquote span {
    color: #001E35;
    font-weight: normal;
    font-size: 12px;
}

.nectar_single_testimonial p {
    font-size: 16px;
    font-family: Merriweather, serif;
    font-style: italic;
    letter-spacing: 0;
    line-height: 27px;
}

.nectar_single_testimonial .wrap {
    font-family: Libre Franklin, sans-serif;
    font-size: 14px;
}

p.vc_custom_heading {
    letter-spacing: -0.25px;
    padding-right: 10%;
}

@media (max-width: 1000px) {
    p.vc_custom_heading {
       font-size: 21px !important;
    }
    body p {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (min-width: 1280px) {
    div:not(.centered-text) .wpb_text_column p {
        padding-right: 10%;
    }
}

/* =====================================
HERO
======================================== *//*

body:not(.home) .first-section .row-bg-wrap:after {
    background: #00a4d9;
    background-image: url(/wp-content/uploads/2018/02/bg-pattern-numbers-15p.png);
    background-image: url(/wp-content/uploads/2018/02/bg-pattern-numbers-15p.png), linear-gradient(135deg,#00a4d9 0%,#005193 100%);
    background-size: 33%, auto;
    background-repeat: repeat;
}*/

/* =====================================
CALL TO ACTION / LINKS / BUTTONS
======================================== */

body:not(.home) .nectar-cta {
    margin-top: 15px;
}

.nectar-cta h3 > span {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 24px;
    display: block;
    margin-top: 9px;
}

.nectar-cta .link_wrap .link_text {
    color: #00a4d9;
    font-family: Libre Franklin, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    padding-left: 6px;
}

.col.span_12.light .nectar-cta .link_wrap .link_text {
    color: #ffffff;
}

body .nectar-button.medium {
    font-size: 16px;
}

body .nectar-button.medium.see-through-2 {
    border-color: #00a4d9 !important;
}

/* =====================================
PRIJZEN
======================================== */

body .nectar_food_menu_item, body .tabbed div.nectar_food_menu_item {
    margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 2px solid #EEF4F6;
}

.row .col .nectar_food_menu_item .item_name h4 {
    font-weight: normal;
    line-height: 30px !important;
}

.row .col .nectar_food_menu_item .item_price h4 {
    font-size: 18px;
    font-weight: bold;
    color: #005193;
    line-height: 30px !important;
}

.nectar_food_menu_item .item_description {
    font-size: 14px;
    color: #676767;
}

/* =====================================
BLOG / NEWS
======================================== */

.home .blog-recent .col h3 {
    font-family: Libre Franklin, sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 27px;
}

.home .blog-recent h3,
.home .blog-recent .meta {
    color: #ffffff;
}

.home .blog-recent[data-style="minimal"] .col {
    padding: 0;
}

.home .blog-recent[data-style="minimal"] .col span {
    font-size: 0.25px;
    float: right;
}

.home .blog-recent[data-style="minimal"] .col i {
    color: #005193;
    font-size: 18px;
}

.home .blog-recent[data-style="minimal"] .col .meta {
    font-size: 12px;
    float: none;
}

.home .blog-recent .excerpt {
    display: none;
}

.post-area.masonry.span_9 .masonry-blog-item {
    width: 100%;
    padding-top: 30px;
    padding-right: 10%;
    position: static !important;
}

.masonry.material .masonry-blog-item .inner-wrap {
    background-color: #EEF4F6 !important;
    box-shadow: none !important;
}
.masonry.material .masonry-blog-item .article-content-wrap,
.masonry.material .masonry-blog-item .meta-category {
    background-color: #EEF4F6 !important;
}

.masonry.material .masonry-blog-item h3 {
    font-size: 30px;
    font-family: Libre Franklin, sans-serif;
    font-weight: bold;
}

/* =====================================
FOOTER
======================================== */

#footer-outer {
    border-top: 2px solid #F6F9FA;
}

#footer-outer .row {
    padding: 30px 0px 45px 0;
}

#footer-outer #footer-widgets .col p,
#footer-outer #footer-widgets .col a {
    font-size: 14px;
}

#footer-outer #footer-widgets .col a {
    color: #00A4D9 !important;
}

@media (min-width: 1000px) {
    .widget_media_image {
        display: inline-block;
        margin-right: 15px;
    }
    .widget_media_image img {
        max-height: 60px;
        width: auto;
    }
}

.related-posts .post-meta {
    display: none;
}

.single-post .entry-title {
    max-width: 800px;
    margin: 0 auto;
}
.single-post #single-below-header .meta-date {
    float: none;
    color: #ffffff;
    margin-top: 20px;
    display: inline-block;
}

.single-post .post-area {
    padding-top: 4%;
}

body.single-post[data-header-resize="0"] .container-wrap {
    padding-top: 0;
}

#footer-outer .widget {
    margin-bottom: 0;
}