/*
Theme name: Bravo
Theme URI: http://www.novaseptem.nl
Author: Daniel Koops - Nova Septem
Author URI: http://danielkoops.nl
Version: 999999.0.0
Description: Bravo WordPress theme by Nova Septem
Text Domain: http://www.novaseptem.nl
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

.page-template-vacature #page-content {
    color: #252525;
    line-height: 30px;
}

.page-template-vacature aside#left {
    float: left;
    width: 341px;
}

.page-template-vacature aside#left h1 {
    background: var(--main-color);
    color: white;
    margin: 0;
    padding: 10px 0 10px 20px;
}

.page-template-vacature .vac-wrapper {
    background: #e8e8e8;
    padding: 15px;
    box-sizing: border-box;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.page-template-vacature .vac-wrapper ul {
    list-style-image: url('/wp-content/themes/tjongervallei/images/checked.png');
}

.page-template-vacature aside#right {
    float: left;
    width: calc(100% - 341px);
    padding-left: 40px;
    box-sizing: border-box;
}



.page-template-vacature section#page-content .container {
    padding: 40px 0;
}

.page-template-vacature aside#right h1 {
    color: #252525;
    font-weight: 400;
    font-size: 25px;
}

.page-template-vacature aside#left form input[type="text"],
.page-template-vacature aside#left form input[type="email"],
.page-template-vacature aside#left form textarea {
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    border: none;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
    font-family: 'Source Sans Pro', sans-serif;
    max-width: 341px;
    -webkit-appearance: none;
}

.page-template-vacature aside#left form input[type="submit"] {
    background: var(--main-color);
    border: none;
    width: 100%;
    padding: 10px 0;
    color: white;
    border-bottom: 3px solid var(--hover-sub-color);
    border-radius: 2px;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
    cursor: pointer;
    font-size: 17px;
    transition: all 0.5s ease;
    -webkit-appearance: none;
}

.page-template-vacature .vacformtit {
    margin-top: 20px !important;
}

.page-template-vacature #page-content h1:first-child {
    margin-top: 0;
}

.page-template-vacature #page-content h2,
.page-template-vacature #page-content h3 {
    color: #333;
    font-weight: 400;
}

@supports (-ms-ime-align:auto) {

    body {
        overflow-x: hidden;
    }
    
    section#projecten h1:before,
    section#projecten h1:after {
        display: none !important;
        background-color: transparent !important;
    }

    section#content h1:before,
    section#content h1:after {
        display: none !important;
        background-color: transparent !important; 
    }
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.come-in {
  transform: translateY(150px);
  animation: come-in 1.8s ease forwards;
  visibility: visible;
}
.come-in:nth-child(odd) {
  animation-duration: 1.4s; /* So they look staggered */
  display: block;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

@keyframes come-in-to-left {
  to { transform: translateX(0); }
}

.come-in-to-left {
  transform: translateX(150px);
  animation: come-in-to-left 1.8s ease forwards;
  display: block;
}

#rev_slider_1_1_wrapper .tp-loader.spinner2 {
	background-color: var(--main-color) !important;
}

/* > Algemeen

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

body {
    margin: 0;
    font-family: 'Exo 2', sans-serif;
}

body.single #content a {
    color: var(--main-color);
    font-weight: bold;
    text-decoration: none;
}

body.single #content a:hover {
    text-decoration: underline;
}

.container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

/* > Header & Nav

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

header {
    background: var(--sub-color);
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.55) !important;
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.55) !important;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.55) !important;
    height: 102px;
}

.-scrolled header {
    height: 73px !important;
}


header figure.logo {
    float: left;
    display: block;
    margin: 0;
}

header figure.logo a {
    display: block;
}

header figure.logo img {
    width: auto;
    height: 73px;
    padding: 3px;
    box-sizing: border-box;
    display: block;
}

header nav {
    float: right;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header nav .menu-nav-menu-container {
    float: left;
}

header nav ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

header nav ul li {
    list-style-type: none;
    float: left;
    margin-left: 20px;
}

header nav ul li:first-child {
    margin-left: 0;
}

header nav ul li ul li {
    margin-left: 0 !important;
    float: none;
}

header nav ul li a {
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: var(--main-color) !important;
    font-size: 19px;
    font-weight: 400;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
}

header nav ul li a:after {
    content: '\f077';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    right: 0;
    z-index: 10;
    color: #FFF;
    transition: all .2s ease-in-out;

  position:absolute;content:'';right:-22px;top:6px;background-size:15px;width:15px;height:15px;
}

header nav ul li:hover {
    margin-top: -2px;
    transition: all .1s ease-in-out;
}

header nav ul li.current_page_item a:after {
    color: var(--main-color);
}

header nav ul li:hover a:after {
    color: var(--main-color);

}

@media screen and (max-width: 450px) {
    header figure.logo img {
        height: 50px;
        width: auto;
        margin-top: 13px;
    }
}

@media screen and (min-width: 975px) and (max-width: 1350px) {
    header nav ul li a {
        font-size: 14px;
    }
}
/** Sub Menu **/

header nav ul li.menu-item-has-children {
    padding-right: 20px;
}

header nav ul li.menu-item-has-children a:before {
    position: absolute;
    right: -28px;
    bottom: 9px;
    width: 16px;
    height: 35px;
    content: "\f0dd";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: var(--main-color);
    font-size: 20px;
    padding-right: 5px;
}

header nav ul li.menu-item-has-children ul li a:before {
    display: none;
}
header nav ul li.menu-item-has-children ul li a:after {
    display: none;
}

header nav ul li.menu-item-has-children ul li:hover  {
    margin-top: 0;
}

header nav ul li .sub-menu {
    display: none;
    margin-top: 0;
}

header nav ul li:hover .sub-menu {
    display: block;
    z-index: 9999999999;
    position: absolute;
    padding-top: 7px;
}

header nav ul li:hover .sub-menu li a {
	border-bottom: none !important;
    color: white !important;
    background: var(--main-color);
    z-index: 999999999;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    border-bottom: none;
    padding: 15px 20px;
    float: left;
    width: 200px;
    border-top: 2px solid var(--sub-color);
}

header nav ul li:hover .sub-menu li:first-child a{
    border-top: 0;
}

header nav ul li:hover .sub-menu li a:hover {
    background: #eaeaea;
    color: #333 !important;
}

header#menu #topbar {
    color: #FFF;
    width: 100%;
    background: var(--main-color);
}

header#menu #topbar.-hide {
    display: none;
}

header#menu #topbar .credentials {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style-type: none;
}

header#menu #topbar .credentials a,
header#menu #topbar .credentials li {
    color: #FFF;
    text-decoration: none;
}

