/*
Theme Name: Houtwijk Dronten
Version: 1.0
Type: style
*/

body {    
   background-color: #414141;
}

body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
}

/* Row */

.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 24px;
}

.block-content {
    margin: -10px 0px 0px 0px;
}

.post-content .post-meta {
    margin-bottom: 15px;
    margin-bottom: 30px;
}

.block-content.no-bottom-margin.no-top-margin {
    background-color: #ebebeb;
}

.wpb_row > * {
    margin-top: 0em;
}

.panel-center.col-xs-12 {
    margin-top: 0.5em;/**/
}

/* /Row */

/* Logo */

#site-header .site-title a img.small, #site-header .menu-item-logo a img.small,
.site-logo .logo .default {
    height:63px!important;
}

/* /Logo */

/* Headers */

#hw_header .gem-button-container * {
    text-transform: none!important;
    letter-spacing: 1px;
}
#hw_header .fullwidth-block {
    padding-top: 8%!important;
    padding-bottom: 8%!important;
}
    #hw_header .fullwidth-block .fullwidth-block-background {
    }

    #hw_header .gem-button {
        cursor: default;
    }

#hw_header h1 span {
	text-shadow: -1px 0px 9px rgba(0, 0, 0, 0.5);
}

 #site-header-wrapper {
    border-bottom:1px solid #ebebeb;
    position: relative;
}

h1, .title-h1,
h2, .title-h2,
h3, .title-h3,
h4, .title-h4,
h5, .title-h5,
h6, .title-h6 {
    text-transform: none!important;
    letter-spacing:0px;
}
h2 {
    margin-block-end: 0.83em;
}


/* /Headers */

/* Search */

body.search .page-title-block .page-title-title {
    padding-bottom: 0px;
}

body.search .page-title-block:before {
    border-bottom:0px; 
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}
body.search .page-title-block .highlight {
    color: #2f6b2e;
}


body.search .block-content {
    padding: 40px 0px 0px 0px;
    border-top:0px;
}

body.search.search-results .blog.blog-style-masonry .entry-title.title-h4 {
    text-transform: uppercase;
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

/* /Search */

/* buttons */

.gem-button-size-small, input.gem-button-size-small {
    padding: 0px 25px;
}

.gem-button-container a,
input[type='submit'] {
    border-radius: 0px!important;
}

/* buttons */

/* nav */

#primary-menu li a {
    border:0px!important;
    text-transform: none!important;
}

/* /nav */


/* Portfolio */

.caption-bottom-line .post-footer-sharing,
.caption-bottom-line .gem-button-container {
    float:left;
}

.caption-bottom-line .post-footer-sharing .gem-button {
    background-color: #aaaaaa;
}
.caption-bottom-line .post-footer-sharing .gem-button:hover,
.caption-bottom-line .post-footer-sharing .gem-button:focus,
.caption-bottom-line .post-footer-sharing .gem-button:active {
    background-color: #aaaaaa!important;
}

.caption-bottom-line .project-button .gem-button {
    background-color: #2f6b2e;
}

.caption-bottom-line .project-button .gem-button:hover,
.caption-bottom-line .project-button .gem-button:focus,
.caption-bottom-line .project-button .gem-button:active {
    background-color: #ec9b00!important;
}

.portfolio-item .caption .title {
    text-align:left;
    color: #2f6b2e;
    font-size: 24px!important;
    text-transform: inherit!important;
    padding: 0px 0px 8px 3px;
}

.portfolio-item .caption {
    padding: 22px 20px 0!important;
}

