/*
 Theme Name:   Velozine III, grandson of Velozine & Vantage
 Theme URI:    blah
 Description:  Evolution of VZ2.0 and Vantage
 Author:       Eric Wictor
 Author URI:   blah
 Template:     vantage
 Version:      3.2.6
 License:      (c) Velozine / ELW
 License URI:  nope
 Text Domain:  vantage-child
*/
@import url("./banner_bkgnd.css");

/* fix for searchbox tag checks width */

/*======= Site complete body ========*/
body.layout-full 				{	background-color: #ffffff!important;}
body 							{	overflow-x: hidden;
									background: #ffffff!important;}
#page-wrapper 					{	background-color: #ffffff!important;}
@media (min-width: 750px)		{	#page-wrapper	{background-color: #eee;}}
#primary						{	margin-bottom: -45px !important; /* was -10px */ 
                                    width: auto!important;}
#fs_div							{	height: 15px;}
 
body.responsive.layout-full     {   max-width: none!important;}
.full-container {   max-width: calc(17.83vw + 780px) !important;} /* was 1080 px *

/*======== Top VZ image above header + Logo ========*/
#topimage  						{ 	height:150px!important;
										background-repeat: no-repeat; 
									background-position: right center;
									position: relative !important;
									white-space: nowrap;
									text-align: center;
									background-color: rgba(0, 0, 0, 0); /* #ffffff */
									margin-bottom: -53px;
									z-index:auto;}
#topimage .helper,
#topimage .socialhelper  		{	display: inline-block;
									height: 67%!important;
									vertical-align: middle;}

#topimage img 					{ 	vertical-align: middle; max-width: 100vw;}
#logoimage 						{	position:absolute;
  									left: 35px!important;}