header#menu #topbar .credentials a:hover,
header#menu #topbar .credentials li:hover {
    cursor: pointer;
    text-decoration: none;
}

header#menu #topbar .credentials a {
    border-bottom: 2px solid transparent;
}

header#menu #topbar .credentials a:hover {
    transition: border 0.5s ease-in-out;
    border-bottom: 2px solid #FFF;
}


header#menu #topbar .credentials .item {
    padding: 5px 20px;
}

header#menu #topbar .credentials .item:last-of-type {
    padding-right: 0;
}

@media screen and (max-width: 800px) {
    header#menu #topbar {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    header#menu #topbar .credentials a {
        font-size: 13px;
    }

    .-scrolled header#menu #topbar .credentials a {
        font-size: 15px;
    }
}

/* > Section - Slider

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

section#slider {
    position: relative;
}

section#slider .ms-slide-info {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section#slider .ms-slide-info .ms-info {
    color: white;
    text-align: center;
    width: 50%;
}

section#slider .ms-slide-info .ms-info h1 {
    margin-top: 0;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 36px;
}

section#slider .ms-slide-info .ms-info p {
    line-height: 30px;
}

section#slider .ms-slide-info .ms-info a {
    text-decoration: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: table;
    border-bottom: 3px solid var(--sub-color);
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 20px;
}

section#slider .ms-slide-info .ms-info a:hover {
    background: var(--hover-main-color);
    border-bottom: 3px solid var(--hover-sub-color);
}

section#slider .ms-slide .ms-slide-bgcont:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.43);
}

/* > Section - Blocks

-------------------------------------------------------------- */
section#blocks {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f1f1f1;
    margin: 0 auto;
}

section#blocks ul.block-row {
    margin: 0;
    padding: 0;
}

section#blocks ul.block-row li.single-block {
    list-style-type: none;
    box-sizing: border-box;
}

section#blocks ul.block-row li.single-block a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 80px 10px;
}

section#blocks ul.block-row li.single-block a:hover {
    /*opacity: 0.9;*/
}

section#blocks ul.block-row li.single-block:first-child a {
    background: var(--main-color);
}

section#blocks ul.block-row li.single-block:nth-child(2) a {
    background: var(--hover-sub-color);
}

section#blocks ul.block-row li.single-block:nth-child(3) a {
    background: #3aa742;
}

section#blocks ul.block-row li.single-block:last-child a {
    background: #55bf33;
}

section#blocks ul.block-row li.single-block figure i {
    font-size: 75px;
    color: white;
    transition: all .2s ease-in-out;
}

section#blocks ul.block-row li.single-block:hover figure i {
    transform: scale(1.1);
}

section#blocks ul.block-row li.single-block h3 {
    font-weight: 400;
    color: white;
    font-size: 22px;
}

section#blocks ul.block-row li.single-block p {
    line-height: 30px;
    color: white;
}

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

    section#blocks .container {
        width: 100%;
    }

}


/* Until 600px */
@media screen and (max-width: 600px) {
    section#blocks .container {
        width: 100%;
    }

    section#blocks ul.block-row li.single-block:not(:last-child) {
        border-bottom: 2px solid var(--main-color);
    }
}

/* 600px --> */
@media screen and (min-width: 600px) {
    section#blocks ul.block-row {
        flex-wrap: wrap;
        display: flex;
    }

    section#blocks ul.block-row li.single-block {
        flex: 1 0 50%;
        position: relative;
    }

    section#blocks ul.block-row li.single-block:nth-child(1):after {
        content: '';
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-left: 30px solid var(--main-color);
        border-bottom: 30px solid transparent;
        right: -30px;
        top: 50%;
        bottom: 50%;
        position: absolute;
        z-index: 1;
    }

    section#blocks ul.block-row li.single-block:nth-child(3):after {
        content: '';
        border-top: 30px solid transparent;
        border-left: 30px solid #3aa742;
        border-bottom: 30px solid transparent;
        right: -30px;
        top: 50%;
        bottom: 50%;
        position: absolute;
        z-index: 1;
    }
}

/* 900px --> */
@media screen and (min-width: 900px) {
    section#blocks .container {
        width: 100%;
    }

    section#blocks ul.block-row li.single-block:nth-child(2):after {
        content: '';
        border-top: 30px solid transparent;
        border-left: 30px solid var(--hover-sub-color);
        border-bottom: 30px solid transparent;
        right: -30px;
        top: 50%;
        bottom: 50%;
        position: absolute;
        z-index: 1;
    }

    section#blocks ul.block-row li.single-block {
        flex: 1 0 25%;
    }

    section#blocks ul.block-row li.single-block p {
        padding: 0 15px;
    }
}

/* > Section - Projecten

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

section#projecten {
    overflow: hidden;
    padding: 40px 0;
    background: #eeeeee;
}

section#projecten .container {
    overflow: visible;
}

section#projecten p {
    color: #333;
}

section#projecten h1 {
    color: var(--main-color);
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    padding: 20px;
    z-index: 20;
    text-align: center;
    margin: 0;
    line-height: 30px;
    box-sizing: border-box;
}

section#projecten h1:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: var(--main-color);
    width: 10%;
}

section#projecten h1:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: var(--main-color);
    width: 10%;
}

@media screen and (max-width: 900px) {
    section#projecten h1 {
        margin-bottom: 30px;
    }

    section#projecten h1:before,
    section#projecten h1:after {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    section#projecten h1:after,
    section#projecten h1:before {
        width: 20%;
    }
}

section#projecten .single-project {
    padding: 20px 0;
    box-sizing: border-box;
    position: relative;
    background: #FFF;
    border-top: 10px solid var(--main-color);
}

section#projecten .single-project:first-child {
    padding-top: 0;
}

section#projecten .single-project a.button {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-weight: 500;
    background: var(--main-color);
    position: relative;
    text-transform: uppercase;
    padding: 10px 20px;
    box-sizing: border-box;
    float: left;
    margin-top: 20px;
}

section#projecten .single-project a:hover {
    color: #FFF;
    transition: all .1s ease-in-out;
    background: rgba(7, 108, 10, 0.9);
}

section#projecten .single-project h3 {
    color: var(--main-color);;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0;
}

section#projecten .single-project figure {
    margin: 0;
    position: relative;
}

section#projecten .single-project .single-project-image {
    position: relative;
}

section#projecten .single-project .single-project-content {
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

section#projecten .single-project .single-project-content .single-project-description {
    line-height: 30px;
}

section#projecten .single-project .single-project-image:hover .overlay {
    display: block;
}

section#projecten .single-project .overlay {
    display: none;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--main-color);
    left: 0;
    top: 0;
    color: white;
    font-size: 55px;
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 999;
}

section#projecten .single-project .overlay i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

section#projecten .single-project figure:after {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image: url('https://i.pinimg.com/originals/ef/28/65/ef286539b2537c1605a9c215ac28a4a0.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 80% 0, 35% 50%, 0 12%);
    clip-path: polygon(0 0, 80% 0, 35% 50%, 0 12%);
}



section#projecten .single-project figure img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 900px) {
    section#projecten .single-project:not(last-child) {
        padding: 0;
        margin-bottom: 20px;
    }

    section#projecten h1:before,
    section#projecten h1:after {
        display: none;
    }
}

@media screen and (min-width: 900px) {
    section#projecten .project-row {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    section#projecten .single-project {
        flex: 1 0 32%;
        padding: 0;
        border-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    section#projecten .single-project:not(first-child) {
        margin-left: 1%;
    }
}


/*@media screen and (min-width: 1050px) {*/
/*section#projecten .projecten-row .single-project {*/
/*flex: 1 1 50%;*/
/*}*/
/*}*/