.portfolio .portfolio-item .caption .caption-separator {
    display:none;
    visibility:hidden;
    position:absolute;
}

    /* Portfolio items */

    .thegem_pf_item .vc_col-lg-3 h1,
    .thegem_pf_item .vc_col-lg-3 h2,
    .thegem_pf_item .vc_col-lg-3 h3 {
        text-transform:uppercase!important;
        margin: 0.5em 0!important;
    }

    .thegem_pf_item .vc_col-lg-3 .wpb_text_column.wpb_content_element {
        margin:20px 0px 20px 0px;
    }

	/*.thegem_pf_item form*/
	.wpcf7 form,
    .hw_form {
		background:#ec9b00;
		padding:20px;
    	display: table;
	}

    .project-info-shortcode-item {
        background: #ebebeb!important;
        border-bottom: 0px solid #ebebeb!important;
    }

    .project-info-shortcode-style-2 .project-info-shortcode-item {
        padding: 28px 0 20px 0;
    }

    /* /Portfolio items */

    /* Projecten */

    .page-title-block {
        /*padding-top: 54px!important;*/
        padding-top: 80px!important;
        padding-bottom: 0px!important;
        background:#fff!important;
        color:#444444!important;
    }

    .block-content {
        padding: 0px 0 0px;
    }
    
    .block-content:last-of-type {
    padding-top: 30px; 
	padding-bottom: 60px!important;
    }


    .block-content article {
    margin-top:30px;
    }

    .page-title-title h1 {
        color:#444444!important;
        font-size:28px;
        text-align:left;
    }

    .hw_specs {
        background:#ebebeb!important;
        margin: 0px 0px 40px 0px !important;
        padding: 20px!important;
    }

    .hw_specs h1,
    .hw_specs h2,
    .hw_specs h3,
    .hw_specs h1 *,
    .hw_specs h2 *,
    .hw_specs h3 * {
       line-height: 20px;!important;
       margin: 0.8em 0!important;
    }

    /* /Projecten */

    .portfolio-item-page-bottom {
        display:none;
        visibility:hidden;
        position:absolute;
    }

    .gem-list.gem-list-color-3 > ul > li:before {
    color: #2f6b2e;
    font-weight: 900;
    }

    .portfolio-item .caption .subtitle p {
        margin: 0;
        padding: 0px 3px;
    }
    
    .portfolio-item .caption .subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    max-height: 48px!important;
    }

    .portfolio-item .caption .subtitle p b {
    display: block;
    text-align: left;
    color: #2f6b2e;
    font-size: 22px!important;
    font-weight: 100;
    text-transform: inherit!important;
    padding: 0px 0px 0px 0px;
    }

    .single-thegem_pf_item .breadcrumbs .divider:first-child,
    #page-title > div.breadcrumbs-container > div > div > span:nth-child(2),
    #page-title > div.breadcrumbs-container > div > div > span:nth-child(3) {
        display:none;
    }

    .search-field {
            border-radius: 0;
    }

    .gem-search-form {
    margin: 20px 0 40px 0;
    }

.post-meta-author { 
    display:none;
    position:absolute
}

.search-results .blog .type-page { 
   
}

.search-field {
    border-radius:0px;
}

.search-results .blog.blog-style-masonry article .description .summary { 
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    max-height: 48px!important;
}
.search-results .blog.blog-style-masonry article .description .summary b{ 
    display:none;
    position:absolute;
}
.search-results .blog.blog-style-masonry article .gem-button-empty { 
    background-color: #aaaaaa;
}
.search-results .blog.blog-style-masonry .entry-title.title-h4 {
    margin-bottom: 4px;
    margin-top: 0px;
}
.search-results .blog.blog-style-masonry .entry-title.title-h4 span {
    text-transform: uppercase;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    text-align: left;
    color: #2f6b2e;
    font-size: 24px!important;
    line-height: 20px;
    font-weight: 700;
    text-transform: inherit!important;
    padding: 0px 10px 0px 0px;
}


.search-results .thegem_pf_item {
    /*display:block;*/
}

.gem-button.gem-button-style-outline {
    border-color: #2f6b2e;
    background: #2f6b2e;
    color:#fff;

}
.gem-button.gem-button-style-outline:hover {
    border-color: #ec9b00;
    background: #ec9b00;
    color:#fff;

}


.gem-button-position-inline .gem-button {
    margin-left: 0;
    margin: 0px 10px 10px 0px!important;
}

.hw_tab-buttons .vc_column-inner {
    padding-bottom: 20px!important;
}

.hw_tab-buttons .gem-button-size-small {
    padding: 0px 14px;
}


