@font-face { /* outside of @media screen to accomodate IE */
}

@media screen {

/* 1. initialisation */
* { /* remove all default styling */
	border: 0;
	padding: 0;
	margin: 0;	
	background-color: none;
	text-decoration: none;
		-moz-font-smoothing: antialiased;
}

html {
	height: 100%;
	width: 100%;
}

body {
	overflow-x: hidden; /* allows the menu to be hidden left of the canvas, and the pagewrap to be hidden right of the canvas when the menu is open */
}

/* 1.1. ensure default styling is inherted in <input> elements */
input,
textarea {
	font: inherit;
	color: inherit;
		-webkit-appearance: none;
	border-radius: 0;
}

/* 1.2. remove default styling from forms in webkit browsers and on iOS */
input:focus, textarea:focus, select:focus {  
	outline: none;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* 2. typography */
html {
	font-family: Lato, Myriad, sans;
	color: #000000;
	line-height: 39px;
}

p {
	font-size: 1.125em;
	line-height: 39px;
	padding-top: 0.66666666666666666666666666666667em; /* 12px; */
	margin-bottom: 0.77777777777777777777777777777778em;  /* 14px; */
}

del {
	text-decoration: line-through;
}

em {
	
}

/* 2.1. tables */
table {
	border-collapse: collapse;
	line-height: 39px;
}

th {
	text-align: left;
	vertical-align: bottom;
}

tr {
	height: auto;
	/*display: inline-block;*/
	width: 100%;
}

td {
	vertical-align: top;
}

	th ~ th,
	td ~ td {
		padding-left: 1em;
	}

/* 2.2. headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Lato, Myriad, sans;
	font-weight: 300;
	font-style: italic;
}

h1 {
	font-size: 2em;
	padding-top: 0.21875em; /* 7px; */
	margin-bottom: -0.21875em;
}

h2 {
	font-size: 1.75em;
	padding-top: 0.28571428571428571428571428571429em; /* 8px; */
	margin-bottom: -0.28571428571428571428571428571429em; 
}

h3 {
	font-size: 1.5em;
	padding-top: 0.41666666666666666666666666666667em; /* 10px; */
	margin-bottom: -0.41666666666666666666666666666667em; 
}

h4 {
	font-size: 1.25em;
	padding-top: 0.6em; /* 12px; */
	margin-bottom: -0.6em; /* -12px; */
}

h5 {
}

h6 {
}

/* 2.3. anchors & links */
a {
	cursor: default;
}

a:link,
a:visited {
	cursor: pointer;
	color: #000000;
}

p a:link,
p a:visited{
	border-bottom: 1px solid #000000;
}

#header a:link,
#header a:visited {
	border: none;
}

.posttitle a:link,
.posttitle a:visited {
	
}

.posttitle a:hover,
.posttitle a:focus {
	border-bottom: 1px solid #000000;
}

.feedfimage img {
}

.feedfimage a:link img,
.feedfimage a:visited img {
	transition: all .6s ease;
}

.feedfimage a:hover img,
.feedfimage a:focus img {
	opacity: .5;
	transition: all .6s ease;
}

.feedfimage a:active img {
	opacity: .1;
}

a:hover,
a:focus {
	border: none;
}

a:active {
	color: #ffffff;
	background-color: #5e5e5e;
	border: none;
}

a:active .sitetitle {
	background-color: #5e5e5e;
}

/* 2.4. lists */
ul, ol {
	font-size: 1.125em;
	line-height: 39px;
	padding-top: 0.66666666666666666666666666666667em; /* 12px; */
	margin-bottom: 0.77777777777777777777777777777778em;  /* 14px; */
	list-style: none;
}

ul {
}

	ul li:before {
		content: ' ';
		display: block;
		/*float: left;*/
		margin-right: .5em;
		margin-left: -.75em;
		margin-top: 1em;
		width: .25em;
		height: .25em;
		background-color: #5e5e5e;
		position: absolute;
	}
	
	ul ul li {
		margin-left: 1em;
	}
	
ol {
	list-style: none;
	*list-style: decimal; /* backup for IE<8 */
	counter-reset: li; /* sets up the counter for lis */
}

	ol li:before {
		content: counter(li); /* outputs the content of the counter */
		counter-increment: li; /* increases the counter by 1 */
		position: relative;
		color: #5e5e5e;
		display: inline-block;
		width: 1em;
		font-family: Lato, Myriad, sans;
		font-weight: 300;
		margin-right: .5em;
		margin-left: 0em;
		text-align: right;
	}

