
@media only screen and (max-height: 660px) and (min-width: 981px) {
	/* aanpassingen voor desktop met schermen die niet hoog genoeg zijn voor de ticker */
	body#body #page-container #et-boc .home-ticker-row .et_pb_text .et_pb_text_inner{
		font-size: 110px;
		line-height: 168px;
		letter-spacing: -5px;
	}
	body#body #page-container #et-boc .home-ticker-row .et_pb_text .et_pb_text_inner .animated-typing{
		white-space: normal;
	}	
}
@media only screen and (max-width: 980px) {
	#body.et_divi_theme{
		font-size: 18.05px;
		line-height: 1.109289;
		letter-spacing: -0.45px;		
	}	

	#page-container #et-boc .et_pb_section{
		width:100%  !important;
		max-width:100%  !important;
		padding: 0px 0px 0px !important;
		margin: 0px !important;
	}	

	#page-container #et-boc .et_pb_row{
		width:100%  !important;
		max-width:100%  !important;
		padding: 20px !important;
		margin: 0px !important;
	}

	#page-container #et-boc #main-content .et_pb_row.has-row-title {
		padding-top: 78px !important;
	}
	body#body #page-container #main-content .has-row-title .et_pb_column:first-child .et_pb_module:first-child { 
		top: 20px;
 	}
	#page-container #main-content .has-row-title .et_pb_column:first-child .et_pb_module:first-child h2, #page-container #main-content .has-moved-row-title > .row-title h2{
		padding-left: 20px;
		padding-right: 20px;
	}
	#page-container .sdg-grid{
		max-width: 100%;
	}	

	#page-container .sdg-grid .et_pb_grid_item{	
		width: 50%;
		margin: 0px;	
	}

	#page-container #main-content .has-row-title.sdg-grid .et_pb_column:first-child .et_pb_module:first-child .et_pb_text_inner,
	#page-container #main-content .has-moved-row-title > .row-title .et_pb_text_inner {
		max-width: 1260px;
	}
	#page-container #main-content .aandeslag-grid{
		max-width: 95.625%;
		margin-left: auto;
		margin-right: auto;
	}

	#page-container #main-content .aandeslag-grid .et_pb_column{
		width: calc(50% - 23px);
		margin-right: 23px;
	}

	/** Note: all desktop offset-video settings were nullified in mobile view by putting them inside a min-width media-query */
	#page-container .et_pb_section.offset-video .et_pb_module.et_pb_video {
		margin: 20px -20px -20px -20px;
	}

	#page-container  #et-boc .et_pb_text_inner{
		width:100%  !important;
		max-width:100%  !important;
		padding: 0px !important;
		margin: 0px !important;	
	}
	#page-container #et-boc .featured-image-title-and-intro .et_pb_column .et_pb_title_container h1{
			font-size: 28px !important;
			line-height: 1.1 !important;
	}
	#page-container #et-boc .featured-image-title-and-intro .et_pb_column .et_pb_title_container{
		padding: 0px 0px !important;
		margin: 20px 0px 0px !important;
	}
	h2, #page-container #et-boc h2{
		font-size: 28px !important;
		line-height: 1.1 !important;
		margin: 0px 0px !important;
		padding-bottom: 10px !important;
	}
	h3, #page-container #et-boc h3{
		font-size: 24px !important;
		line-height: 28px !important;
		margin: 0px 0px;
		padding-bottom: 10px;
	}
	body.single-sdg #page-container .intro-text .et_pb_text_inner{
		font-size: 24px !important;
		line-height: 28px !important;	
	}	
	/* header */
	#main-header, 
	.et_menu_container, 
	.logo_container a{
		height: 80px !important;
	}
	#main-header .hamburger_menu_container{
		margin-left: 10px !important;
		width: auto !important;
	}
	#main-header .logo_container{
		margin-left: 10px !important;
	}
	#main-header .logo_container a::after{
		font-size: 8vw !important;
		line-height: 8vw !important;
	}
	#mega-menu-wrap-hamburger_menu .mega-menu-toggle + #mega-menu-hamburger_menu{
		top: 80px !important;
		width: 100% !important;
		max-width: 100%  !important;	
		min-height: calc(100vh - 80px) !important;
		left: -100%;
		box-sizing: border-box;
	}	
	#mega-menu-wrap-hamburger_menu .mega-menu-toggle.mega-menu-open::after {
		width: 0px;
	}
	#main-header #mega-menu-wrap-hamburger_menu .mega-menu-toggle .mega-toggle-animated::after {
		display: none !important;
	}
	#main-header #et-top-navigation{
		display: none !important;
	}
	#breadcrumbs{
		display:none !important;
	}
	#breadcrumbs + *{
		border-top: none !important;
	}
	/* home */
	body#body .frontpage-topscreen,
	.home #page-container #et-boc .frontpage-topscreen-overlay{
		height: 55vw;
		min-height: 55vw;
	}
	body#body #page-container #et-boc .home-ticker-row .et_pb_text .et_pb_text_inner {
		font-size: 12vw  !important;
		line-height: 1.1  !important;
		letter-spacing: -0.5vw !important;
	}	
	/* home ticker button */
	body#body .frontpage-topscreen #home-button-row{
		bottom: 20px;
	}
	body#body .frontpage-topscreen #home-button-row .et_pb_column{
		padding: 0px 20px;
	}	
