/*
 Theme Name:   Base Consultancy 2020
 Description:  Het 2020 thema voor Base Consultancy
 Author:       Presis
 Author URI:   https://presis.nl
 Template:     chaplin
 Version:      1.0.1
 License:      UNLICENSED
 Text Domain:  baseconsultancy

 -----------------------------------------------------------------------------------

	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	7. 	Page Templates
		a. 	Template: Cover Template
		b. 	Template: Only Content
		c. 	Template: Full Width
		d.	Template: Full Width with Only Content
	8. Post: Archive
	9. Post: Single
	    a.  Project
	17. Site Footer
	18. Media Queries

----------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */
body {
    color: #002D56;
}

/* --------------------------------------------------------------------------------------------- */
/*	2. Element Base
/* --------------------------------------------------------------------------------------------- */

/* Inputs ------------------------------------ */
button,
.button,
.faux-button,
.wp-block-button__link,
:root .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 10rem;
}

/* --------------------------------------------------------------------------------------------- */
/*	3. Helper Classes
/* --------------------------------------------------------------------------------------------- */

.font-bold {
    font-weight: bold;
}

.leading-relaxed {
    line-height: 1.625;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

p {
    line-height: 1.625;
}

.d-inline-flex {
    display: inline-flex;
}

.text-right {
    text-align: right;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-white {
    color: #fff;
}

.d-flex {
    display: flex;
}

.d-grid {
    display: grid;
}

.align-items-center {
    align-items: center;
}

/* Grid Structure ---------------------------- */


/* -------------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------------- */

/* Main Menu Alt ----------------------------- */

.main-menu-alt a {
    font-weight: bold;
}

body:not(.page-template-template-full-width-cover):not(.page-template-template-cover):not(.project-template-default):not(.expertise-template-default):not(.archive) .main-menu-alt a {
    color: #002D56;
}

.main-menu-alt a:hover,
.main-menu-alt li.current-menu-item > a,
.main-menu-alt li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
    color: #2D9AFB;
}

.is-sticky .main-menu-alt a {
    color: #002D56;
}

.is-sticky .main-menu-alt a:hover,
.is-sticky .main-menu-alt li.current-menu-item > a,
.is-sticky .main-menu-alt li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
    color: #2079C8;
}


/* --------------------------------------------------------------------------------------------- */
/*	7a. Template: Cover Template
/* --------------------------------------------------------------------------------------------- */

.cover-header.screen-height {
    min-height: 60vh !important;
}

.cover-header h1 {
    position: relative;
}

body:not(.project-template-default):not(.expertise-template-default) h1 {
    text-transform: uppercase;
}

.cover-header h1 {
    display: inline-block;
    position: relative;
    z-index: 1;
}

body:not(.home) .cover-header .entry-header {
    text-align: center;
}

body:not(.home):not(.project-template-default):not(.expertise-template-default) .cover-header h1::after {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    background: #2487DF;
    left: 0;
    bottom: 6px;
    position: absolute;
    z-index: -1;
}

.home .cover-header h1::before {
    content: "";
    display: block;
    width: 170px;
    height: 12px;
    background: #fff;
    left: 0;
    top: -20px;
    position: absolute;
}

.cover-header:not(.bg-image) .cover-header-inner-wrapper {
    background-color: #002D56;
}

.cover-color-overlay {
    opacity: 100%;
}

.bg-image .cover-color-overlay::before {
    background: transparent;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #002D56 100%);
    height: 250px;
    opacity: 75%;
}

.bg-image .cover-color-overlay::after {
    display: block;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #002D56 100%);
    margin-top: -500px;
    height: 500px;
    width: 100%;
    content: '';
    bottom: 0;
    opacity: 75%;
}

body:not(.home) .cover-header-inner-wrapper {
    justify-content: center;
}


body:not(.home) .to-the-content {
    display: none;
}

/* --------------------------------------------------------------------------------------------- */
/*	7e. Template: Project
/* --------------------------------------------------------------------------------------------- */
.project-template-default .navigation {
    display: none;
}

.project-info-details {
    margin-right: 3rem;
}

.project-info-map {
    width: 100%;
    display: none;
}

.project-info-map-embed iframe {
    width: 100% !important;
    height: 100% !important;
}

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
}

.acf-map img {
   max-width: inherit !important;
}

/* --------------------------------------------------------------------------------------------- */
/*	7f. Template: Expertise
/* --------------------------------------------------------------------------------------------- */
.expertise-template-default .navigation {
    display: none;
}

/* --------------------------------------------------------------------------------------------- */
/*	8. Post: Archive
/* --------------------------------------------------------------------------------------------- */
.archive {
    background: #E9F3FB;
}

.archive.overlay-header.has-overlay-logo .header-inner:not(.is-sticky) .custom-logo {
    display: inline-block;
}