.post ul li {
	margin-left: 1em;
}

.post ul {
	overflow: hidden;
}

/* 2.5. captions */
.wp-caption-text {
	background-color: ;
	font-size: 0.88888888888888888888888888888889em;
	box-sizing: border-box;
	line-height: 1.625em;
	margin-top: -1em;
}

.alignleft .wp-caption-text {
	padding-left: 1.125em;
}

.alignright .wp-caption-text {
	padding-right: 1.125em;
}

/* 2.6. forms */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#pagewrap input[type=text],
#pagewrap input[type=email],
#pagewrap input[type=tel],
#pagewrap input[type=date],
#pagewrap input[type=password],
#pagewrap textarea {
	background-color: #ffffff;
	height: 2.1666666666666666666666666666667em; /* 39px; /* three gridlines */
	padding: 0 1em;
	margin-bottom: 0.66666666666666666666666666666667em; /* 13px;*/
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #5e5e5e;
	display: block;
}

#pagewrap textarea {
	padding-top: .5em;
	padding-bottom: .5em;
	height: 6.5em;
	display: inline;
	clear: both;
	resize: vertical;
	margin-bottom: 0;
}

#pagewrap input[type=text]:focus,
#pagewrap input[type=text]:hover,
#pagewrap input[type=email]:focus,
#pagewrap input[type=email]:hover,
#pagewrap input[type=tel]:focus,
#pagewrap input[type=tel]:hover,
#pagewrap input[type=date]:focus,
#pagewrap input[type=date]:hover,
#pagewrap input[type=password]:focus,
#pagewrap input[type=password]:hover,
#pagewrap textarea:focus,
#pagewrap textarea:hover {
	background-color: #5e5e5e;
	color: #ffffff;
}

#pagewrap button,
#pagewrap input[type=submit] {
	background-color: #5e5e5e;
	color: #ffffff;
	font-family: inherit;
	line-height: inherit;
	font-size: 1em;
	font-weight: ;
	margin-top: .8125em;
	padding: .25em 1em .25em 1em;
	cursor: pointer;
}

#pagewrap button:hover,
#pagewrap button:focus,
#pagewrap input[type=submit]:hover,
#pagewrap input[type=submit]:focus {
	background-color: #000000;
}

#pagewrap button:active,
#pagewrap input[type=submit]:active {
	background-color: #ffffff;
	color: #5e5e5e;
}

.post label {
	background-color: #5e5e5e;
	color: #ffffff;
	display: inline-block;
	width: auto;
	padding: 1.0555555555555555555555555555556em 1em 1.1111111111111111111111111111111em 1em; /* 19px 1em 20px 1em; */
	hyphens: auto;
		-webkit-hyphens: auto; /* Saf 5.1+ */
		-moz-hyphens: auto; /* Fx 6.0+ */
		-ms-hyphens: auto; /* IE 10+ */
	line-height: 0;
}

#pagewrap .wpcf7-radio label {
	width: auto;
	padding-right: 1em;
}

#pagewrap .wpcf7-radio label:hover {
	background-color: #5e5e5e;
}
	
#pagewrap .wpcf7-radio .first {
	margin-left: 0em;
}

/* 2.6.1 wpcf7 */
.wpcf7-mail-sent-ok {
	border: none !important;
	background-color: #c3ddb8;
}

div.wpcf7-mail-sent-ng {
	border: none !important;
	background-color: #ffb2b2;
}

div.wpcf7-spam-blocked {
	border: none !important;
	background-color: #ffe4b2;
}

div.wpcf7-validation-errors {
	border: none !important;
	background-color: #fdf8b2;
}

span.wpcf7-not-valid-tip {
	color: #000000 !important;
	font-size: .75em !important;
	display: block;
	background-color: #ffb2b2;
	padding-left: 1em;
	margin-top: -.9375em !important;
}

/* 2.7. blockquotes */
blockquote {
	width: 100%;
	font-style: italic;
	clear: both;
	margin-top: 1.625em;
	margin-bottom: 3.25em;
}

blockquote p {
	font-size: 2em;
	padding-top: 0px;
	line-height: 52px;
	margin-bottom: 0px;
}

/* 3. layout */
p:empty {
	display: none;
}

/* 3.1. pagewrap */
#pagewrap {
	width: 100%;
	transition: all .6s ease; /* for when the menu that slides in makes changes to the pagewrap */
	padding: 0 1em;
	box-sizing: border-box;
	margin-top: 91px;
}