@media (max-width: 749px) 		{	#logoimage {	display: none;}
									#topimage, #topimage a { 	vertical-align: middle;}}
@media (max-width: 480px) 		{	#topimage img 	{	width:90%;}}
@media (max-width: 480px) 		{	#topimage 		{	margin-bottom: -28px!important;
														height: 100px!important;}}
header#masthead.site-header 	{	background-color: #ffffff;}

/*======== Menu ========*/
/*------ General -------*/
.sub-menu						{	margin-left: 0px!important;}
.sf-menu a, .sf-menu a:visited 	{ 	color: #ffffff;}
.main-navigation 				{ 	background: #FFFFFF;
  									font-size: 16px;}
.main-navigation a 				{	color:  #000000;
									display: block;
									text-decoration: none;
									font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif!important;
									font-size: 16px!important; /* waas 15 px */
									font-weight: 500!important;
									font-style: normal!important;
  									padding-left: 25px!important; padding-right: 25px!important;}
								
.main-navigation ul 			{	text-align: left;}
.main-navigation ul li 			{ 	display: inline-block;
									float: none;
									text-shadow: #ffffff 1px 1px 5px, #ffffff -1px 1px 5px, #ffffff 1px -1px 5px, #ffffff 1px 1px 5px;
								}

.main-navigation ul li:hover > a 	{	color: #00bcff; background: #ffffff;}
.main-navigation ul ul li:hover > a {	color: #00bcff; background: #ffffff;}
.main-navigation ul ul li 			{	color: #00bcff; background: #ffffff; padding: 8px;}
.main-navigation ul ul li a			{	font-size: 15px!important; font-weight: 400;} /* was 12 px */
.main-navigation ul li a			{	padding: 10px 35px;}

body.has-menu-search .main-navigation ul { margin-left: 59px;} /* New 2019-10-01 */

.menu-top-menu-sticky floating-container 	{	left:75px;
  												position: relative;}

#search-icon #search-icon-icon 		{ 	background-color: #ffffff;}
#search-icon #search-icon-icon .vantage-icon-search	{	color:  #000000;}
#search-icon .searchform 				{ 	background: #8f8f8f; width: 50vw!important;
											position: relative;
											top: 0px;
										}
#search-icon .searchform input[name=s] 	{	color: #ffffff;  font-size: 17px; font-weight:400;}
#search-icon #search-icon-icon.vantage-icon-search:hover	{	color: #00bcff; background: #ffffff;}
#search-icon #search-icon-icon:hover 	{	background-color: #ffffff;}
#search-icon #search-icon-icon:hover .vantage-icon-search	{	color: #00bcff;}

/*----- Tweaks for mobile -----*/
#post-menu-bar.column-header-bar	{	margin-top: 0px!important;}

#menu-item-19802 { visibility: hidden!important;}

/*-------- Menu social icons --------*/
#social-icons 					{ 	position: absolute;
									top: 0px;
									height: 100%;
									width: 130px;
  									right: 0px;}

#social-icons-header			{	float:right;}
#social-icons a					{	padding: 0!important;}
#social-icons-header img,
#social-icons img 				{	width: 23px;
									height: 23px;
									float: left;
									margin: 5px 10px 0px 10px;
									background-color: #000000;}
#social-icons-header img:hover,
#social-icons img:hover 		{	background-color: #00bcff;}
#search-icon					{	left: 0px;
									width: 59px;}

@media (max-width: 480px)	{ body.has-menu-search .main-navigation ul { margin-left: 0px;}}

/*======== Bannerspace ========*/
/* article top banners */
body:not(.home) #main .bannerspace {width:calc(100vw - 15px); margin-left: -15px; margin-top: 15px;}  /* miss  dubbelop?*/
body .home #main .bannerspace {width:100vw; margin-left: -30px; margin-top: 15px;}

.wide-banner-image { margin-top: 15px; padding-top: 15px!important; padding-bottom: 15px!important;margin-left: -15px; margin-right: -15px;}

.double-wide-banner-image {margin-top: 15px; padding-top: 15px; margin-left: -15px; margin-right: -15px;}

.bannerspacer {height: 15px !important;}

.wide-banner-image img 	{ 	display: block;
							max-width: 900px;
                              margin-left: auto;
                              margin-right: auto;}

.double-wide-banner-image img 	{ 	display: block;
									width: 525px;
									margin-left: auto;
									margin-right: auto;}
@media (min-width: 900px) {.double-wide-banner-image img {max-width: calc(50vw - 30px);
								padding-right: 15px;}
							.double-wide-banner-image {padding-bottom: 15px;}}

@media (max-width: 899px) {.double-wide-banner-image img {	padding-right: 0px;
															max-width: calc(100vw - 30px);
															padding-bottom: 15px;}
							.double-wide-banner-image {padding-bottom: 15px;}}

.double-wide-banner-image {		flex-wrap: wrap;
								flex-direction: row;
								align-content: center;
								display: flex;
								justify-content: center;
								}

@media (max-width: 899px) {.wide-banner-image img 	{ width: 100vw;}}

.wide-banner-image, .double-wide-banner-image, .bannerspace {background-color: #ffffff;
																width: auto;} 
/* VARNING FOR KLAMRISK! The SVG for the banner background is in an external css (banner_bkgnd.css) */

div.bannerspace
{   display: flex;
												margin-right: auto;
												justify-content: space-around;
												margin-left: auto;
												padding-left: 15px;}

div.bannerspace {  padding-top: 15px !important;
												padding-bottom: 0px !important;
												}


.banner-image { padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1!important;}
.banner-image img {
    /* flex settings can be basically anything */
    flex: 1 0 auto;
    height: auto;
	width:100%;
	box-sizing: border-box;

}

.single-page-spacer {margin-bottom: 60px;} /* Fixes 404 page */

@media (max-width: 1000px) { .post_lower_bannerspace .bannerspace, .post_lower_bannerspace .wide-banner-image	{	width: 100vw; margin-left: -15px;}}
@media (min-width: 1001px) { .post_lower_bannerspace .bannerspace, .post_lower_bannerspace .wide-banner-image	{ width: 100vw; margin-left: calc(-41.085vw + 390px) !important;}}

@media (max-width: 480px) { #inner_bannerspace_top, #inner_bannerspace_var { flex-wrap: wrap;}}
	.banner-image img {max-width: calc(50vw - 30px) !important;} /* Really! was -30px*/
	
@media (min-width: 750px) { .bannerspace_mob_footer {display: none !important;}}

@media (max-width: 749px) { .bannerspace #inner_bannerspace_var {display: none !important;}
							div.bannerspace_mob_footer #inner_bannerspace_top {display: none !important;}	}

@media (min-width: 1080px)  { .bannerspace, .bannerspace_mob_footer { justify-content: center; }}

@media (max-width: 1080px)  { .bannerspace, .bannerspace_mob_footer { display: flex;
                                                flex-wrap: wrap;
                                                justify-content: center;}}

body.responsive.layout-full #page-wrapper .sitewide-container { max-width: 1080px; }


/*=========== ALL CONTENT BELOW MENU/SLIDER ====================*/
/*-------- Regular posts + homepage --------*/
#masthead .hgroup:not(.masthead-sidebar)		{	display: none!important;} /* need to update for vantage 2023! */
.home #primary.content-area 	{	max-width: calc(17.83vw + 780px);
									margin-left: auto;
									margin-right: auto;
								}

#main.site-main	{	                    min-height: calc(100vh - 395px);
										background-color: #ffffff; 
                                        margin-top: -15px!important;
								        max-width: 100%;
										padding-top: 0px !important;
										margin-bottom: 0px !important;
										margin-left: auto;
										margin-right: auto;
										padding-left: 15px !important;
										padding-right: 15px !important;}

.entry-content {                    margin-top: 15px;}

/*-------- Fullscreen posts -------*/
.site-main-full					{	margin-top: 0px!important;
                                    margin-bottom: 0px!important;
                                    padding-top: 0px!important;
                                    padding-left: 15px!important;
                                    padding-right: 15px!important;
}

/*====== ARTICLE ITEMS =========*/
/*-------- Tables --------*/
tbody   {   font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
            font-size: 100%;
            font-style: normal;}
.entry-content table { font-size: 100%;}
@media (max-width: 749px)   {   #stdtable       {   display: none;}}
@media (min-width: 750px)   {   #narrowtable    {   display: none;}}

/*-------- Heading & menu styles -------*/
#page-title { margin-top: 45px!important; margin-bottom: 30px!important;}

.entry-content h3 {font-size: 20px;}

.entry-content h1, .entry-content h2,
.entry-content h3,
.entry-content h5,
.entry-content h6,
#page-title,
h3.widget-title			{	
  								color: #000000!important;
                                font-family: inherit;
								font-weight: 500!important;
								font-style: normal!important;
  								font-synthesis: style weight; 
							}
h3.widget-title				{	margin-bottom: -3px; text-align: right;}
h1							{ 	line-height: 28px;	}
h2                          {   margin-top: 10px; margin-bottom: 5px!important;}
h3							{	line-height: 26px;	}
.widget-title				{	margin-bottom: 0px!important;}

/*------ Links -----*/
.entry-content a {color: #248cc8; text-decoration:none!important; font-weight:600;};


/*======== Footer ========*/
footer#colophon.site-footer { 	padding: 0 !important; background-color: rgba(255, 255, 255, 0) !important; /*#ffffff!important;*/
								height: 150px;
							}
.layout-full #colophon 		{	padding: 0!important; height: 100px;}
.layout-full #colophon .widget_nav_menu .menu-item a { border: 0px;}
.layout-full #colophon 		{	background-repeat: no-repeat; 
								background-position: left center;
								position: relative !important;
  								overflow: visible;
								height: 150px;
								margin-top: 0px;/*-50px;*/
								background-color: rgba(240, 248, 255, 0) !important;
							}

#footer-widgets .widget.widget_nav_menu ul	{	text-align: center;	/*font-size: normal;*/}
#footer-widgets .widget.widget_nav_menu li 	{	text-shadow: black 0px -0px 3px, black 0px 0px 3px;
												font-weight: 400;
												display: inline-block;
												float: none;
											}

#footer-widgets .widget.widget_nav_menu ul li a		{	padding: 0 10px 0 10px !important;}

#footer-widgets .widget.widget_nav_menu li:last-of-type	{	margin-right: 0;}
#sow-social-media-buttons-9.widget.widget_sow-social-media-buttons 	{	width: 100%; margin: 7px 0 0 0;}
#nav_menu-3.widget.widget_nav_menu,
#nav_menu-4.widget.widget_nav_menu 			{	width:100%;
												position:absolute;
												top:65px;
											}
body.responsive #footer-widgets .widget, body.responsive #masthead-widgets .widget { width: 100%;}

#copyright				{		color: white;
								font-weight: 400;
								font-size: 14px;
								width:100%;
								text-align:center;
								position:absolute;
								top:90px;
							}