@media screen and (max-width: 800px) {
    section#projecten .single-project {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 0.5%;
    }
}



/* > Section - Content

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

section#content {
    text-align: center;
    padding: 40px 0;
}

section#content a {
    color: var(--main-color);
    font-weight: bold;
    text-decoration: none;
}

section#content a:hover {
    text-decoration: underline;
}


section#content h1 {
    color: var(--main-color);
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    padding: 20px;
    z-index: 20;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
}

section#content p {
    line-height: 30px;
}

section#content h1:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: var(--main-color);
    width: 10%;
}

section#content h1:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: var(--main-color);
    width: 10%;
}

@media screen and (min-width: 1200px) {
    section#content h1:after,
    section#content h1:before {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    section#content h1:after,
    section#content h1:before {
        width: 20%;
    }
}

section#content a.button {
    text-decoration: none;
    color: #FFF;
    font-weight: 500;
    background: var(--main-color);
    position: relative;
    text-transform: uppercase;
    padding: 10px 20px;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
}

section#content a:hover {
    text-decoration: underline;
    transition: all .1s ease-in-out;
}

@media screen and (max-width: 900px) {
    section#content h1:before,
    section#content h1:after {
        display: none;
    }
}


/* > Section - Divider

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

section#divider {
    padding: 80px 0;
    position: relative;
    text-align: center;
    background-size: 100% !important;
    background-position: center !important;
}

section#divider:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-size: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

section#divider .container {
    position: relative;
}

section#divider h1 {
    color: white;
    font-size: 30px;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

section#divider p {
    color: white;
    line-height: 30px;
}

section#divider a {
    text-decoration: none;
    background: var(--main-color);
    color: white;
    padding: 15px 20px;
    display: inline-block;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    border-radius: 5px;
}

section#divider a:hover {
    background: var(--hover-main-color);
    border-bottom: 3px solid var(--hover-sub-color);
    border-right: 3px solid var(--hover-sub-color);
}

section#maps,
section#maps #map {
    width: 100%;
    height: 800px;
    display: block;
}

/* Delete the google branding */
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

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

/* > Section - Single Slider

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

section#single-slider {
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

section#single-slider:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-size: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.28);
}

section#single-slider #caption {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

section#single-slider #caption #breadcrumbs,
section#single-slider #caption #breadcrumbs a {
    color: white;
}

section#single-slider #caption h1.entry-title {
	display: table;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    font-size: 39px;
    color: white;
    font-family: 'Montserrat', sans-serif;
}

section#single-slider img {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
}

/* > Template - Default

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

body.page-template-default aside#single-content {
    padding: 40px 0;
    color: #252525;
    background: white;
}

body.page-template-default aside#single-content h1 {
    font-size: 30px;
    font-weight: 400;
    color: var(--main-color);
}

body.page-template-default aside#single-content h2 {
    font-size: 27px;
    font-weight: 400;
    color: var(--main-color);
}

body.page-template-default aside#single-content h3 {
    font-size: 25px;
    font-weight: 400;
    color: var(--main-color);
}

body.page-template-default aside#single-content ul li {
    line-height: 30px;
}

body.page-template-default aside#single-content a {
    color: var(--main-color);
    text-decoration: none;
    font-weight: bold;
}

body.page-template-default aside#single-content a:hover {
    text-decoration: underline;
}

body.page-template-default aside#single-content h1:first-child {
    margin-top: 0;
}

body.page-template-default aside#single-content p {
    line-height: 30px;
}

/* > Template - Form right

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

.page-template-templates aside#single-content {
    
    color: #333;
    background: white;
}

.page-template-templates aside#single-content .container {
    padding: 40px 0;
}

.page-template-templates aside#single-content h1 {
    font-size: 30px;
    font-weight: 400;
    color: var(--main-color);
    font-family: 'Exo 2', 'sans-serif';
}

.page-template-templates aside#single-content h2 {
    font-size: 27px;
    font-weight: 400;
    color: var(--main-color);
    font-family: 'Exo 2', 'sans-serif';
}

.page-template-templates aside#single-content h3 {
    font-size: 25px;
    font-weight: 400;
    color: var(--main-color);
    font-family: 'Exo 2', 'sans-serif';
}

.page-template-templates aside#single-content h1:first-child {
    margin-top: 0;
}

.page-template-templates aside#single-content p {
    line-height: 30px;
}

body.page #content ul li {
    line-height: 30px;
}

body.page #content ul li a{
    font-weight: bold;
    color: var(--main-color);
    text-decoration: none;
}

body.page #content ul li a:hover {
    text-decoration: underline;
}

#form-right{
    display: flex;
    min-height: 600px;
    flex-wrap: wrap;
}

#form-right .formpicture{
    flex: 0 0 35%;
    background-size: cover;
    background-attachment: fixed;
}

#form-right .formwrapper{
    flex: 0 0 65%;
    padding: 20px;
    box-sizing: border-box;
}

.page-template-templates aside#single-content #content {
    width: 100%;
    float: left;
    padding-right: 40px;
    box-sizing: border-box;
}

.page-template-templates aside#single-content #form-right {
    width: 100%;
}


.page-template-templates aside#single-content #form-right textarea.form-control {
    height: auto;
    resize: none;
    box-sizing: border-box;
    margin-top: 0;
    border: 1px solid #ccc;
}

.page-template-templates aside#single-content #form-right .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 10px;
    box-sizing: border-box;
    font-family: 'Exo 2', 'sans-serif' !important;
}

.page-template-templates aside#single-content #form-right h3 {
    margin-top: 0;
}

.page-template-templates aside#single-content #form-right input[type="text" i],
.page-template-templates aside#single-content #form-right input[type="email" i],
.page-template-templates aside#single-content #form-right textarea {
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Exo 2', 'sans-serif' !important;
}

.page-template-templates aside#single-content #form-right input[type=submit] {
    padding: 10px 20px;
    position: relative;
    background: var(--main-color);
    transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    color: white;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: none;
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.page-template-templates aside#single-content #form-right input[type=submit]:hover {
    background: var(--hover-sub-color);
    color: #FFF;
}

.page-template-templates aside#single-content p input, 
.page-template-templates aside#single-content p textarea {
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid darkgrey;
    font-family: 'Exo 2', 'sans-serif';
}







/* > Template - Projecten

-------------------------------------------------------------- */
body.post-type-archive-projecten aside#single-content {
    overflow: hidden;
    padding: 40px 0;
    background: #eeeeee;
}