/* 3.2. header */
#header {
	height: 3.25em; /* 78px;*/
}

.mainlogo {
	height: 4.875em;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	width: 100%;
	margin-bottom: 6.5em;
	z-index: 1;
}

.sitetitle {
	background-image: url(images/VJR-logo.png);
	background-repeat: no-repeat;
	background-size: 2.1666666666666666666666666666667em;
	height: 3.25em; 
	margin-bottom: 0.54166666666666666666666666666667em;
	box-sizing: border-box;
	background-position: center right;
	padding: 0.75em 2.75em 0 0;
	float: right;
	font-size: 1.5em;
	margin-right: 1em;
}

.description {
	display: none;
}

/* 3.2.1. social */
#header .social {
	float: right;
	clear: both;
	margin-right: -1em;
	margin-bottom: 0.8125em;
}

.social a:link,
.social a:visited {
	background-color: #5e5e5e;
	height: 2.4375em;
	width: 2.4375em;
	display: inline-block;
	float: left;
	text-indent: -9999px;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

.social a:hover {
	opacity: .6;
}

.social a:active: {
	opacity: .2;
}

.social a ~ a {
	margin-left: 1em;
}

	.social .email {
		background-image: url(images/mail-icon.svg);
	}

	.social .tel {
		background-image: url(images/phone-icon.svg);
	}

	.social .instagram {
		background-image: url(images/instagram-icon.svg);
	}
	
	.social .facebook {
		background-image: url(images/facebook-icon.svg);
	}

	.social .pinterest {
		background-image: url(images/pinterest-icon.svg);
	}

/* 3.3. content */ 

/* 3.3.1. featured image */
.fimage {
height: 300px; /* 61vh; */
	overflow: hidden;
	margin: 0;
	margin-bottom: 3.25em;
	width: 100vw;
	margin-left: -1em;
	box-sizing: border-box;
}

.fimage img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin: 0;
}

/* 3.3.2. titles */
.pagetitle,
.posttitle {
}

.pagetitle {
}

.posttitle {
}

/* 3.3.3. meta */
.meta {
}

/* 3.3.4. tags */
.tags a {
	background-color: #b3d8dc;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 2.16666666667em;
	height: 2.16666666667em;
	display: inline-block;
	padding: 0 1em 0 1em;
}	

.tags a:link,
.tags a:visited {
	color: #5e5e5e;
}

.tags a:hover,
.tags a:focus {
	background-color: #5e5e5e;
	color: #ffffff;
	border: none;
}

.tags a:active {
	color: #b3d8dc;
}

/* 3.3.5. content */
.post {
	padding-left: 1em;
}

.entry {
	clear: both;
	hyphens: auto;
		-webkit-hyphens: auto; /* Saf 5.1+ */
		-moz-hyphens: auto; /* Fx 6.0+ */
		-ms-hyphens: auto; /* IE 10+ */
}

/* 3.3.6. images */
.entry img {
	max-height: 75vh;
	width: auto;
}

.alignright {
	float: right;
	max-width: 39%;
	max-width: 39vw;
	margin-right: -1em;
	margin-left: 1em;
	clear: both;
	width: 39% !important;
	width: 39vw !important;
}

.aligncenter {
	margin: 0 auto;
	clear: both;
	display: block;
	max-width: 100%;
	height: auto;
}

div.alignright,
div.alignleft {
	font-size: 1.125em;
}

.alignleft {
	float: left;
	max-width: 39%;
	max-width: 39vw;
	/*margin-left: -1em;*/
	margin-right: 1em;
	clear: both;
	clear: left;
	width: 39% !important;
	width: 39vw !important;
}

	.alignright img,
	.alignleft img,
	img.alignright,
	img.alignleft {
		width: 100% !important;
		height: auto;
	}
	
img.alignnone,
div.alignnone {
	max-height: 75vh;
	margin-left: -1em;
	height: auto;
}

	.alignnone img {
		width: inherit !important;
		height: auto !important;
	}
	
/* 3.3.7. searchform in content */
#pagewrap .searchform {
	color: #000000;
}

#pagewrap .searchform input[type="text"] {
	height: 39px;
}

#pagewrap .searchform input[type="text"]:hover,
#pagewrap .searchform input[type="text"]:focus {
	color: #000000;
	background-color: #ffffff;
}