.home #page-container #et-boc .et_pb_slider_container_inner{
	min-height: auto  !important;
}
.home #page-container #et-boc .et_pb_slide .et_pb_slide_image, .home #page-container #et-boc .et_pb_slide .et_pb_slide_image img{
	width: 100% !important;
	height: auto !important;
}
.home #page-container #et-boc .et_pb_slide .et_pb_slide_description{
	margin-bottom: 70px  !important;
	max-height: auto;
}
	#page-container .sdg-list{
		margin: 0px !important;
		width: 100% !important;
	grid-template-columns: 50% 50% !important;		
	}
	#page-container .sdg-list > .sdg:hover .excerpt-container {
		width: 100%;
		height: 100%;
		animation: none;
	}
	#page-container .sdg-list > .sdg:hover .excerpt-container > span {
		opacity: 0;
		animation: none;
	}	
	.home #page-container #et-boc .et_pb_slide .et_pb_slide_title, .home #page-container #et-boc .et_pb_slide .et_pb_slide_content{
		font-size: 24px !important;
		line-height: 28px !important;
	}
	.home #page-container #et-boc .et_pb_slider .et-pb-slider-arrows{
		bottom: 0px !important;
	}
	#page-container #main-content .aandeslag-grid .et_pb_column{
		width: calc(50% - 20px) !important;
		margin-right: 20px !important;
		margin-top: 0px !important;
	}
	#page-container #main-content .aandeslag-grid .et_pb_column:nth-child(even){
		margin-right: 0 !important;
	}
	#page-container #main-content .aandeslag-grid .et_pb_blurb{
		margin-top: 20px !important;
		margin-bottom: 0px !important;
	}
	.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{
		width: auto !important;
	}	
	#page-container .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline,
	#page-container .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline.um-member-tagline-user_registered{
		display: none  !important;
	}	
	#page-container #main-content .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header{
		width: 100% !important;
	}	
	#page-container #et-boc .news-row .et_pb_ajax_pagination_container{
		grid-template-columns: 1fr 1fr  !important;
		column-gap: 20px  !important;
	}
	#page-container #et-boc .news-row .et_pb_blog_0 img{
		height: auto !important;
	}
	#page-container #et-boc .news-row .et_pb_blog_0 h2.entry-title{
		max-height: none !important;
		font-size: 24px !important;
    -ms-word-break: break-all;
    word-break: break-all;
 /* Non standard for webkit */
     word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;		
	}	
	.frontpage-topscreen {
		position: relative;
		min-height: auto;
	}
	.frontpage-header-wrapper,
	body.home .et_pb_section_0 {
		height: auto;
		min-height: auto;
	}
	.animated-typing-container { 
		position: relative;
		min-height: 10px;
	}
	.animated-typing-container::before { 
		content: attr(data-original-text);
		white-space: pre-line;
		opacity: 0.0;
	}
	.animated-typing-container .animated-typing {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.frontpage-header-wrapper #main-header {
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 5;
	}
	.frontpage-header-wrapper + * {
		border-top: 80px solid transparent;
	}

	.home #page-container #et-boc .et_pb_row.news-row{
		padding-bottom: 0px !important;;
	}
	.home #page-container #et-boc .et_pb_row.news-row .et_pb_post{
		margin-bottom: 20px;
	}
	.home #page-container #et-boc .et_pb_row.instagram-row{
		padding-top: 0px !important;;
	}
	.home #page-container #et-boc .instagram-row .esf_insta_feed_wraper.esf-insta-skin-44640 .esf-insta-grid-skin .esf-insta-row.e-outer{
		grid-template-columns: 1fr 1fr  !important;		
	}
	#page-container #et-boc .footer-section-3 .et_pb_row .et_pb_column{
		border: none !important;
		margin-bottom: 20px;
	}	
	#page-container #et-boc .footer-section-3 .et_pb_row .et_pb_column ul.menu li{
		margin-bottom: 10px !important;
	}	
	#page-container #et-boc .footer-section-2 .et_pb_row h2{
		line-height: 1.1 !important;
	}
	/* Mailchimp */
	#mc_embed_signup .mc-field-group{
		display: block;
	}
	#mc_embed_signup .mc-field-group > div{
		margin-bottom: 10px;
	}	
	#mc_embed_signup #mce-EMAIL{
		max-width: 100%;
	}
	#mc_embed_signup div#mce-responses{
		margin: -35px 0px 0px !important
	}	
	#page-container #et-boc .footer-section-3 .et_pb_row .et_pb_column h3{
		margin: 0px !important;
	}
	
	/* doe mee paginas */
	.page-id-44390 #page-container #main-content .image-and-text-row h2{
		margin-top: 0px;
	}	
	#subnav-container{
		display: none !important;
	}
	#content-area #page-with-subnav-area{
		width: 100% !important;
	}
	#page-container #et-boc .image-and-text-row .et_pb_column:nth-child(1){
		padding: 0px !important;	
		width: 100% !important;
	}	
	#page-container #et-boc .image-and-text-row .et_pb_column:nth-child(2){
		padding: 20px 0px 0px !important;
		width: 100% !important;
	}

	/* events */
	#body .tribe-events,
	#body .tribe-common .tribe-common-b2, 
	#body .tribe-events-cal-links,
	#body .tribe-events-event-meta,
	#body .tribe-events-single .tribe-events-sub-nav,
	#body .tribe-events-content,
	#body .tribe-events-content ol, #body .tribe-events-content p, #body .tribe-events-content ul{
			font-size: 18.05px !important;
			line-height: 1.109289 !important;
			letter-spacing: -0.45px !important;	
	}	
	#et-main-area .tribe-events-l-container, .tribe_events-template-default.single-tribe_events #et-main-area .tribe-events-pg-template{
		padding-top: 0px !important;
	}	
	#et-main-area .tribe-events-before-html h1{
		margin-bottom: 20px;
	}	
	#et-main-area .tribe-events-l-container .tribe-events-before-html, #et-main-area .tribe-events-l-container .tribe-events-header, #et-main-area .tribe-events-l-container .tribe-events-calendar-list, #et-main-area .tribe-events-l-container .tribe-events-calendar-list-nav, .tribe_events-template-default.single-tribe_events #et-main-area .tribe-events-pg-template #tribe-events-content{
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 20px !important;
	}
	.tribe-events .tribe-events-calendar-list__event-date-tag{
		width: 93px !important;
	}
	.tribe-events .tribe-events-calendar-list__event-wrapper{
		width: auto;
		padding-left: 20px !important;
	}
	 #page-container #et-boc .tribe-events-calendar-list__event-header h3{
		font-size: 20px !important;
		line-height: 24px !important;
	}
	#et-main-area .tribe-events-calendar-list__event-header{
		width: 100% !important;
	}
	#et-main-area .tribe-events-calendar-list__event-venue{
		display: none !important;
	}
	#page-container #et-boc .aandeslag-grid .et_pb_column{
		width: 100% !important;
		margin-right: 0px !important;
		min-height: auto !important;
	}
	
	#page-container #et-boc  .aandeslag-grid .et_pb_blurb_container{
		min-height: auto !important;
	}
	/* faq toggles */
	#page-container #et-boc .faq-toggle-row .et_pb_toggle .et_pb_toggle_title{
		padding-right: 30px !important;
		box-sizing: border-box !important;
	}
	#page-container #et-boc .faq-toggle-row .et_pb_toggle .et_pb_toggle_title::before{
		right: 10px;
	}	
	/* alliantie coordinatoren */
	
	#page-container #main-content .gallery-no-margin .et_pb_gallery_item.et_pb_grid_item:nth-child(odd){
		clear: none;
	}
	/* 17 doelen */
	#page-container #et-boc .big-header-section .big-header-row .et_pb_text .et_pb_text_inner{
		font-size: 10vw  !important;
		line-height: 1.1  !important;
		letter-spacing: -0.46402vw !important;
	}
	/* sdg detail */
	#main-header + *{
		border-top: 80px solid transparent !important;
	}	
	body.single-sdg #page-container .et_pb_post_title {
		min-height: auto;
		padding-bottom: 20px;
	}
	body.single-sdg #page-container #main-content .et_pb_row_0{
		padding: 0px !important;
	}	
	body.single-sdg #page-container #main-content .sdg-menu{
		top: 80px !important;
		width: 377.778vw  !important;
	}
	#page-container #main-content .sdg-menu.scrolling .scroll-left, #page-container #main-content .sdg-menu.scrolling .scroll-right{
		display: none  !important;
	}	
	#page-container #et-boc #sdg-header .entry-title{
		font-size: 10vw !important;
		line-height: 1.1 !important;	
	}
	#page-container #main-content #sdg-header .et_pb_column{
		padding: 49px 20px !important;
		margin-bottom: 50px !important;
	}
	#page-container #main-content #sdg-header .et_pb_image_wrap{
		margin-top: 0px !important;
	}		
	#page-container #main-content #sdg-header .et_pb_image_wrap img{
		margin-top: -40% !important;	
	}	
	#page-container #et-boc .et_pb_row.large-toggle-row{
		padding: 0px !important;
	}	
	#page-container #et-boc .et_pb_toggle .et_pb_toggle_title{
		padding: 22px 50px 22px 20px !important;
		font-size: 28px !important;			
	}	
	#page-container #et-boc .et_pb_toggle_title::before{
		right: 25px  !important;
	}
	/* over ons */
	#page-container #et-boc .et_pb_row.wie-we-zijn-row{
		display: block !important;
	}	
	#page-container #et-boc .et_pb_row.wie-we-zijn-row .et_pb_column{
		width: 100% !important;
	}	
	#page-container #et-boc .et_pb_row.wie-we-zijn-row .et_pb_column .et_pb_blurb:last-child{
		margin-bottom: 24px !important;
	}	
	/* community */
	.home #page-container #et-boc .organisatie-lijst-row .organisatie-lijst-intro{
		padding-bottom: 20px !important;
	}	
	#page-container .um-directory .um-members-wrapper .um-members.um-members-list{
		grid-gap: 0px !important;
	}	
	#um-facet-search-form{
		display: block !important;
	}
	#um-facet-search-form .um-facet-search-row{
		margin-bottom: 5px;
	}
	#um-facet-search-form .um-facet-search-row:last-child{
		margin-bottom: 0px;
	}	
	#um-facet-search-form .um-facet-search-row select, #um-facet-search-form .um-facet-search-row input[type="text"]{
		width: 100% !important;
		max-width: 100% !important;
	}	
	#um-facet-search-form .um-facet-search-row span{
		display: none !important;
	}
	.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo{
		width: auto !important;
	}	
	/* search pagina */
	.search #page-container #et-boc #left-area article h2.entry-title,	
	.search #page-container #et-boc #left-area article p:not(.post-meta){
		grid-column-end: span 2;
	}
	.search #page-container #et-boc #left-area article h2.entry-title{
		font-size: 20px !important;
		line-height: 16px !important;
	}
	.search #page-container #et-boc #left-area article p.post-meta{
		display: none !important;
	}	
	/* nieuwsbericht detailweergave */
	/*
	.single-post #page-container #et-boc #left-area .entry-title,
	.single-post #page-container #et-boc #left-area .post-meta{
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}	*/
	.single-post #main-content .container{
		margin-top: 30px  !important;
	}	
	.single-post #main-content .container #content-area{
		margin-top: 0px !important;

	}
	.single-post #main-content .container #content-area h1{
		margin-bottom: 20px !important;
	}	
	.single-post #page-container #et-boc #left-area .et_post_meta_wrapper {
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-bottom: 0px !important;
	}
	.single-post #page-container #et-boc #left-area .et_post_meta_wrapper h1{
		margin-bottom: 0px !important;
	}	
	.single:not(.et_pb_pagebuilder_layout) .entry-content{
		padding-left: 20px;
		padding-right: 20px;
	}
	.single	.entry-title{
		font-size: 30px;
	}
}

@media only screen and (max-width: 418px) {
	#page-container #main-content #sdg-header .et_pb_image_wrap::after{
		border-left-width: calc(0.443 * (100vw - 80px));
		border-right-width: calc(0.443 * (100vw - 80px));
		border-top-width: calc(0.443 * (100vw - 80px));
	}
}

@media only screen and (max-width: 1440px){
/* in divi zit een bug die breedte op 100% zet, geen rekening houdend met scrollbar, onderstaande zorgt dat dit niet voor een horizontale scrollbar zorgt */	
	#page-container { 
		overflow-x:hidden; 
	}
} 