/*------ Mobile footer -------*/
@media (max-width: 749px) 	{	#siteattrib {display:none;}
								#siteattrib_mob		{	text-align: center;
													  	position: relative;
													  	top: 120px;
													  	width: 100vw!important;
							text-shadow: black 0px -0px 4px, black 0px 0px 4px;
														text-decoration:none;}
								#copyright {	top: 95px;}}

@media (max-width: 500px) 	{	#copyright {	margin-left: auto;
												margin-right: auto;}
                                #siteattrib_mob {   text-align: right;
                                            position: absolute;
                                            top: 120px;
                                           right:30px;}}

@media (min-width: 750px) 	{	#siteattrib_mob {	display:none;}}

/*======== Home page ========*/
/*-------- Slider ---------- */
@media (max-width: 749px) {
	.n2-ss-slider .n2-ow {font-size: 18px!important;}}
@media (max-width: 1199px) {
	/*.home .content-area {padding-top: 0px!important;}*/
	.home .wide-banner-image, .home .double-wide-banner-image,
	.home .entry-content {margin-top: 0px !important;}
}


@media (min-width: 1000px) { .sliderspace { 	max-width: 1803.75px; /* 1200 + ˜600 px images + 15 px */
												margin-left: auto;
												margin-right: auto;	}	}

@media (max-width: 999px) { .sliderspace { 	width: 100vw;
												margin-left: -15px; }	}

.sliderspace_column {display: flex;
  justify-content: flex-end;
	flex-direction: column;
margin-left: 15px !important;
padding-left: 15px !important;
width: calc(33.3333% - 12.5px);} /* height: calc(22.2222% - 8.3333px);*/

.inner_sliderspace_left {	width: calc(66.6667% - 2.5px);
							float:left;}
.inner_sliderspace_topright, .inner_sliderspace_bottomright {	float:right;
	}
.inner_sliderspace_bottomright { margin-top: 15px !important;}

@media (max-width: 1199px) {.sliderspace_column {display: none;}
							.home #primary.content-area {clear:both;
								padding-top: 15px;}
						.inner_sliderspace_left {width: 100%;}}