body.post-type-archive-projecten aside#single-content .container {
    overflow: visible;
}

body.post-type-archive-projecten aside#single-content p {
    color: #333;
}

body.post-type-archive-projecten aside#single-content h1 {
    color: var(--main-color);
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    padding: 20px;
    z-index: 20;
    text-align: center;
    margin: 0;
    line-height: 30px;
}

body.post-type-archive-projecten aside#single-content h1:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: var(--main-color);
    width: 20%;
}

body.post-type-archive-projecten aside#single-content h1:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: var(--main-color);
    width: 20%;
}

body.post-type-archive-projecten aside#single-content .single-project {
    padding: 20px 0;
    box-sizing: border-box;
    position: relative;
    background: #FFF;
    border-top: 10px solid var(--main-color);
}

body.post-type-archive-projecten aside#single-content .single-project:first-child {
    padding-top: 0;
}

body.post-type-archive-projecten aside#single-content .single-project a.button {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-weight: 500;
    background: var(--main-color);
    position: relative;
    text-transform: uppercase;
    padding: 10px 20px;
    box-sizing: border-box;
    float: left;
    margin-top: 20px;
}

body.post-type-archive-projecten aside#single-content .single-project a:hover {
    color: #FFF;
    transition: all .1s ease-in-out;
    background: rgba(7, 108, 10, 0.9);
}

body.post-type-archive-projecten aside#single-content .single-project h3 {
    color: var(--main-color);;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0;
}

body.post-type-archive-projecten aside#single-content .single-project figure {
    margin: 0;
    position: relative;
}

body.post-type-archive-projecten aside#single-content .single-project .single-project-image {
    position: relative;
}

body.post-type-archive-projecten aside#single-content .single-project .single-project-content {
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

body.post-type-archive-projecten aside#single-content .single-project .single-project-content .single-project-description {
    line-height: 30px;
}

body.post-type-archive-projecten aside#single-content .single-project .single-project-image:hover .overlay {
    display: block;
}

body.post-type-archive-projecten aside#single-content .single-project .overlay {
    display: none;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--main-color);
    left: 0;
    top: 0;
    color: white;
    font-size: 55px;
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 999;
}

body.post-type-archive-projecten aside#single-content .single-project .overlay i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

body.post-type-archive-projecten aside#single-content .single-project figure:after {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image: url('https://i.pinimg.com/originals/ef/28/65/ef286539b2537c1605a9c215ac28a4a0.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 80% 0, 35% 50%, 0 12%);
    clip-path: polygon(0 0, 80% 0, 35% 50%, 0 12%);
}



body.post-type-archive-projecten aside#single-content .single-project figure img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 900px) {
    body.post-type-archive-projecten aside#single-content .single-project:not(last-child) {
        padding: 0;
        margin-bottom: 20px;
    }

    body.post-type-archive-projecten aside#single-content h1:before,
    body.post-type-archive-projecten aside#single-content h1:after {
        display: none;
    }
}

@media screen and (min-width: 900px) {
    body.post-type-archive-projecten aside#single-content .project-row {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    body.post-type-archive-projecten aside#single-content .single-project {
        flex: 0 0 32%;
        padding: 0;
        border-bottom: 0 !important;
        margin-bottom: 10px !important;
    }

    body.post-type-archive-projecten aside#single-content .single-project:not(first-child) {
        margin-left: 1%;
    }
}


/*@media screen and (min-width: 1050px) {*/
/*body.post-type-archive-projecten #content .projecten-row .single-project {*/
/*flex: 1 1 50%;*/
/*}*/
/*}*/

@media screen and (max-width: 800px) {
    body.post-type-archive-projecten aside#single-content .single-project {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 0.5%;
    }
}