/* /Portfolio */
    
    /* Breadcrumb */
    
    .page-title-block .breadcrumbs-container {
    bottom: 44px;
    }
    .breadcrumbs-container > .container {
        text-align:left;
        /*margin:0px 0px 0px 2px;*/
    }

    
    .breadcrumbs-container .breadcrumbs {
        color:#444444!important;
        font-size:14px;
        text-align:left!important;
        margin:0px;
    }

    .breadcrumbs-container .breadcrumbs a,
    .breadcrumbs-container .breadcrumbs span {
        color: #444444 !important;
        font-size: 14px;
        text-align: left !important;
        margin: 0px;
        border-bottom: 0px solid #fff;
    }

    .bc-devider:before {
    content: '\e64c';
    color: #444!important;
    }

    /* /Breadcrumb */

    /* Form */
    
    form h2 {
    color: #fff;
    padding: 0px;
    margin: 10px 0px 20px 20px;
    }

    .hw_form h2 {
    color: #fff;
    padding: 0px;
    margin: 10px 0px 20px 0px;
	line-height: 34px;
    }

	.wpb_heading.wpb_widgetised_column_heading {
	line-height: 34px;
    }


    form p.cf-style3-textarea {
    margin-top: 0px;
    float: left;
    width: 100%;
    }
    .wpcf7 textarea {
    max-height: 116px!important;
}
    
    form input[type='submit'] {
        background: #2f6b2e!important;
        font-size: 16px!important;
        padding: 0px!important;
        margin:0px!important;
    }

    form#searchform input[type='submit'] {
        background: transparent!important;
        font-size: 16px!important;
        padding: 0px!important;
        margin:0px!important;
    }
    form input[type="submit"]:hover {
        background: inherit!important;
    }
    
    .wpcf7 p label{
    margin-bottom: 24px;
    position: relative;
    min-height: 1px;
    padding-left: 0px!important;
    padding-right: 0px!important;
    float:left;
    }
    
    .wpcf7 p label a{
        color:#fff!important;
        text-align:right!important;
        text-decoration:underline;
    }
    
    .col-md-6 .col-md-6:first-child {
    padding-right: 10px!important;
    }
    .col-md-6 .col-md-6:last-child {
    padding-left: 10px!important;
    }
    .wpcf7-list-item-label {
    color:#fff!important;
    padding:0px 0px 0px 24px!important;
    }
    .wpcf7-form .checkbox-vag input,
    input[type="chekbox"] {
    width:20px!important;
    position: absolute!important;
    margin: 6px 0px 0px 0px!important;
    }

    .wpcf7-list-item-label,
    input[type="chekbox"] {
    float: left!important;
    display: inline-block!important;
    }

    div.wpcf7 .ajax-loader {
        display:none;
        visibility:hidden;
        position:absolute;
    }

    /* /Form */

    .gem-button-size-medium {
        margin: 10px;
    }

/* Footer */

    /* Custom Footer */

    
    .custom-footer,
    .custom-footer #hw_onze-gegevens{
        background-color:#ebebeb!important;
    }
    
    .home .custom-footer,
    .home .custom-footer #hw_onze-gegevens,
    .page-id-23936 .custom-footer,
    .page-id-23936 .custom-footer #hw_onze-gegevens {
        background-color:#fff!important;
    }
        .custom-footer #hw_onze-gegevens .wpb_column:first-child .wpb_content_element a {
            color:#444444;
            text-decoration:underline;
        }

        .custom-footer #hw_onze-gegevens .wpb_column:last-child .wpb_content_element p,
        .custom-footer #hw_onze-gegevens .wpb_column:last-child .wpb_content_element a {
            font-size: 20px;
            color:#444444;
        }

        .custom-footer #hw_onze-gegevens .wpb_column:last-child a.gem-button {
            font-size: 16px!important;
        }

    .custom-footer h2 {
    line-height: 49px;
    font-size: 30px;
    letter-spacing: 0.08px;
    }

    /* /Custom Footer */

    /* Site Footer */

        .footer-site-info {
            color: #ebebeb!important;
            font-size: 100%;
        }

        /* Footer Nav */

        #footer-menu * {    
            color: #ebebeb!important;
        }
        
        #footer-menu li {
            padding: 0 10px;
        }

        #footer-menu li a {
            font-size: 100%;
        }
        
        #footer-menu li + li:before {    
            border-left: 1px solid #ebebeb!important;
            border-right:0px solid #ebebeb!important;
        }
        /* /Footer Nav */

        /* Social */
        .socials-colored a .socials-item-icon, .socials-colored-hover a:hover .socials-item-icon {
        color: #ebebeb!important;
        font-size: 22px;
        }
        /* /Social */

    /* /Site Footer */

/* /Footer */