/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
*/

/* GENERAL STYLING - MOBILE ONLY - DO NOT PLACE YACHTPRESENTATION CSS HERE */


@media screen and (min-width: 768px) and (max-width: 999px) {

	body .menu-toggle {
	    font-size: 23px;
	}

	body h1 {
	    font-size: 40px;
	}

	body h2 {
	    font-size: 38px;
	}

	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    	padding-top: 0px !important;
    	padding-bottom: 0px !important;
    	padding-left: 30px !important;
    	padding-right: 30px !important;
	}

	.inside-top-bar, .inside-header {
	    padding-right: 30px !important;
	    padding-left: 30px !important;
	}

	.top-bar a {
	    display: inline-block;
	}

	body .highlight-btn a {
	    display: inline-block;
	    margin-top: 20px;
	}

	body.nav-float-right #site-navigation {
	    margin-left: 0 !important;
	}

	.n2-ss-text.n2-ow {
	    font-size: 30px !important;
	}

	.header-top-bar {
	    align-items: center;
	}

	.main-navigation.toggled .main-nav ul ul.toggled-on li a {
	    background-color: #fff !important;
	}


	/* homepage */

	.homepage-intro-blocks {
		flex-wrap: wrap;
	}
		.homepage-intro-blocks > .vc_col-sm-4 {
			width: 50%;
		}
		.homepage-intro-blocks > .vc_col-sm-4:first-child {
			width: 100%;
			margin-bottom: 30px;
		}
		body .homepage-ingang-holder {
		    width: 100%;
		}


	body .recente-projecten-holder .vc_col-sm-4 {
		width: 50%;
	}

	.vc_gitem-post-data-source-post_excerpt p {
		display: -webkit-box;
		 -webkit-box-orient: vertical;
		 -webkit-line-clamp: 2;
		 overflow: hidden;
	}

	body .recente-projecten-holder .info-post-holder .vc_gitem-post-data-source-post_title h3 {
	    font-size: 23px !important;
	}


	body .homepage-boten-holder .vc_col-sm-4 {
		width: 100%;
	}

		body .homepage-boten-holder .vc_col-sm-4:not(:last-child) {
			margin-bottom: 40px;
		}


	/* Footer */

	body .inside-footer-widgets>div:not(:last-child) {
	    margin-bottom: 0;
	}

	body .footer-widgets-container {
	    padding-top: 45px;
	}

	body .footer-first-holder > div:nth-child(2) img {
	    max-width: 200px;
	}

	body .footer-first-holder a {
	    font-size: 15px;
	    padding-top: 0;
	}

	body .footer-widget-2 > aside > div > ul {
	    justify-content: center;
	    flex-wrap: wrap;
	}
		body .footer-widget-2 > aside > div > ul li {
			width: 25%;
			text-align: center;
		}


	/* nieuws detailpagina */


	body .is-right-sidebar, body .site-content .content-area {
	    width: 100%;
	}

	body.single.single-post .site-content {
		flex-wrap: wrap;
	}

	body.single.single-post .widget-area .widget {
	    padding: 10px 20px 10px 20px;
	}

	body.single.single-post .is-right-sidebar {
	    padding-left: 25px;
	}
}




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

	body .menu-toggle {
	    font-size: 23px;
	}

	body .site-logo img {
	    max-width: 200px;
	}

	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    	padding-top: 0px !important;
    	padding-bottom: 0px !important;
    	padding-left: 30px !important;
    	padding-right: 30px !important;
	}


	.inside-top-bar, .inside-header {
	    padding-right: 20px !important;
	    padding-left: 20px !important;
	}

	body .top-bar .header-top-bar > div:last-child {
		display: none !important;
	}

	body .top-bar .header-top-bar > div {
	    width: 100% !important;
	}

	.top-bar a {
	    display: inline-block;
	}

	body .highlight-btn a {
	    display: inline-block;
	    margin-top: 20px;
	}

	body.nav-float-right #site-navigation {
	    margin-left: 0 !important;
	}

	.n2-ss-text.n2-ow {
	    font-size: 24px !important;
	}

	.main-navigation.toggled .main-nav ul ul.toggled-on li a {
	    background-color: #fff !important;
	}

	.n2-ss-slide {
	    min-height: 300px;
	}

	.n2-ss-item-content p {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* homepage */

	.homepage-intro-blocks {
		flex-wrap: wrap;
	}
		.homepage-intro-blocks > .vc_col-sm-4 {
			width: 100%;
		}
		.homepage-intro-blocks > .vc_col-sm-4:first-child {
			width: 100%;
			margin-bottom: 30px;
		}
		body .homepage-ingang-holder {
		    width: 100%;
		}


	body .homepage-boten-holder .vc_col-sm-4 {
		margin-bottom: 40px;
	}

	body .homepage-boten-holder h3 {
	    font-size: 28px;
	}


	body .recente-projecten-holder .info-post-holder .vc_gitem-post-data-source-post_title h3 {
	    font-size: 21px !important;
	}

	body .more-padding-boats > div {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}


	.homepage-footer-entry {
		flex-wrap: wrap;
	}
		.homepage-footer-entry .vc_col-sm-6.vc_col-has-fill {
		    order: -1;
		    min-height: 200px;
		}


	/* footer */

	.footer-first-holder {
		flex-wrap: wrap;
	}
		body .footer-first-holder > div {
		    width: 100%;
		    text-align: center;
		}

		body .footer-first-holder > div:first-child a {
			margin-left: -7px;
		}

		body .footer-first-holder > div:last-child {
		    text-align: center;
		}
			body .footer-first-holder > div:last-child a {
				display: flex;
				align-items: center;
				justify-content: center;
			}
				body .footer-first-holder > div:last-child a i {
					order:-1;
					margin-right: 5px;
				}


		body .footer-first-holder > div:not(:last-child) {
			margin-bottom: 20px;
		}

	.inside-footer-widgets>div:not(:last-child) {
	    margin-bottom: 0px !important;
	}

	body .footer-first-holder > div:nth-child(2) img {
	    max-width: 200px;
	}

	body .footer-first-holder a {
	    font-size: 15px;
	    padding-top: 0;
	}

	body .footer-widget-2 > aside > div > ul {
	    justify-content: center;
	    flex-wrap: wrap;
	}
		body .footer-widget-2 > aside > div > ul li {
			width: 50%;
			text-align: center;
		}



	/* general subpages */

	body span.smaller-head-one {
	    font-size: 20px;
	}

	body .two-blocks-holder-inner {
	    flex-wrap: wrap;
	    padding-top: 50px;
	}

		.two-blocks-holder-inner .vc_col-sm-6.vc_col-has-fill {
			order:-1;
			min-height: 200px;
		}
			.two-blocks-holder-inner .vc_col-sm-6.vc_col-has-fill > div {
				min-height: 200px;
			}

		body .two-blocks-holder-inner > .vc_col-sm-6:not(.vc_col-has-fill) {
		    padding-top: 40px;
		    padding-bottom: 0px;
		    padding-right: 0px !important;
		    padding-left: 0px !important;
		}



	/* news */

	body .featured-image.grid-container.grid-parent {
	    min-height: 400px;
	    height: 400px;
	}

	body .widget-area .widget {
	    padding: 10px 20px 10px 20px !important;
	}

	body.single.single-post .is-right-sidebar {
	    padding-left: 30px !important;
	}



}