/* > Single - Projecten

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

body.single-projecten aside#single-content {
    padding: 40px 0;
    color: #252525;
}

body.single-projecten aside#single-content h1 {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

body.single-projecten aside#single-content h2 {
    font-size: 27px;
    font-weight: 400;
}

body.single-projecten aside#single-content h3 {
    font-size: 25px;
    font-weight: 400;
}

body.single-projecten aside#single-content h1:first-child {
    margin-top: 0;
}

body.single-projecten aside#single-content p {
    line-height: 30px;
}

body.single-projecten aside#single-content #content {
    width: calc(100% - 313px);
    float: left;
    padding-right: 40px;
    box-sizing: border-box;
}

body.single-projecten aside#single-content #sidebar {
    width: 313px;
    float: left;
}

body.single-projecten aside#single-content #sidebar ul {
    padding: 0;
    margin: 0;
}

body.single-projecten aside#single-content #sidebar ul li {
    background: #efefef;
    list-style-type: none;
    overflow: hidden;
    line-height: 25px;
    padding: 20px;
    box-sizing: border-box;
}

body.single-projecten aside#single-content #sidebar ul li:nth-child(odd) {
    background: #e4e4e4;
}


body.single-projecten aside#single-content #sidebar ul.details h3 {
    background: var(--main-color);
    color: white;
    margin: 0;
    padding: 10px 24px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

body.single-projecten aside#single-content #sidebar ul.details li .image {
    display: inline-block;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 25px;
}

body.single-projecten aside#single-content #sidebar ul.details li .image i {
    font-size: 25px;
    color: var(--main-color);
    width: 25px;
    text-align: center;
}

body.single-projecten aside#single-content #content ul.gallery {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

body.single-projecten aside#single-content #content ul.gallery li {
    width: 25%;
    float: left;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
}

body.single-projecten aside#single-content #content ul.gallery li a {
    display: block;
}

body.single-projecten aside#single-content #content ul.gallery li a img {
    width: 100%;
    height: auto;
    display: block;
}

body.single-projecten aside#single-content #sidebar #form {
     margin-top: 40px;
}

body.single-projecten aside#single-content #sidebar #form h3 {
    background: var(--main-color);
    color: white;
    margin: 0;
    padding: 10px 24px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

body.single-projecten aside#single-content #sidebar #form input[type="text" i],
body.single-projecten aside#single-content #sidebar #form input[type="email" i],
body.single-projecten aside#single-content #sidebar #form textarea {
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid darkgrey;
    font-family: 'Roboto', sans-serif;
}

body.single-projecten aside#single-content #sidebar #form input[type="submit" i] {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
}

body.single-projecten aside#single-content #sidebar #form input[type="submit" i]:hover {
    background: var(--hover-main-color);
    border-bottom: 3px solid var(--hover-sub-color);
    border-right: 3px solid var(--hover-sub-color);
}

body.single-projecten aside#single-content #sidebar a.btp {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    margin-bottom: 20px;
    box-sizing: border-box;
}

body.single-projecten aside#single-content #sidebar a.btp:hover {
    background: var(--hover-main-color);
    border-bottom: 3px solid var(--hover-sub-color);
    border-right: 3px solid var(--hover-sub-color);
}


/* > Archive - Blog

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

.blog aside#a-posts {
    background: white;
}

.blog .blog-post:first-child {
    margin-top: 0 !important;
}

.blog .container.blogcontainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 40px 0;
}

.blog #title-wrap {
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog #title-wrap:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-size: 100%;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: var(--main-color);
}

.blog #title-wrap #caption {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.blog #title-wrap img {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
}

.blog h1.entry-title {
    display: table;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    font-size: 39px;
    color: white;
    font-family: 'Montserrat', sans-serif;
}

.blog .blog-post {
    margin-bottom: 20px;
    position: relative;
    width: 33.33333333%;
    box-sizing: border-box;
    visibility: hidden;
}

.blog .blog-post:nth-child(3n+1) {
    padding-right: 10px;
}

.blog .blog-post:nth-child(3n+2) {
    padding: 0 10px;
}

.blog .blog-post:nth-child(3n+3) {
    padding-left: 10px;
}

.blog .blog-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.blog .blog-image .overlay {
    display: none;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--main-color);
    left: 0;
    top: 0;
    color: white;
    font-size: 55px;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.blog .blog-post span.new {
    display: none;
}

.blog .blog-post:first-child span.new {
    display: block !important;
    background: #dcae00;
    color: white;
    padding: 3px 10px;
    box-sizing: border-box;
    font-weight: 700;
    overflow: hidden;
    border-radius: 1px;
}

.blog .blog-post:first-child h3 {
    margin-top: 20px !important;
}

.blog .blog-image .overlay i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.blog #blog-content {
    background: #f1f1f1;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    display: block;
}

.blog #blog-content p {
    line-height: 30px;
}

.blog #blog-content h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    color: var(--main-color);
}

.blog .blog-image img {
    height: auto;
    width: 100%;
    display: block;
}

.blog #blog-content .date {
    background: var(--main-color);
    color: white;
    padding: 4px 10px;
    box-sizing: border-box;
    float: right;
    border-radius: 1px;
    margin-left: 10px;
}

.blog .blog-post:first-child #blog-content .date {
    margin-left: 0;
}

.blog #blog-content a.bekijk-post {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.blog a.bekijk-post:hover {
    transform: scale(1.05);
}

.blog #breadcrumbs {
    text-align: center;
    margin: 0;
    margin-top: 10px;
}

.blog #breadcrumbs a,
.blog #breadcrumbs span {
    font-size: 15px;
    text-decoration: none;
    color: white;
}

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

    body.page-template-template-faq #frmsrc #help-form {
        display: none;
    }

    body.page-template-template-faq #frmsrc #search-form {
        padding-left: 0;
        width: 100%;
    }

}

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

    .blog .row .date {
        float: left;
        width: 100%;
    }

    .blog .row h1 {
        width: 100%;
        overflow: hidden;
        padding-top: 10px;
    }

    body.page-template-template-faq section#faq {
        width: 100%;
        padding-right: 0;
    }

    body.page-template-template-faq #frmsrc {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }

}

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

    .blog .row {
        width: 100%;
    }

    .blog .row:nth-child(1) {
        padding-bottom: 10px !important;
    }

    .blog .row:nth-child(2) {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .blog .row:nth-child(3) {
        padding-top: 10px !important;
    }

}

@media screen and (max-width: 600px) {
	.blog #title-wrap img,
	section#single-slider img {
		left: auto;
		right: auto;
		display: table;
		margin: 0 auto;
		width: auto;
    	height: 100%;
	}
}

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

    body.page-template-template-faq #frmsrc #search-form ul.faq-contact li.single-contact .text {
        display: grid;
    }

    body.page-template-template-faq #frmsrc #search-form ul.faq-contact li.single-contact .image {
        height: 100%;
    }

    body.page-template-template-faq #frmsrc #search-form ul.faq-contact li.single-contact .image img {
        vertical-align: -webkit-baseline-middle;
    }

}

/* > Single - Blog

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

body.single-post #post-content {
    padding: 40px 0;
    background: #f1f1f1;
}

body.single-post #post-content h1.entry-title {
    color: var(--main-color);
    font-weight: 600;
    font-size: 30px;
    font-family: 'Montserrat';
}

body.single-post #post-content h1 {
    font-weight: 600;
    color: var(--sub-color);
    font-family: 'Montserrat';
}

body.single-post #post-content h2 {
    font-size: 23px;
    font-weight: 600;
    color: var(--sub-color);
    font-family: 'Montserrat';
}

body.single-post #post-content #details ul {
    padding: 0;
    overflow: hidden;
}

body.single-post #post-content #details ul li {
    list-style-type: none;
    float: left;
    margin-left: 10px;
    color: white;
    padding: 10px 20px;
    transition: all .2s ease-in-out;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    background: var(--main-color);
    border-radius: 5px;
    box-sizing: border-box;
}

body.single-post #post-content #details ul li a {
	background: var(--main-color);
}
    
body.single-post #post-content #details ul li.btop {
    padding: 0 !important;
}

body.single-post #post-content #details ul li a {
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    border-radius: 5px;
}

body.single-post #post-content #details ul li a:hover {
    background: var(--sub-color);
}

body.single-post #post-content #details ul li:first-child {
    margin-left: 0;
}

body.single-post #post-content #details ul li i {
    padding-right: 5px;
}

body.single-post #post-content p {
    line-height: 30px;
}

body.single-post #post-content a {
    color: var(--main-color);
    text-decoration: none;
}

body.single-post aside#a-posts {
    background: white;
}

body.single-post .container.blogcontainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 40px 0;
}

body.single-post #title-wrap {
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.single-post #title-wrap:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-size: 100%;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: var(--main-color);
}

body.single-post #title-wrap #caption {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

body.single-post #title-wrap img {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
}

body.single-post .blogcontainer h1.entry-title {
    display: table;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    font-size: 39px;
    color: white;
    font-family: 'Montserrat', sans-serif;
}

body.single-post .blog-post {
    margin-bottom: 20px;
    position: relative;
    width: 33.33333333%;
    box-sizing: border-box;
    visibility: hidden;
}

body.single-post .blog-post:nth-child(3n+1) {
    padding-right: 10px;
}

body.single-post .blog-post:nth-child(3n+2) {
    padding: 0 10px;
}

body.single-post .blog-post .blog-post:nth-child(3n+3) {
    padding-left: 10px;
}

body.single-post .blog-post .blog-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

body.single-post .blog-post .blog-image .overlay {
    display: none;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--main-color);
    left: 0;
    top: 0;
    color: white;
    font-size: 55px;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

body.single-post .blog-post span.new {
    display: none;
}

body.single-post .blog-post:first-child span.new {
    display: block !important;
    background: #dcae00;
    color: white;
    padding: 3px 10px;
    box-sizing: border-box;
    font-weight: 700;
    overflow: hidden;
    border-radius: 1px;
}

body.single-post .blog-post .blog-image .overlay i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

body.single-post .blog-post #blog-content {
    background: #f1f1f1;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border-top: 2px solid var(--main-color);
}

body.single-post .blog-post #blog-content p {
    line-height: 30px;
}

body.single-post .blog-post #blog-content h3 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    color: var(--main-color);
}

body.single-post .blog-post .blog-image img {
    height: auto;
    width: 100%;
    display: block;
}

body.single-post .blog-post #blog-content .date {
    background: var(--main-color);
    color: white;
    padding: 4px 10px;
    box-sizing: border-box;
    float: right;
    border-radius: 1px;
    float: left;
	width: 100%;
	margin-bottom: 10px;
}

body.single-post .blog-post:first-child #blog-content .date {
    margin-left: 0;
}

body.single-post .blog-post #blog-content a.bekijk-post {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    margin-bottom: 20px;
    box-sizing: border-box;
}

body.single-post .blog-post a.bekijk-post:hover {
    transform: scale(1.05);
}

body.single-post aside#more-posts {
    background: #e6e6e6;
}

body.single-post h1.mp-title {
    color: var(--main-color);
    font-weight: 600;
    font-size: 30px;
    font-family: 'Montserrat';
    margin-top: 40px;
    margin-bottom: 0;
}

body.single-post h1.mp-title i {
    font-size: 25px;
}

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

    body.page-template-template-faq #frmsrc #help-form {
        display: none;
    }

    body.page-template-template-faq #frmsrc #search-form {
        padding-left: 0;
        width: 100%;
    }

}

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

	.blog .date {
	    float: left;
	    width: 100%;
	    margin-bottom: 10px;
	}

}

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

	body.single-post .blog-post {
	    width: 100%;
	    padding: 0 !important;
	}

}

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

	.blog .blog-post {
		width: 100%;
	}

}

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

	body.single-post #post-content #details ul li:first-child {
		margin-top: 0;
	}

    body.single-post #post-content #details ul li {
        width: 100%;
        margin-left: 0;
        border-bottom: 1px solid var(--sub-color);
        margin-top: 5px;
    }

    body.single-post #post-content #details ul li:last-child {
        border-bottom: none;
    }

}



/** Gallery

******************************************************************/