#pagewrap .searchform label {
	float: left;
	width: 39px;
	height: 39px;
	text-indent: -9999px;
	background-color: #5e5e5e;
	background-image: url(images/magnifier.svg);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	margin: 0;
}

#pagewrap .s {
	width: 70% !important;
	float: left;
	font-size: 1em;
}

#pagewrap .searchsubmit {
	float: left;
	position: relative;
	margin: 1px 0 0 -1px !important;
	height: 37px;
	text-indent: -9999px;
	box-sizing: border-box;
	width: 39px;
	background-image: url(images/go.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
}

#pagewrap input[type="submit"].searchsubmit {
	background-color: #ffffff;
}

#pagewrap input[type="submit"].searchsubmit:hover,
#pagewrap input[type="submit"].searchsubmit:focus {
	background-color: #5e5e5e;
	background-image: url(images/go-white.svg)
}

#pagewrap input[type="submit"].searchsubmit:active {
	background-color: #ffffff;
	background-image: url(images/go.svg)
}

/* 3.3.8. readmore arrow */
.readmorearrow,
.more-link {
width: 1.625em;
	display: inline-block;
	float: right;
}

.readmorearrow a:link,
.more-link:link,
.readmorearrow a:visited,
.more-link:visited {
	display: block;
	border: none;
	background-image: url(images/go.svg);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center right;
	text-indent: -9999px;
	transition: all .6s ease;
}

.readmorearrow a:hover,
.readmorearrow a:focus,
.more-link:hover,
.more-link:focus {
	background-image: url(images/go-white.svg); 
	background-color: #5e5e5e;
	transition: all .6s ease;
}

.readmorearrow a:active,
.more-link:active {
	background-image: url(images/go.svg); 
	background-color: #ffffff;
	transition: all .6s ease;
}

/* 3.3.9. add to any */
.addtoany_list a img {
	width: 1.625em !important;
	height: auto;
}

/* 3.4. aside */
aside {
	background-color: #5e5e5e;
	color: #ffffff;
	clear: both;
	padding: 2.4375em 1em 0.8125em 1em;
	margin-left: -1em;
	width: 100vw;
	box-sizing: border-box;
}

aside .widget {
	clear: both;
}

.widget {
}

#pagewrap aside .searchform label {
	background-image: url(images/magnifier-white.svg);
}

/* 3.5. footer */
#footer {
}

#footer .social {
	float: left;
	margin-bottom: 1.625em;
}

/* 3.6. page body classes */

/* 3.6.1. home */
.home {
}

.home .pagetitle:after {
	content: ' ';
	position: relative;
	width: 1.625em;
	height: 1.625em;
	background-image: url(images/VJR-logo.png);
	background-size: 1.625em;
	display: inline-block;
	float: left;
	margin-top: -.25em;
	margin-right: .5em;
}

.blocks {
	padding-left: 1em;
	margin-bottom: 3.25em;
}

.blocks .widget {
	margin-top: 3.25em;
}

.widget_sp_image-image-link,
.rpwe-img {
	background-color: #5e5e5e;
	display: block;
	margin-right: -1em;
	margin-left: -1em;
	height: auto;
	line-height: 0;
}

.widget_sp_image-image-link:link img,
.rpwe-img:link img {
	transition: opacity .6s ease;
}

.widget_sp_image-image-link:hover img,
.widget_sp_image-image-link:focus img,
.rpwe-img:hover img,
.rpwe-img:focus img {
	opacity: .5;
	transition: opacity .6s ease;
}

.widget_sp_image-image-link:active img,
.rpwe-img:active img {
	opacity: .25;
	transition: opacity .6s ease;
}

.blocks img {
	width: 100vw;
	/*width: calc(100vw - 1em);*/
	max-width: none !important;
	height: auto;
}

.blocks h2 {
	margin-bottom: 31px;
}

.blocks .rpwe_widget ul {
	margin: 0;
	padding: 0;
}

.rpwe_widget li:before {
	display: none;
}

.rpwe-summary {
	font-size: 1em;
	line-height: 39px;
	padding-top: 0.66666666666666666666666666666667em; /* 12px; */
	margin-bottom: 0.77777777777777777777777777777778em;  /* 14px; */
}

/* 3.6.2. blogroll */
.blog {
}

.blog .post {
	clear: both;
	margin-top: 3.25em;
	margin-bottom: 3.25em;
	display: block;
}

.blog .post ~ .post {
	margin-top: 6.5em;
}