.archive .header-inner:not(.is-sticky) .custom-logo img {
    filter: brightness(0) invert(100%);
    -webkit-filter: brightness(0) invert(100%);
}

.posts {
    position: relative;
}

.posts .grid-item {
    background: #fff;
    transition: opacity 250ms;
}

.archive-link {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 45px;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    z-index: 0;
}

.archive-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: #2487DF;
    left: 0;
    bottom: 3px;
    position: absolute;
    z-index: -1;
    transition: bottom 150ms;
}

.archive-link:hover::after {
    bottom: -6px;
    width: calc(100% + 12px);
    left: -6px;
}

/* Preview Post ------------------------------ */
.preview .preview-title {
    font-size: 20px;
    padding: 0 30px;
}
.preview-excerpt p {
    font-size: 14px;
}

.preview-excerpt {
    padding: 0 30px 30px;
}

/* Filter ------------------------------ */
.bc-grid-filter {
    list-style-type: none;
    margin: auto auto 5rem;
}

.bc-grid-filter li {
    padding: 0;
    margin: 0 0 5px;
    display: inline-block;
}

.bc-grid-button a {
    text-decoration: none;
    color: #002D56;
    transition: background 250ms, color 250ms;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    padding: 0 20px;
    border-radius: 50px;
    height: 47px;
    font-size: 12px;
    border: 2px solid #002D56;
}

.bc-grid-button--active a {
    color: #fff;
    background: #2487DF;
    border-color: #2487DF;
}
/* --------------------------------------------------------------------------------------------- */
/*	9. Post: Single
/* --------------------------------------------------------------------------------------------- */

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.entry-content .frm_forms * {
    width: 100%;
}

.entry-content .wp-block-group__inner-container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.entry-content ul,
.entry-content ol {
    padding-left: 2rem;
}

.entry-content .post-edit-link {
    display: none;
}

/* Post Header ------------------------------- */

.home .intro-text {
    font-weight: bold;
}

body:not(.home) .intro-text {
    margin-left: auto;
    margin-right: auto;
}

/* --------------------------------------------------------------------------------------------- */
/*	9a. Post: Project
/* --------------------------------------------------------------------------------------------- */
.single-project-has-header .cover-header + .post-inner {
    padding-top: 0;
}

.single-project-intro,
.related-projects {
    padding: 3rem 0;
    background: #2487DF;
    color: #fff;
}

.single-project-intro {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5rem;
}

.related-projects {
    margin-top: 8rem;
    overflow: hidden;
}

.related-projects-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 60px;
}

.single-project-relations {
    margin-top: 8rem;
    padding-bottom: 8rem;
}

.single-project-relation {
    display: block;
    margin-bottom: 4.5rem;
}

.single-project-relation-title {
    font-size: 19px;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.single-project-relation-text {
    font-size: 15px;
    line-height: 1.5;
}

.single-project-relation:hover h5 {
    text-decoration: underline;
}

.single-project-has-relations #site-footer {
    margin-top: 0
}

.single-project-has-relations .footer-widgets-outer-wrapper {
    border-top: 0;
}

.project-features {
    margin-bottom: 5rem;
}

.project-feature {
    border: 1px solid #2487DF;
    border-top-width: 0;
    color: #2487DF;
    padding: 20px;
}

.project-feature:first-of-type  {
    border-top-width: 1px;
}

.project-feature .feather {
    width: 32px
}

.project-features-grid {
    grid-template-columns: 1fr;
}

/* --------------------------------------------------------------------------------------------- */
/*	17. Site Footer
/* --------------------------------------------------------------------------------------------- */

#site-footer {
    background-color: #002D56;
    color: #fff;
}

.home #site-footer {
    margin-top: 0;
}

.footer-inner {
    color: #fff;
    padding: 4rem 0;
}

.footer-widgets a {
    color: #fff;
}

.footer-widgets .widget_archive a,
.footer-widgets .widget_categories a,
.footer-widgets .widget_pages a,
.footer-widgets .widget_meta a,
.footer-widgets .widget_nav_menu a,
.footer-inner a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.has-footer-menu {
    border-top: 1px solid #2487df;
}

.footer-copyright {
    margin-right: 0;
}

.footer-menu li:last-child {
    border: 0;
}

.newsletter {
    padding: 4rem 0;
}

.newsletter-cta {
    margin-bottom: 15px;
}

.newsletter .with_frm_style .frm_form_fields > fieldset {
    padding: 0;
}

.newsletter .frm_primary_label {
    display: none;
}

.newsletter .frm_forms.frm_style_formidable-style.with_frm_style {
    width: 100%;
}

.newsletter  .frm_form_fields .frm_fields_container {
    display: flex;
}