#gallery-1 img{
    border: 10px solid #fff !important;
}

#gallery-1 .gallery-item {
    width:25% !important;
    text-align: left !important;
}

/* > 404

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

body.error404 aside#vov {
    padding: 80px 0;
    text-align: center;
    background: url(/wp-content/themes/bravo/images/sad_cloud1600.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50%;
}

body.error404 aside#vov .container {
    width: 50%;
}

body.error404 aside#vov h1 {
    margin-top: 0;
    font-weight: bold;
    font-size: 35px;
    color: #333;
}

body.error404 aside#vov h3 {
    margin-top: 0;
    font-weight: 300;
    font-size: 25px;
    color: #333;
}

body.error404 aside#vov ul {
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

body.error404 aside#vov ul li {
    float: left;
    list-style-type: none;
    margin: 5px;
}

body.error404 aside#vov ul li a {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    border-bottom: 3px solid var(--sub-color);
    border-right: 3px solid var(--sub-color);
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    display: block;
}


/* > Footer

-------------------------------------------------------------- */
/* Footer */
footer {
    color: var(--sub-color);
    margin: 0 auto;
    padding: 40px 0 0 0;
    position: relative;
    max-width: 100%;
    background: var(--main-color);
}

footer p {
    line-height: 30px;
}

footer span.up {
    top: -19px;
    left: 0;
    right: 0;
    width: 50px;
    margin: 0 auto;
    height: 50px;
    position: absolute;
    transform: rotate(45deg);
    background: var(--main-color);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
footer span.up i {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    transform: rotate(-45deg);
    text-align: center;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

footer h3 {
    color: #FFF;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    padding: 20px 0;
    z-index: 20;
    text-align: left;
    margin: 0;
}


footer .container {
    max-width: 1600px;
}

footer .col-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

footer .col-list .col {
    flex: 0 0 100%;
}

footer .contactform .form-group .form-control {
    resize: none;
}

@media screen and (max-width: 900px) {
    footer .col-list .col {
        order: 1;
    }

    footer .col-list .col:nth-of-type(2) {
        order: 3;
    }
}

@media screen and (min-width: 600px) and (max-width: 900px) {
    footer .col-list .col {
        flex: 1 0 50%;
    }

    footer .col-list .col p {
        padding-right: 100px;
    }
}

@media screen and (min-width: 900px) {
    footer .col-list .col {
        flex: 1 0 31%;
    }

    footer .col-list .col:not(:last-child) {
        margin-right: 2%;
    }

    footer .form-row {
        display: flex;
    }

    footer .form-row .form-group {
        flex: 0 0 49%;
    }

    footer .form-row .form-group:first-child {
        margin-right: 1%;
    }

    footer .form-row .form-group:last-child {
        margin-left: 1%;
    }
}

footer #sub-footer {
    color: var(--main-color);
    margin: 0 auto;
    background: var(--sub-color);
}

footer #sub-footer p {
    margin: 0;
    padding: 10px;
    text-align: center;
}

footer #sub-footer a {
    color: var(--main-color);
    font-weight: 600;
}