.blog .feedfimage {
	min-height: 9.75em;
}

.blog .feedfimage a {
	background-color: #5e5e5e;
	display: block;
	line-height: 0;
	transition: all .6s ease;
}

.blog .entry {
	clear: right;
}

/* 3.6.3. page */
.page {
}

.page .entry {
	margin-top: 1.625em;
}

/* 3.6.4. post */
.single {
}

.single .entry {
	margin-top: 1.625em;
}

/* 3.6.5. search results */
.search-results {
}

.search-results .post,
.search-results .page {
	clear: both;
	margin-top: 3.25em;
	margin-bottom: 3.25em;
	display: block;
}

.search-results .feedfimage {
	min-height: 9.75em;
}

.search-results .entry {
	clear: right;
}

.search-results .post ~ .post,
.search-results .post ~ .page,
.search-results .page ~ .post,
.search-results .page ~ .page {
	margin-top: 6.5em;
}

.search-results .feedfimage a {
	background-color: #5e5e5e;
	display: block;
	line-height: 0;
	transition: all .6s ease;
}

/* 3.6.6. 404 */
.error404 {
}

/* 3.6.7. archive */
.archive .post {
	clear: both;
	margin-top: 3.25em;
	margin-bottom: 3.25em;
	display: block;
}

.archive .post ~ .post {
	margin-top: 6.5em;
}

.archive .feedfimage {
	min-height: 9.75em;
}

.archive .feedfimage a {
	background-color: #5e5e5e;
	display: block;
	line-height: 0;
	transition: all .6s ease;
}

.archive .entry {
	clear: right;
}

/* 3.7. insta feed */
.insta {
	padding-left: 1em;
	margin-top: 3.25em;
}

.insta ul {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	margin-left: -1em;
	margin-top: 1.625em;
}

.insta li {
	display: inline-block;
	width: 21%;
}

.insta li ~ li {
	margin-left: 5.3333333333333333333333333333333%;
}

.insta li img {
	width: 100%;
}

.insta li:before {
	display: none;
}

/* 4. navigation */
nav.mobile {
	width: 100%;
	height: 0;
	min-height: 0;
	background-color: #ffffff;
	position: fixed;
	top: 78px;
	z-index: 10;
	display: inline-block;
	float: left;
	overflow: hidden;
	transition: all .6s ease;
}

nav.desktop {
	display: none;
}

/* 4.1. list */

/* 4.1.1. mobile */
nav.mobile ul {
	margin: 0;
	padding: 0;
	clear: both;
}

nav.mobile ul ul {
	font-size: 1em;
	padding-top: 0.72222222222222222222222222222222em;
	padding-left: 1em;
}

nav.mobile li {
	height: 3.25em;
	width: 100%;
	margin: 0;
	display: inline-block;
/*background-color: rgba(255,0,0,.5);*/
}

nav.mobile .current_page_item {
	background-color: #ffffff;
}

	nav.mobile li a {
		height: 3.25em;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0 0 16px;
		float: left;
	}

	nav.mobile li a:link,
	nav.mobile li a:visited {
		color: #5e5e5e;
		border: none;
	}
	
	nav.mobile li a:hover,
	nav.mobile li a:focus {
		border: none;
		background-color: #5e5e5e;
		color: #ffffff;
	}

	nav.mobile li ul {
		
	}

nav.mobile li:before {
	display: none;
}

/* 4.1.2. dekstop */
nav.desktop {
	width: 80%;
	width: calc(100% - 13em);
	float: left;
}

.menu {
	padding: 0;
	display: block;
}

nav.desktop ul {
	margin-bottom: 0;
	padding: 0;
}

nav.desktop li {
	display: inline;
	float: left;
	font-family: Lato, Myriad, sans;
}

nav.desktop ul > li a {
}

#pagewrap nav.desktop > ul li {
	margin-bottom: 0;
height: 65px;	
}

nav.desktop li ~ li {
	
}

nav.desktop .menu > li > a {
padding: 7px 1em 5px;
	display: block;
}

nav.desktop li a:link,
nav.desktop li a:visited {
	color: #5e5e5e;
}

nav.desktop .menu > li a:hover,
nav.desktop .menu > li a:focus {
	background-color: #5e5e5e;
	color: #ffffff;
}

nav.desktop .menu > li a:active {
	background-color: #ffffff;
	color: #5e5e5e;
}