/*-------- Pagebuilder panels -------*/
.home .entry-content { margin-top: 30px;}
.home .panel-grid {	margin-bottom:15px!important;}

/*-------- Custom VZ thumbs in Pagebuilder grid loop ----(remove if neccessary) ---*/
.vz-subtitle {		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					font-size: 0.9em; /* was 16px; */
					font-style: normal;
					color: #8f8f8f!important;
					text-decoration: none;
					font-weight: 600!important; /* was normal;*/}

.vz-excerpt a {		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					font-size: 0.9em; /* was 16px; */
					font-style: normal;
					color: #8f8f8f!important;
					text-decoration: none;
					font-weight: 400!important; /* was normal;*/}

.vz-home-thumb {margin-bottom: 45px!important;}

.vz-thumbnail a img:hover { border-color: #00bafa;
-webkit-box-shadow: 0 0 5px rgba(0,187,251,0.75);
-moz-box-shadow: 0 0 5px rgba(0,187,251,0.75);
	box-shadow: 0 0 5px rgba(0,187,251,0.75);}

.vz-home-thumb h3 a {
					color: #000000!important;
					text-decoration: none;
					}

.home-gridmeta {font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					font-size: 0.9em; /* was 14px;*/
					font-style: normal;
					color: #8f8f8f!important;
					text-decoration: none;
					text-align: center;
					text-transform: lowercase;
	border-bottom-style: solid !important;
border-bottom-width: 1px !important;
	font-weight: 400;}

.vz-thumbnail h3 {margin-bottom: 10px!important;
				margin-top: 15px!important;
font-size: 1.5em!important;}

/*-------- Pagebuilder carousel -----*/
@media screen and (max-width:600px) {
.sow-carousel-title a.sow-carousel-next,.sow-carousel-title a.sow-carousel-previous {
    display: block !important;
}
} /* fix from siteorigin site for arroww on mobile */

.sow-carousel-thumbnail:hover { border-color: #00bafa;
-webkit-box-shadow: 0 0 5px rgba(0,187,251,0.75);
-moz-box-shadow: 0 0 5px rgba(0,187,251,0.75);
	box-shadow: 0 0 5px rgba(0,187,251,0.75);}

.sow-carousel-title { padding-top: 25px; width: 200px; margin-right: 0; margin-left: auto;}
.sow-carousel-navigation {	margin-top: -25px !important;}

.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item { display: block;
	margin-right: 15px;}

.sow-carousel-wrapper {max-height: 600px!important;} /* to overrule default theme setting */