footer .footer-contactgegevens {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: block;
}

footer .footer-contactgegevens li{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    list-style-type: none;
    text-decoration: none;
}

footer .footer-contactgegevens a {
    color: #FFF;
    text-decoration: none;
}

footer .footer-contactgegevens a:hover {
    text-decoration: none;
}

footer .footer-contactgegevens li:first-child {
    margin-top: 0;
}

footer .footer-contactgegevens li i {
    font-size: 23px;
    min-width: 23px;
    vertical-align: middle;
    margin-left: 1px;
}

footer .footer-socialmedia {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}

footer .footer-socialmedia  .single-sm a {
    color: #FFFFFF;
}

footer .footer-socialmedia .single-sm a:hover {
    color: #FFFFEE;
}

footer .footer-socialmedia li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
    font-size: 28px;
}

footer .social-media .single-sm {
    font-size: 23px;
    list-style-type: none;
    float: left;
    margin-right: 10px;
}

footer .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-family: 'Exo 2', 'sans-serif' !important;
}

footer input {
    margin: 0;
    font: inherit;
    margin-bottom: 15px;
    box-sizing: border-box;
}

footer textarea.form-control {
    height: auto;
    box-sizing: border-box;
    margin-top: 0;
}


footer input[type="text" i], footer input[type="email" i], footer textarea {
   border-radius: 0 !important;
}

footer input[type=submit] {
    padding: 10px 20px;
    position: relative;
    background: var(--hover-sub-color);
    transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    color: white;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: none;
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

footer input[type=submit]:hover {
    background: #FFF;
    color: var(--main-color);
}



@media screen and (max-width: 1100px) {
    #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link {
        background-color: var(--main-color) !important;
    }

    #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
        border-top: none !important;
    }

    div#responsive-menu-container {
        margin-top: 27px;
    }

    .container {
        width: 90%;
    }

    button#responsive-menu-button {
        background: none !important;
        top: 8px !important;
        right: 7% !important;
        margin-top: 32px !important;
    }

    body.-scrolled button#responsive-menu-button {
        margin-top: 4px !important;
    }

    button#responsive-menu-button .responsive-menu-box .responsive-menu-inner,
    button#responsive-menu-button .responsive-menu-box .responsive-menu-inner:before,
    button#responsive-menu-button .responsive-menu-box .responsive-menu-inner:after {
        background-color: var(--main-color) !important;
        transition: ease-in-out;
    }

    button#responsive-menu-button:hover .responsive-menu-inner,
    button#responsive-menu-button:hover .responsive-menu-box .responsive-menu-inner:before,
    button#responsive-menu-button:hover .responsive-menu-box .responsive-menu-inner:after {
        background-color: var(--hover-sub-color) !important;
        transition: ease-in-out;
    }

    #responsive-menu-container {
        background: none !important;
        width: 100% !important;
        top: 76px !important;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        font-size: 17px !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        background-color: #252525 !important;
        padding: 2px 30px !important;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
        padding: 2px 50px !important;
    }

    #responsive-menu-container #responsive-menu-search-box {
        display: none !important;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
        height: 46px !important;
        line-height: 46px !important;
        width: 46px !important;
        background: var(--main-color) !important;
    }

    #responsive-menu-container #responsive-menu-additional-content {
        display: none !important;
    }

}

@media screen and (max-width: 800px) {
    button#responsive-menu-button {
        margin-top: 0 !important;
    }

    div#responsive-menu-container {
        margin-top: -2px;
    }
}

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

    body.single-projecten aside#single-content #content ul.gallery {
        overflow: hidden;
        padding-bottom: 40px;
    }

    body.single-projecten aside#single-content #content {
        width: 100%;
        padding-right: 0;
    }

    body.single-projecten aside#single-content #content ul.gallery li {
        min-height: auto;
    }

    body.single-projecten aside#single-content #sidebar {
        width: 100%;
    }

    .page-template-templates aside#single-content #content,
    body.page-template-template-formleft aside#single-content #content {
        width: 100%;
        padding-right: 0;
    }

    .page-template-templates aside#single-content #form-right,
    body.page-template-template-formleft aside#single-content #form-left {
        width: 100%;
    }

    body.page-template-template-formleft aside#single-content #content {
        padding-left: 0;
    }
}


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


    .single-post #single-content img {
        float: left;
        width: 100%;
        height: auto;
    }


    body.post-type-archive-projecten .single-project {
        width: 100%;
        margin: 0 !important;
    }

}

/* Section -> Gallery */
section#gallery {
    overflow: hidden;
}


/* Section -> Gallery */
section#single-gallery {
    overflow: hidden;
    background: var(--hover-sub-color);
}

section#single-gallery ul {
    padding: 0;
    margin: 0;
}

section#single-gallery ul li {
    list-style-type: none;
    width: 50%;
    float: left;
    display: inline-flex;
    overflow: hidden;
}

section#single-gallery ul li a {
    display: block;
}

section#single-gallery ul li a img {
    width: 100%;
    height: auto;
    display: block;
    transition: all .2s ease-in-out;
}

section#single-gallery ul li a img:hover {
    transform: scale(1.1);
}

@media screen and (min-width: 900px) {
    section#single-gallery ul li {
        width: 25%;
    }
}

/* Section single-projecten */
body.single-projecten {
    background: var(--sub-color);
}

body.single-projecten aside#single-project {
    padding: 40px 0;
    min-height: 450px;
}

body.single-projecten aside#single-project p {
    line-height: 30px;
}

body.single-projecten aside#single-project h1,
body.single-projecten aside#single-project h2,
body.single-projecten aside#single-project h3,
body.single-projecten aside#single-project h4,
body.single-projecten aside#single-project h5,
body.single-projecten aside#single-project h6 {
    font-family: 'Exo 2', sans-serif;
    color: var(--main-color)
}

body.single-projecten aside#single-project #content {
    width: calc(100% - 313px);
    float: left;
    padding-right: 40px;
    box-sizing: border-box;
}

body.single-projecten aside#single-project #sidebar {
    width: 313px;
    float: left;
}

body.single-projecten aside#single-project #sidebar ul {
    padding: 0;
    margin: 0;
}

body.single-projecten aside#single-project #sidebar ul li {
    list-style-type: none;
    overflow: hidden;
    line-height: 25px;
    padding: 20px;
    box-sizing: border-box;
}

body.single-projecten aside#single-project #sidebar ul.details h3 {
    background: var(--main-color);
    color: white;
    margin: 0;
    padding: 10px 24px;
    font-weight: 600;
    font-size: 18px;
}