.newsletter .frm_style_formidable-style.with_frm_style .form-field {
    margin: 0;
    flex: 1
}

.newsletter .frm_pro_form {
    margin: 0;
}

.newsletter .with_frm_style input[type="email"] {
    height: auto;
}

.newsletter .frm_style_formidable-style.with_frm_style .frm_submit button {
    margin: 0;
}

.newsletter .with_frm_style .frm_message, .frm_success_style {
    margin: 0;
}

.newsletter .with_frm_style .frm_message p {
    margin-bottom: 0;
}


/* Footer Widgets ---------------------------- */
.footer-widgets .widget-title {
    color: #EAEEF2;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 1rem;
}

.column-one .widget_nav_menu li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#site-footer .grid .grid-item {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------------------- */
/*	18. Media Queries
/* --------------------------------------------------------------------------------------------- */

@media ( min-width: 700px ) {

    /* Post Type: Project and Expertise --------------------------- */
    .project-template-default h1,
    .expertise-template-default h1 {
        max-width: 700px;
        font-size: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    .project-info-details {
        width: 300px;
    }

    .project-info-map {
        display: block;
    }

    /* Site Footer --------------------------- */

    .footer-widgets.column-two {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .footer-linkedin {
        margin-right: 30px;
    }

    /* Footer Widgets ---------------------------- */
    .footer-widgets-outer-wrapper {
        margin-top: 0;
    }

    .footer-widgets .widget {
        margin-top: 0;
    }

    .footer-widgets .menu li {
        line-height: 2;
        margin-right: 20px !important;
    }

}

@media ( min-width: 1000px ) {

    /* Filter ------------------------------ */
    .bc-grid-filter {
        display: flex;
        justify-content: center;
        margin: auto auto 8rem;
    }

    .bc-grid-filter li {
        margin: 0 0 0 10px;
    }

    .bc-grid-filter li:first-of-type {
        margin: 0;
    }

    .bc-grid-button a {
        font-size: 15px;
    }

    /* GRID STRUCTURE */
    body:not(.archive) .grid .grid-item {
        margin-bottom: 0;
    }

    /* Post Type: Project --------------------------- */
    .related-projects-grid,
    .project-features-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .single-project-relation {
        margin-bottom: 0;
    }

    .project-feature {
        border-top-width: 1px;
        border-left-width: 0;
    }

    .project-feature:first-of-type  {
        border-left-width: 1px;
    }

    .project-feature .feather {
        width: 48px;
    }

    .project-info-details {
        width: 400px;
    }


    /* Site Footer --------------------------- */

    .footer-menu {
        margin-left: 0;
    }

    .footer-inner.has-footer-menu {
        flex-direction: row;
        align-items: center;
    }

    /* Footer Newsletter ---------------------------- */
    .newsletter  {
        display: flex;
    }

    .newsletter-cta {
        display: flex;
        align-items: center;
        flex: 0 0 500px;
        margin: 0;
    }

    /* Footer Widgets ---------------------------- */
    .column-one .widget_nav_menu .menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

}

@media ( min-width: 1220px ) {
    .alignwide,
    .alignfull {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }
}

#cd-timeline {
    margin-top: 0 !important;
    padding-top: 0 !important;
    max-width: none;
}

.cd-timeline-block {
    margin: 1em 0;
}

@media( min-width: 768px ) {
    #cd-timeline > .cd-timeline-block:nth-child(2) { margin-top: calc(2em + 65px); }
}

/*JH Added from old website main.css*/

/* Overrule timeline express style */
.cd-timeline-title-container+img {
  height: auto;
}

@media screen and (max-width: 1023px) {
  /* Show timeline on small devices to show images on loading on slow internet connection */
  #cd-timeline {
    opacity: 1 !important;
  }
}

.cd-timeline-content .timeline-date {
  color: #2487df;
  margin-bottom: 20px !important;
  font-size: 18px;
}

.single-content {
  margin: 20px auto 60px;
  max-width: 800px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: .25em;
  box-shadow: 0 3px 0 #B9C5CD;
  box-sizing: border-box;
}

.background_image_timeline{
box-sizing: border-box;
  color: #fff;
  font-style: italic;
  text-align: center;
  background-image: url('img/header.jpg');
  background-size: cover;
  background-position: center center;
  height: 50vh;
  padding: 20px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
}
.background_image_timeline img{
  margin-top: 10vh;
  margin-bottom: 30px;   
}
body:not(.project-template-default):not(.expertise-template-default) h1 {
	    color: #fff;
	font-style: italic;
    text-align: center;
    font-size: 1.5em;
    margin-bottom:20px;
}
.single-back {
    color: #fff;
    font-style: normal;
    padding: 10px 15px;
    text-decoration: none;
    background: #2487df;
    border-radius: 2px;
    display: inline-block;
}