nav.desktop li a:hover,
nav.desktop .current-menu-item > a:link,
nav.desktop .current-menu-item > a:visited {
	transition: color .6s ease;
}

nav.desktop .menu > .current-menu-item > a {
}

nav.desktop li .current-menu-item > a {
	border-bottom: none;
	background-color: #5e5e5e;
	color: #ffffff;
}

#pagewrap nav.desktop li:before {
	display: none;
}

nav.desktop ul ul {
	position: absolute;
	background-color: #ffffff;
	color: #5e5e5e;
	opacity: 0;
	height: auto;
	font-size: inherit;
	/*margin-top: 0;*/
}

nav.desktop ul ul li {
	display: none;
	height: 0;
	width: auto;
	float: none;
	margin: 0;
}

nav.desktop ul ul .current-menu-item > a {
	background-color: #5e5e5e;
}

nav.desktop ul ul li a:link,
nav.desktop ul ul li a:visited {
	color: #5e5e5e;
}


nav.desktop ul ul .current-menu-item > a:link,
nav.desktop ul ul .current-menu-item > a:visited {
	color: #ffffff;
}

nav.desktop ul ul li a:hover,
nav.desktop ul ul li a:focus {
	color: #ffffff;
	background-color: #5e5e5e;
}

nav.desktop ul ul .current-menu-item > a:hover,
nav.desktop ul ul .current-menu-item > a:focus {
	cursor: default;
}

nav.desktop ul li:hover > ul,
nav.desktop ul li:focus > ul { /* :hover */
	display: block;
	max-height: 40em;
	opacity: 1;
	transition: all .6s ease;
	/*height: auto;*/
}

nav.desktop ul li:hover > ul li,
nav.desktop ul li:focus > ul li { /* :hover */
	display: block;
	max-height: 20em;
	height: auto;
	transition: all .6s ease;
}

nav.desktop ul li:hover > ul li a:link,
nav.desktop ul li:focus > ul li a:link,
nav.desktop ul li:hover > ul li a:visited,
nav.desktop ul li:focus > ul li a:visited { /* :hover */
	display: block;
	/*padding-top: 4px;*/
padding: 3px 1em 7px;
	/*line-height: 39px;*/
	transition: all .6s ease;
}

/* 4.2. search */
nav .searchform {
	clear: both;
	height: 4.875em;
}

nav .searchform label {
	height: 4.875em;
	display: block;
	float: left;
	width: 4.875em;
	background-image: url(images/magnifier.svg);
	text-indent: -9999px;
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 50% 55%;
}

nav .s {
	font-size: 1.5em;
	width: 50%;
	width: calc(100% - 176px);
	height: 65px;
	box-sizing: border-box;
	background-color: #ffffff;
	padding-top: 16px;
	padding-left: .5em;
}

nav .searchsubmit {
	font-size: 1.5em;
	width: 52px;
	height: 52px;
	box-sizing: border-box;
	margin: 0;
	margin-top: 13px;
	position: absolute;
	right: 0px;
	background-color: transparent;
	background-image: url(images/go.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	text-indent: -9999px;
	cursor: pointer;
	transition: all .6s ease;
}

nav .searchsubmit:hover,
nav .searchsubmit:focus {
	background-color: #5e5e5e;
	background-image: url(images/go-white.svg);
	transition: all .6s ease;
}

nav .searchsubmit:active {
	background-color: #ffffff;
	background-image: url(images/go.svg);
}

/* 4.3. visibility toggle */
input.menu-toggle {
	display: none;
}

label.menu-toggle {
	z-index: 100; /* above everything */
	position: fixed;
	top: 0;
	left: 0;
	text-indent: -9999px;
	background-image: url(images/hamburger.svg);
	background-size: 45%;
	background-repeat: no-repeat;
	background-position: 45% 50%;
	color: #ffffff;
	background-color: #ffffff;
	transition: all .6s ease;
		-webkit-transition: all .6s ease;
	box-sizing: border-box;
	width: 4.875em;
	height: 4.875em;
}

	.admin-bar label.menu-toggle {
		top: 46px;
	}

label.menu-toggle:after {
	content: 'menu';
	position: relative;
	overflow: hidden;
}

label.menu-toggle:hover,
label.menu-toggle:focus {
	cursor: pointer;
	background-color: #5e5e5e;
	background-image: url(images/hamburger-white.svg);
}

label.menu-toggle:active {
}

.menu-toggle:checked ~ label { /* change the toggled label */
	background-image: url(images/cross.svg);
	width: 4.875em;
	transition: all .6s ease;
		-webkit-transition: all .6s ease;
}

	.menu-toggle:checked ~label:hover,
	.menu-toggle:checked ~label:focus {
		background-color: #5e5e5e;
		background-image: url(images/cross-white.svg);
	}

	.menu-toggle:checked ~ label:after {
		content: " ";
		width: 0;
		height: 0;
	}

.menu-toggle:checked ~ nav { /* open the toggled menu */
	height: 100%;
	height: calc(100vh - 4.875em);
	height: 32em;
	border-bottom: 4px solid #5e5e5e;
	box-sizing: border-box;
	min-height: 4em;
	transition: all .6s ease;
		-webkit-transition: all .6s ease;
}

/* 5. backgrounds */

/* 5.1. testing backgrounds */
html {
	/*background-image: url(images/grid.gif);
	background-position: 0 -1px;/**/
}

/* 6. other elements */

/* 6.1. iframes */
iframe {
	max-width: 100% !important;
}

/* 7. fixes and hacks */
/* 7.1. clearfix */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* 7.2. Android fix for checkbox hack */
body { 
  -webkit-animation: bugfix infinite 1s; 
}

} /* END screen media */