.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item h3 	{text-align: left!important; font-weight: bolder !important;}
/*@media (max-width: 449px) 		{ .vz-subtitle-outer, .sow-carousel-item h3.sow-carousel-item-title a	{line-height: 24px!important;}} /* fix for Pagherbuilder folding issue w/ carousel */

.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .home-gridmeta {margin-bottom: -5px!important; margin-top: 10px !important;}

@media (max-width: 480px) { .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a  {width: calc(100vw - 30px) !important;}}

/********** TO DO: FIX THIS FOR ALL SIZES ********/
@media (min-width: 481px) {.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay,.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay {
	width: calc(50vw - 22.5px) !important;}}

@media (min-width: 1080px) {.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay,.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay {
	width: calc(5.9433vw + 250px) !important;}}

@media (min-width: 1650px) {.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay,.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a, .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay {
	width: calc(4.4575vw + 183.75px) !important;}}

.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a {
background-size: contain !important;
background-repeat: no-repeat !important;
height: 0px !important;
padding-bottom:66.6% !important;} /* 66.6% needed for 3:2 image ratio! */


/*-------- Graphics tweaks --------*/
.back-to-top 								{ 	display: none;}
.home header.entry-header 					{	display: none;}
.home .pagination 							{	display: none;}

/*-------- Article category headers --------*/
#newsheader {padding-bottom: 25px;} /* Custom css for only NEWS header on frontpage */

.home_cat_header { margin-bottom: -15px;}
.su-button.su-button-style-flat 	{	margin-bottom: -30px !important;
										float:left;}
.su-button-style-flat span, .post-title, .pagination {
										font-size: 125%!important;
                                        line-height: 1.5!important;
                                        padding-left:  5px;
                                        padding-right: 5px;
									}

.su-button-style-more {padding-bottom: 45px;} /* was 75 px.*/

.su-button-style-more span {font-size: 100%!important;}

.su-button-style-more .textwidget a {float: right!important}

@media (max-width: 499px) {.su-button-style-flat span, .post-title, .pagination {
										font-size: 100%!important;
	}}

