/* MAIN STYLES
 *************************************************************************************************/
.button, .button.ghost, .om-field, .form-wrap input, .form-wrap textarea { border-radius: 4px; }
.ghost.button:not(:hover) { border-color: #fff; color: #fff; }


/* HEADER TOP
 *************************************************************************************************/
#header-wrap { border-bottom: 4px solid #39475f; position: relative; }
#header-top { position: static; }

#nav-top { left: 50%; position: absolute; text-align: right; top: 0; width: 570px; z-index: 100; }
#nav-top ul { display: inline-block; vertical-align: top; }
#nav-top a { background-color: #39475f; color: #fff !important;}
#nav-top a:hover { background-color: #93a6b6 !important; color: #fff !important; }


/* HEADER
 *************************************************************************************************/
.logosvg { fill: #3b485f; }


#nav-main { font-size: 1.1em; font-weight: 400; padding-top: 40px; text-align: center; width: 70%; }
#nav-main > ul > li > a { margin-right: 1em; }
#nav-main > ul > li.nav-home.current-menu-item > a,
#nav-main > ul > li.current-menu-item > a,
#nav-main > ul > li.current-menu-ancestor > a,
#nav-main > ul > li.current-menu-parent > a { border-bottom: 1px solid #39475f; }


/* MASONRY
 *************************************************************************************************/
.masonry .hover,
.masonry .content { display: none !important; }


/* CTA
 *************************************************************************************************/
.cta-wrap.slogan { text-align: center; }


/* CONTENT 
 *************************************************************************************************/
 .content-wrap { padding: 1.4em 1.4em; }
 .content-wrap .content > p { text-align: justify; }


/* CTA Laat u begeleiden en Routebeschrijving
 *************************************************************************************************/
.get-directions-wrap,
.cta-wrap.slogan { background-color: #39475f; border-bottom: 4px solid #93a6b6; color: #fff; font-size: 1.1em; }
.cta-wrap.slogan .button { margin-left: 1.3em; }
.cta-wrap.slogan .content { padding-bottom: 1.5%; padding-top: 1.5%; }


/* CTA Telefoon
 *************************************************************************************************/
.cta-wrap.telefoon { background-color: #dadbdc; color: #39475f; font-size: 1.5em; font-weight: 400; text-align: center; }
.cta-wrap.telefoon a { color: inherit !important; text-decoration: none; }
.cta-wrap.telefoon a:hover { color: #93a6b6 !important; }


/* EXCERPT 
 *************************************************************************************************/
.excerpt-wrap { font-size: 1.4em; padding: 1.4em 1.4em; text-align: center; }


 /* FOOTER 
 *************************************************************************************************/
.logofooter { fill: #fff; }
.widget a { text-decoration: none; }

.widget h3 { display: none; }

.om-widget-svg { text-align: center; }
.om-widget-svg figure { padding-top: 7.5%; }
.om-widget-svg svg { max-width: 230px; }

.om-widget-hcard h2 { display: none; }

.widget_nav_menu > div { padding: 5%; }
.widget_nav_menu ul { list-style: square; }

.widget_text { text-align: justify; }

.vcard p + p:not(.tel-alt):not(.email-wrap) { margin-top: 0.5em; }


/* ROUWBERICHTEN ARCHIEF 
 *************************************************************************************************/
.rouwberichten-archive > article { background: #fff; box-shadow: 0 0 5px rgba(57,71,95,0.25); float: left; margin-bottom: 1.5em; width: 48%; }
.rouwberichten-archive > article:nth-child(2n) { margin-left: 4%; }
.rouwberichten-archive > article:nth-child(2n+1) { clear: left; }

.rouwberichten-archive a { color: #666 !important; text-decoration: none; }
.rouwberichten-archive span { display: inline-block; margin: 0 0.33em; }

.rouwberichten-archive article { padding: 10px; }
.rouwberichten-archive article > a { display: block; text-decoration: none; }
.rouwberichten-archive article:not(.has-attachment) > a:hover { color: inherit !important; cursor: default !important; }
.rouwberichten-archive article.has-attachment > a:hover p:not(.datums) { text-decoration: underline; }

.rouwberichten-archive .entry-content { min-height: 175px; padding: 50px 5px 20px; text-align: center; }
.rouwberichten-archive .entry-content > * + * { margin-top: 0.5em; }

.rouwberichten-archive .has-image .entry-content { float: left; width: 70%; }

.rouwberichten-archive .has-image { padding-bottom: 0; }
.rouwberichten-archive .has-image figure { float: right; font-size: 0; line-height: 0; padding: 0 0 10px; text-align: right; width: 27.5%; }
.rouwberichten-archive .has-image figure img { height: auto; max-height: 175px; max-width: 140px; }
.rouwberichten-archive .has-image figure figcaption { display: none; }


.rouwberichten-archive > article > aside { border-top: 1px solid rgba(57,71,95,0.15); font-size: 0.889em; padding: 5px 15px; text-align: center; }
.rouwberichten-archive > article > aside a:hover { text-decoration: underline; }


.pagination { clear: both; }


/* MEDIA QUERIES 
*************************************************************************************************/
@media only screen and ( min-width: 1000px ) {
	#header .content { padding-top: 20px; }
	
	.masonry .block-7.block-item-0 a,
	.masonry .block-7.block-item-3 a { padding-bottom: 45%; }
	.masonry .block-7.block-item-1 a,
	.masonry .block-7.block-item-2 a { padding-bottom: 90%; }
	.masonry .block-7.block-item-3 { margin-top: -15%; }
}
@media only screen and ( min-width: 768px ) {
	#logo { margin-left: 2.5%; }
	
	.menu-top-options a { height: 32px; padding-left: 0.556em !important; width: 32px; }
	.menu-top-options span { display: none; }
	#nav-top.text-icons .menu-top-options svg { left: 50%;
		-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	}
}

@media only screen and ( max-width: 1200px ) {
	#nav-top { left: auto; right: 2.5%; width: auto; }
}
@media only screen and ( max-width: 1000px ) {
	#nav-top { border-bottom: 1px solid #3b485f; position: relative; right: auto; text-align: center; width: 100%; }
}
@media only screen and ( max-width: 768px ) {
	#nav-top a { padding: 6px; }
	
	.cta-wrap.slogan .button { display: block; margin: 0.75em auto 0.25em; min-width: 180px; width: 40%; }
	
	.rouwberichten-archive > article { float: none; margin-bottom: 1em; margin-left: 0 !important; width: 100%; }
	.rouwberichten-archive .entry-content { min-height: 0; padding: 40px 5px 20px; }
}
@media only screen and ( max-width: 640px ) {
	#footer-widget-area .widget { margin-top: 0 !important; }
	
	.widget_nav_menu { text-align: center; }
	.widget_nav_menu li { display: inline; }
	.widget_nav_menu li:not(:last-child):after { content: '-'; padding: 0 0.5em; }
}
@media only screen and ( max-width: 480px ) {
	#logo { max-width: 50% !important; }
	
	.rouwberichten-archive .datums > span { display: block; font-size: 0; line-height: 0; width: 100%; }
}