@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}

/* 7.2. webkit hacks */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	}
	
/* 7.3. Safari hacks */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome,* { /*styles*/
		}
	}
	
/* 7.4. Opera hacks */	
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	}
	
/* 8. size queries*/
@media only all and (max-width: 480px) { /* small phones */
.insta li {
	width: 30%;
}

.insta li ~ li {
	margin-left: 5%;
}

.post {
	padding-left: 1em;
	padding-right: 1em;
}

.blocks {
	padding-right: 1em;
}
}

@media only all and (min-width: 783px) { /* breakpoint for the WP admin bar */
	.admin-bar label.menu-toggle {
		top: 32px;
	}
}

@media only all and (min-width: 960px) { /* tablet-ish and bigger */
/* 3 layout */
#pagewrap {
	padding: 0 2em;
	margin-top: 4.875em;
}

.sitetitle {
	background-image: url(images/VJR-logo.png);
	background-repeat: no-repeat;
	background-size: 2.1666666666666666666666666666667em;
	height: 3.25em;
	box-sizing: border-box;
	background-position: center right;
	padding: 0.75em 2.75em 0 0;
	margin: 0 auto;
	float: none !important;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 7.25em;
}

#header .social {
	clear: both;
	margin-top: 0.8125em;
}

/* 3.2.1. social */
#header .social {
	margin-right: 0;
}

.social a:link,
.social a:visited {
	background-color: #5e5e5e;
	height: 1.625em;
	width: 1.625em;
}

/* 3.3.1. featured image */
.fimage {
	height: 61vh;
	overflow: hidden;
	margin-bottom: 3.25em;
	width: 100vw;
	width: calc(100% + 4em);
	margin-left: -2em; /* offset the pagewrap padding */
	background-color: #ffffff;
}

.fimage img {
	height: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
}

.insta,
.blocks,
.post {
	padding: 0;
}

.insta {
	margin-left: -2em;
	margin-right: -2em;
	padding: 0 2em;
}

.insta ul {
	margin-left: 0;
}

/* images */
.alignright,
.alignleft {
	max-width: 25%;
	max-width: 25vw;
	width: 25% !important;
	width: 25vw !important;
}

.alignright {
	margin-right: -2em;
}

	.alignright .wp-caption-text {
		padding-right: 2.25em;
	}
	
	.alignleft .wp-caption-text {
		padding-left: 2.25em;
	}

.alignleft {
/*margin-left: -2em;*/
}

img.alignnone,
div.alignnone {
	margin-left: 0;
}

/* blocks */
.blocks {
	margin-bottom: 6.5em;
}

.blocks .widget {
	width: 31.333333333333333333333333333333%;
	float: left;
}

.blocks .widget ~ .widget {
	margin-left: 3%;
}

.blocks img {
	width: 100%;
	margin-left: 0em;
	max-width: none !important;
	height: auto;
}

.blocks h2 {
	margin-bottom: 31px;
}