.su-button-style-flat:hover span 	{	text-decoration: none; top: 0px!important;
	  									background-color: #248cc8!important;}

/*========== Search/result/archive pages ===========*/
/*-------- Search bar (search page) -------*/
#searchbar {margin-top: 60px; margin-bottom: 30px;}
#searchbar ul li {margin-top: 15px;}

/*-------- Search bar (menu) --------*/
.searchandfilter ul li input[type="submit"] {	border-radius: 0px;
												font-size: 125%;
												border: 0px;
												font-weight: normal;
												background: #00bcff;
												color: #ffffff;
												padding: 5px 9px 5px 9px;
												min-width: 300px !important;
												text-decoration: none !important;
									}

.searchandfilter ul {margin-left: 0px !important;}

.searchandfilter ul li input[type="submit"]:hover {
text-decoration: underline!important;}
.searchandfilter ul li input[type="text"] {min-width: 300px !important;}

.searchandfilter h4 {width: calc(100vw - 45px);
					margin-top: 0px; margin-bottom: 0px;}
@media (max-width: 799px) {.searchfilterbox_vz {width: calc(100vw - 90px); margin-top: 15px; margin-bottom: 15px;}}
@media (min-width: 800px) {.searchfilterbox_vz {width: 50vw; margin-top: 15px; margin-bottom: 15px;}}

@media (max-width: 599px) {.searchandfilter input[type="text"], .searchandfilter input[type="submit"]  {width: calc(100vw - 45px) !important; max-width: calc(100vw - 45px) !important;}}



/*-------- Post loops --------*/
.post-title 		{	
  						line-height: 25px;
						background: #00bcff;
						text-transform: uppercase;
						padding: 0 5px;
						margin-bottom: 5px;
						display: inline-block;
						z-index: 1;
					}

.vantage-grid-loop article .tagblock {font-size: 1.1em;
	font-weight: 500;
	position: absolute;
	bottom: -5px;
	left: 315px;}
@media (max-width: 749px) {	.vantage-grid-loop article .tagblock {display: none;}}
@media (min-width: 975px) {	.vantage-grid-loop article .excerpt	{ padding-top: 2.5em;}}
@media (max-width: 974px) {	.vantage-grid-loop article .excerpt { padding-top: 2.5em; padding-bottom: 0px !important;}}

.gridmeta 							{	float: left;
										text-transform: lowercase;}
.vantage-grid-loop article h3 		{	margin-bottom: 0px !important;}
.vantage-grid-loop article h3 a     {   font-size: 1.25em !important;}
@media (max-width: 375px) { .vantage-grid-loop article h3 a     {  font-size: 0.8em !important;}}
@media (min-width: 376px) and (max-width: 480px) { .vantage-grid-loop article h3 a     {  font-size: 1em !important;
																							font-weight: normal !important;
																							line-height: 0em;}}
.post-title a:hover 				{ 	color: #fff; text-decoration: underline;}
.post-title a						{ 	color: #fff; text-decoration: none;}
.vantage-grid-loop article,
.vantage-grid-loop article.post:last-child{ 	margin-left: 15px !important;
												padding-left: 0px !important;
  												width: calc(100% - 30px) !important;
												margin-bottom: 10px;
												padding-bottom: 10px;
  												position: relative;
												border-bottom: 1px solid #ddd !important;}
.vantage-grid-loop article .grid-thumbnail 	{	
  												float: left;
												width: 50%;
  												max-width: 300px;
												margin: 0 15px 0 0;
												border: 0px;
                                                padding: 0px;
											}

.vantage-grid-loop article .excerpt
, a.excerptext								{	font-size: 16px !important;
                                                margin-top:2px;
  												height: auto;
  												max-height: 3.75em;
												color: #777777;
												line-height: 1.25em;
  												text-decoration: none;
											}

/*-------- Post loop hover --------*/
.vantage-grid-loop article h3 a:hover,
.entry-content a:hover,
.vantage-grid-loop article .excerpt p:hover	{ color: #00bcff!important;}


/*-------- Post loop and page pagination --------*/
.pagination 						{	height: 30px!important; right: 15px; z-index:9;
											padding-right: 15px !important;}
@media (max-width: 749px) 			{	.pagination	{	margin-top: 30px; }
										#nav-below { margin-bottom: 60px;}}
body:not(.home)	.pagination			{	right: 0px;
  										padding-right: 0px !important;
										top: -3px !important;
										padding-bottom:2px;}
.pagination span, .entry-content .pagination span, .pagination a, #post-pagination a
									{	
                                        border-radius: 0px;
										border: 0px;
										font-weight: 400;
  										font-size: 1em;
										box-shadow: none;
										-webkit-box-shadow: none;
										background: #00bcff;
										color: #ffffff;
                                        margin: 2px 2px 2px 0;
                                        padding: 0px 9px 0px 9px;
                                        text-decoration: none!important;
  									}
.page-numbers.current, .current-post-page 				{	
										background: #ffb005;
										border: 0px;
										box-shadow: none;
										-webkit-box-shadow: none;
										color: #ffffff;
                                        margin: 2px 2px 2px 0;
                                        padding: 0px 9px 0px 9px;
									}
#post-pagination a:hover, .pagination a:hover 				{	
										background: #248cc8;
  										color: #ffffff!important;
  										border: 0px;
  										text-decoration: none!important;
									}
.pagination_top						{  	border-bottom: 1px solid #ddd!important;
										margin-bottom: 10px!important;
  										margin-top: -15px!important;
									}

@media (max-width: 749px)			{	.pagination	{	margin-top: 0px !important;}}

p#post-pagination                   {   line-height: 13px !important;
                                        }

/*-------- Inserted banners -----*/
.loop-banner-shell {	width: 100vw;
						margin-left: calc(50% - 50vw + 15px); /* 100% = container width, now VW */
						margin-bottom: 15px;
						margin-top: -15px !important}

/*-------- Post loop for narrow screens --------*/
@media (max-width: 480px) 	{ /* was 480 px */
					.vantage-grid-loop article .grid-thumbnail	{	width: 50%; margin: 0 10px 0 0;}
					.post-title 							{	
																padding: 0 5px;
															}
					.gridmeta, .entry-content h4,.excerpt			{	display: none !important;}
    				
}	

@media (max-width: 800px) 	{  /* was 749 px */
    .entry-content h4, .vantage-grid-loop h4 a, .excerpt {	display: none !important;}
    }

/*======== Post pages ========*/
/*------- General ----------*/
.entry-thumbnail 									{	margin: 0px;}
article.post .entry-header .entry-thumbnail img,
article.page .entry-header .entry-thumbnail img 	{	display: none;}
nav#nav-below.site-navigation.post-navigation 		{ 	display: none;}
.entry-categories 									{	display:none;}
article.post, article.page							{	border-bottom: 0px;
														padding-bottom: 10px!important;}
.cattags a                                         {   color: #00bcff!important;}
.cattags a:hover                                         {   color: #248cc8!important;}

/*----- Fullscreen Pagebuilder -----*/
.panel-grid-cell .so-panel		{ margin-bottom: 5px;}

.so-panel.widget.widget_sow-editor  {   margin-left: auto;
										margin-right: auto;}

/*-------- Fix anchors --------*/
.anchor		{	display: block;
				position: relative;
				top: -140px;
  				visibility: hidden;	}

/*-------- Hide meta on pages --------*/
article.page .entry-header .entry-meta 				{	display: none!important;}

/*-------- Hide back-to-top shortcode --------*/
.su-divider.su-divider-style-default 			{	display:none;}

/*-------- Subtitle --------*/
h2.sub-title                                        {   font-size:175%!important;
                                                        line-height: 1.2em!important;} /* checked */
			
/*-------- Text & image sizes for content --------*/
body:not(.home) .entry-content,
body:not(.home) .entry-header, body:not(.home) .site-content 	{	margin-left: 15px;
                                    margin-right: 15px;
                                    margin-left: auto;
                                    margin-right: auto;}

@media (max-width: 2339px) { 	body:not(.home) .entry-content, body:not(.home) .entry-header, body:not(.home) .site-content	{max-width: calc(17.83vw + 780px);}}
@media (min-width: 2340px) { 	body:not(.home) .entry-content, body:not(.home) .entry-header, body:not(.home) .site-content	{max-width: 1200px;}}

body:not(.home) .entry-title {									margin-top: 60px;}


article.post .entry-header .entry-meta, article.page .entry-headera .entry-meta { font-size: 1.25em;}


article.post .entry-header .entry-meta a		{	
						font-style: normal;
				}

article.post .entry-header .entry-meta a:hover {color: #248cc8!important;}

.gridmeta {	
						font-size: 1.1em;
						font-style: normal;
	font-weight: 400;
						color: #8f8f8f;
				}

h4 a {font-size: 1.25em;
    font-weight: 500;
    color: rgb(143, 143, 143);
    text-decoration: none;
    color: #000000
        }

/*.fluid-width-video-wrapper	{	width: 125%!important;
  								margin-left: -12.5%;
  								padding-top: 70.42%!important;} */

@media (max-width: 1199px) {	.fluid-width-video-wrapper	{	width: 100%!important;
																margin-left: 0px;
																padding-top: 56.25%!important;}}

.su-slider-centered			{	width: 125%!important;
  								margin-left: -12.5%!important;
                                height: 125%!important;}

.entry-content .vz-fullwidth-image img {		max-width: 100vw!important;
																					width: 100vw!important;
																					margin-right: auto;}

@media (max-width: 1000px) { .entry-content .vz-fullwidth-image img {	margin-left: -15px;}}
@media (min-width: 1001px) { .entry-content .vz-fullwidth-image img { margin-left: calc(-41.085vw + 390px) !important;}}
@media (min-width: 2340px) { .entry-content .vz-fullwidth-image img { margin-left: calc(-41.085vw + 379px) !important;}}

@media (min-width: 2401px) {.widget img {	max-width: 2400px!important;
											margin-left: auto;
											margin-right: auto; }}

/*-------- Twee c.q. drieluik -------*/
@media (min-width: 1000px) {.multi-panel-img-container {margin-left: calc(-41.085vw + 390px) !important;
							width: 100vw !important;}
.multi-panel-img-container img {width: 33.333%;}
	.multi-panel-img-caption {margin-top: -25px;} }

/*------ Spoiler (klapkaderzzz) -----*/
.su-spoiler-title { font-size: 100% !important;}

/*-------- Post image slider --------*/
.su-slider .su-slider-prev, .su-slider .su-slider-next { margin-left: 0;
margin-right: 0; filter: alpha(opacity=70);
opacity: 0.7;}

.su-slider-pagination, .su-slider .su-slider-prev, .su-slider .su-slider-next { top: calc(5% + 10px) !important}
.su-slider-slide-title, .mfp-title  {   display:none!important;} 


/*-------- Caption style --------*/
.caption 						{	font-style: italic;
									position: relative;
									top: -15px;
									max-width: 100%;
                        			color: rgb(143, 143, 143);}

.siteorigin-widget-tinymce .caption { top: -40px!important;} /* for Pagebuilder only */
.siteorigin-widget-tinymce p .aligncenter {margin-bottom: 45px;} /* fix for caption overflow on some pagebuilder articles */

/*-------- Blockquote tweaks --------*/
.entry-content blockquote		{	
									font-style: italic;
									font-weight: bold;
									margin-left: 1em;
									padding-left: 1em;
									border-left: none;
									background-image: url('http://www.velozine.nl/wp-content/vzstyle/quotation-marks.png');
									background-position: center left;
									background-size: 2em;
									background-repeat: no-repeat;
									text-indent: 23px;
								}
.entry-content blockquote cite 	{	font-weight: bold;} 

/*-------- Tags/breadcrumbs --------*/
.tagblock						{	color: #8f8f8f !important;
									font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                                    max-width: calc(17.83vw + 780px); /*1080px;*/
                                    margin: auto;
									font-size: 16px;
									font-style: normal;
									font-weight: 500;}

.site-content .tagblock {padding-top: 15px; padding-bottom: 15px;}

.tagblock a { text-decoration: none;
				color: #00bcff !important;}
.tagblock a:hover {				color: #248cc8 !important;}

/*-------- COmplianz consent shizzle for videos ------*/
.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover,
.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cc-revoke-custom {
				background-color: rgba(255, 255, 255, 0.5) !important;
				color: #ffffff !important;
				background-image: none !important;
				background-color: #00bcff !important;
				border-top-left-radius: 0px !important;
				border-top-right-radius: 0px !important;
				border-bottom-left-radius: 0px !important;
				border-bottom-right-radius: 0px !important;
				border-width: 0px !important;
}

/*----- Complianz cookie pop-up (seems overriden bij def. theme ---*/
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
	background: none;}

/*-------- Related posts widget tweaks --------*/
.related-post-item 				{	width: calc(25% - 10px) !important;
									float: left;
									margin: 0 5px 0 5px;
									display: block;}

.crp_related h3 {font-size: 22px;
	color:#8f8f8f!important;
					border-bottom: 1px solid #8f8f8f;
margin-bottom: 15px !important;
text-align: center;}

.crp_related 					{	overflow: visible;
						display: inline-block;
						height: auto;
									width: 100% !important;
									max-width: calc(17.83vw + 780px) !important;
									padding-bottom: 15px;
									margin-top: 30px !important;
									margin-bottom: -30px !important;}
.crp_title 		   {				font-size: 16px !important;
									font-weight: 400 !important;
									color: #8f8f8f !important;
									font-size: 16px !important;
									text-decoration: none !important;
								}
.related-post-item a            {   text-decoration:none;}

.crp_related ul li {margin-left: 0px !important;
padding-bottom: 15px; }
.crp_related ul {list-style-type: none; display: flex; margin: 0 0 0 0;
flex-wrap: wrap;
justify-content: space-between;}
.crp_related ul li a {text-decoration: none !important;}

@media (min-width: 1001px) { .crp_related ul li { width: calc(4.4575vw + 183.75px) !important;}}
@media (max-width: 1000px) { .crp_related ul li { width: calc(25vw - 18.75px) !important;}}
@media (max-width: 480px) {.crp_related ul li { width: calc(50vw - 22.5px) !important;}}

.crp_related ul li a figure img {max-width: 100%;}

/*--------- wpDiquz comment form ----------*/
.popular-comment-author-avatar-box {
    display: none;
}

.comments-area {margin-top: 45px; border-top: none; /*1px solid #8f8f8f;*/}

#wpdcom .wpd-auth .wpd-login a { color: #00bcff;}
 #wpcomm .wpdiscuz-item:nth-child(2){
    display: none !important;
  }

.wpdiscuz-item.wc_email-wrapper.wpd-has-icon {display: none;}


#wpdcom {
            max-width: 1080px;
            padding: 0;
            margin-top: auto;
            margin-bottom: auto;
}


#comments { max-width: 1080px;
    margin: auto auto;
	padding-bottom: 45px!important;}

/*--------- Old article images --------*/
alignright {    float:none!important;}