body.single-projecten aside#single-project #sidebar ul.details li .image {
    display: inline-block;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 25px;
}

body.single-projecten aside#single-project #sidebar ul.details li .image i {
    font-size: 25px;
    color: var(--main-color);
    width: 25px;
    text-align: center;
}

body.single-projecten aside#single-project #content ul.gallery {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

body.single-projecten aside#single-project #content ul.gallery li {
    width: 24%;
    float: left;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-right: 1%;
    margin-top: 1%;
}

body.single-projecten aside#single-project #content ul.gallery li a {
    display: block;
}

body.single-projecten aside#single-project #content ul.gallery li a img {
    width: 100%;
    height: auto;
    display: block;
}

body.single-projecten aside#single-project #sidebar #form {
    margin-top: 40px;
}

body.single-projecten aside#single-project #sidebar #form h3 {
    background: var(--main-color);
    color: white;
    margin: 0;
    padding: 10px 24px;
    font-weight: 600;
    font-size: 18px;
}

body.single-projecten .container{
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
}

body.single-projecten aside#single-project #sidebar #form input[type="text" i],
body.single-projecten aside#single-project #sidebar #form input[type="email" i],
body.single-projecten aside#single-project #sidebar #form input[type="tel" i],
body.single-projecten aside#single-project #sidebar #form textarea {
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border: 0;
    font-family: inherit;
}

body.single-projecten aside#single-project #sidebar #form input[type="submit" i] {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
}

body.single-projecten aside#single-project #sidebar #form input[type="submit" i]:hover {
    background: var(--hover-sub-color);
}
body.single-projecten aside#single-project #sidebar ul.details h3{
    border-bottom: 3px solid var(--hover-sub-color);
}

body.single-projecten aside#single-project #sidebar a.btp {
    text-decoration: none;
    border: none;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
}

body.single-projecten aside#single-project #sidebar a.btp:hover {
    background: var(--hover-sub-color);
}


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

    body.single-projecten aside#single-project #content ul.gallery {
        overflow: hidden;
        padding-bottom: 40px;
    }

    body.single-projecten aside#single-project #content {
        width: 100%;
        padding-right: 0;
    }

    body.single-projecten aside#single-project #content ul.gallery li {
        min-height: auto;
    }

    body.single-projecten aside#single-project #sidebar {
        width: 100%;
    }
}

section#gallery ul li {
    overflow: hidden;
}

section#gallery ul li a, section#gallery ul li a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}



@media screen and (min-width: 800px) {
    section#gallery ul li:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
    section#gallery ul li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
    section#gallery ul li:nth-child(3) { grid-area: 1 / 3 / 2 / 5; }
    section#gallery ul li:nth-child(4) { grid-area: 1 / 5 / 3 / 6; }
    section#gallery ul li:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
    section#gallery ul li:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
    section#gallery ul li:nth-child(7) { grid-area: 2 / 4 / 3 / 5; }
    section#gallery ul {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, 250px);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        padding: 0;
    }
}

@media screen and (max-width: 800px) {
    section#gallery ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 250px);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        padding: 0;
    }

    section#gallery ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    section#gallery ul li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
    section#gallery ul li:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
    section#gallery ul li:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
    section#gallery ul li:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
    section#gallery ul li:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
    section#gallery ul li:nth-child(7) { grid-area: 4 / 1 / 5 / 3; }
}



#form-right .formwrapper {
    flex: 1;
    background: #fbfbfb;
    padding: 40px 80px;
    text-align: center;
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: var(--main-color);
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gform_next_button, #form-right .formwrapper .gform_wrapper.gravity-theme .gform_previous_button, #form-right .formwrapper .gform_wrapper.gravity-theme .gform_button{
    width: 100%;
    background-color: var(--main-color);
    color: white;
    border: 0!important;
    margin: 0;
    padding: 10px 20px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: none;
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gform_button{
    margin-top: 10px!important;
}

#form-right .formwrapper .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
}

#form-right .formwrapper .gfield_checkbox .image-choices-choice {
    flex: 1 0 27.3333%;
    margin: 1% !important;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    position: relative;
    background: white;
}

#form-right .formwrapper .image-choices-choice.image-choices-choice-selected:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--main-color);
}

#form-right .formwrapper .image-choices-choice.image-choices-choice-selected {
    border: 3px solid var(--main-color) !important;
}

#form-right .formwrapper .image-choices-field .image-choices-choice-image-wrap {
    width: 50px;
    height: 50px;
}

#form-right .formwrapper input#gform_next_button_1_4 {
    background: var(--main-color);
    width: 100%;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: var(--main-color);
    color: #ffffff;
    border: none !important;
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
    background: #4caf50;
    border: none !important;
    border-radius: 20px;
    content: "";
    display: table-cell;
    height: 40px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 40px;
}

#form-right .formwrapper legend.gfield_label.gfield_label_before_complex {
    font-size: 30px;
    color: #333333;
}

#form-right .formwrapper .gform_wrapper .gfield_required {
    display: none;
}

#form-right .formwrapper div#gfield_description_1_7 {
    color: #757575;
    font-size: 14px;
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gfield input.large {
    width: 100%!important;
    border: 1px solid #e3e3e3!important;
    border-radius: 5px!important;
    padding: 15px 20px!important;
}

#form-right .formwrapper input#gform_previous_button_1 {
    width: 49%;
    background: #e4e4e4;
    color: #333;
    padding: 10px 20px;
    border-radius: 5px;
}

#form-right .formwrapper input#gform_submit_button_1 {
    width: 49%;
    background: var(--main-color);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

#form-right .formwrapper .image-choices-field .gfield_radio {
    display: flex;
}

#form-right .formwrapper .image-choices-field .gfield_radio .image-choices-choice {
    flex: 1 0 27.3333%;
    margin: 1% !important;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    position: relative;
    background: white;
}

#form-right .formwrapper .gform_wrapper.gravity-theme .gfield.gfield--width-full textarea {
    border: 1px solid #efefef;
    border-radius: 5px;
    max-width: 100%;
    min-width: 100%;
    min-height: 300px;
}

.page section#gallery{
    background-color: white;
}

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


    #form-right .formwrapper .content {
        display: none;
    }

    #form-right .formwrapper .contactform input#gform_previous_button_1 {
        width: 100%;
    }

    #form-right .formwrapper .contactform input#gform_submit_button_1 {
        width: 100%;
        margin: 0;
    }

    #form-right .formpicture, #form-right .formwrapper{
        flex: 0 0 100%;
    }

    #form-right .formpicture{
        display: none;
    }


}

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


    #form-right .formwrapper.gfield_checkbox .image-choices-choice {
            flex: 1 0 36%;
    }



}