.widget_sp_image-image-link,
.rpwe-img {
	margin-left: 0;
	margin-right: 0;
}

	.blocks .widget_sp_image-image-link {
		height: 13.8125em;
		width: 100%;
		overflow: hidden;
		display: block;
	}
	
	.blocks .rpwe-img {
		height: 12.25em;
		width: 100%;
		overflow: hidden;
		display: block;
	}
	
	.blocks .rpwe_widget a.rpwe-img {
		margin-top: .0625em;
	}
	
	.blocks .widget_sp_image-image-link img,
	.blocks .rpwe-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


/* insta */
.insta li {
	width: 14%;
}

.insta li ~ li {
	margin-left: 3.2%;
}

/* footer */
#footer {
	width: 100vw;
	width: calc(100% + 4em);
	margin-left: -2em; /* offset the pagewrap padding */
}

#footer .social {
	margin-left: 2em;
}

/* aside */
aside {
	margin-left: 0;
	padding: 2.4375em 2em 0.8125em 2em;
}

aside .widget:first-of-type {
	float: right;
	width: 31.33333333333%;
}


}

@media only all and (min-width: 1200px) { /* desktop-ish and bigger */
/* 2. typography */
p, 
.post ul,
.post ol {
	font-size: 1.5em;
}

p {
	padding-top: 0.41666666666666666666666666666667em; /* 10px;*/
	margin-bottom: 0.66666666666666666666666666666667em; /* 16px; */
}

/* headings */
h1 {
	font-size: 2.25em;
	padding-top: 0.13888888888888888888888888888889em; /* 5px;*/
	margin-bottom: -0.13888888888888888888888888888889em; /* -5px; */
}

h2 {
	font-size: 2em;
	padding-top: 0.21875em; /* 7px; */
	margin-bottom: -0.21875em;
}

h3 {
	font-size: 1.75em;
	padding-top: 0.28571428571428571428571428571429em; /* 8px; */
	margin-bottom: -0.28571428571428571428571428571429em; 
}

h4 {
	font-size: 1.5em;
	padding-top: 0.41666666666666666666666666666667em; /* 10px; */
	margin-bottom: -0.41666666666666666666666666666667em; 
}

/* lists */
.post ul,
.post ol {
	padding-top: 0.41666666666666666666666666666667em; /* 10px;*/
	margin-bottom: 0.66666666666666666666666666666667em; /* 16px; */
}

	ul li:before {
		margin-top: .75em;
		width: .25em;
		height: .25em;
		background-color: #5e5e5e;
	}

/* blockquotes */	
blockquote {
	margin-top: 2.4375em; /* 39px; */
	margin-bottom: 3.3125em;  /* 53px;*/
}

blockquote p {
	font-size: 2.25em;
	padding-top: 2px;
	line-height: 52px;
}

/* captions */
.alignleft .wp-caption-text {
	padding-left: 0;
}

#pagewrap {
	padding: 0 1.5em;
}

.post,
.search-results .page,
.type-page {
	padding-left: 16.5%;
	padding-right: 16.5%;
}

.home .post {
	padding-left: 17.25%;
	padding-right: 17.25%;
}


#header .social {
	float: right;
	clear: none;
}

/* images */
.alignleft {
/*margin-left: calc(-50% - 1em);*/
	max-width: 45%;
	clear: left;
}

.alignright {
	clear: right;
}

/* insta */
.insta li {
	width: 10.5%;
}

.insta li ~ li {
	margin-left: 2.2857142857142857142857142857143%;
}

/* blocks */
.widget_sp_image-description {
	padding-top: 14px;
}

.rpwe-title {
	font-size: 1.6125em;
	padding-top: .775em; /*  23px; */
	margin-bottom: -15px;
}

.rpwe-summary {
	font-size: 1.375em;
}

	.blocks .widget_sp_image-image-link {
		height: 20.71875em;
	}
	
	.blocks .rpwe-img {
		height: 18.375em;
	}


/* 4 nav */
nav.mobile,
.menu-toggle {
	display: none;
}

nav.desktop {
	display: block;
}

nav.desktop ul {
}

}

@media only all and (min-width: 1700px) { /* do you need it this big? */
#pagewrap {
	padding: 0 15%;
}

.fimage {
	width: 142.857%;
	width: 100vw;
	margin-left: -25%;
	margin-left: -21.428571428571428571428571428571%;
}

aside {
	width: 142.857%;
	width: calc(142.857% + 2em);
	margin-left: -21.428571428571428571428571428571%;
	padding-left: 21%;
	padding-left: calc(21% + 2em);
	padding-right: 21%;
	padding-right: calc(21% + 2em);
}
}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; border: none; }
	
} /* END print media */