:root {
	--blue: #004;
	--red: #630000;
	--secondary: rgba(0,0,68,0.2);
	--bodytext: 'Poppins';
	--titletext: 'Poppins';
	--sbFont: 'Poppins';
	--sbColor: #222;
	
}
div {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
} 

body {
	margin: 0;
	padding: 0;
	// background-color: #663333;
	background-color: #000;
	font-family: "Poppins";
	
}

.mainwrapper {
	position:relative;
	width: 100%;
	margin-top: 0px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: flex-start;
	padding: 0;
	box-sizing: border-box;
	min-height: calc(100vh - 65px - 81px);
}

.column {
	flex-direction: column !important;
}

body.arctic {
	background-color: white;
}

.leftright {
	display: flex;
	flex-direction: row;
	gap: 20px;
	
}

.ContactByLines {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.blogPost.twofer {
  width: calc(50% - 10px);
  cursor: pointer;
}

.mobileOnly {
		display: none;
	}
	.desktopOnly {
		display: flex;
	}

.topspacer {
	height: 2px;
}

.topspacer.inverseheader {
	background-color: transparent;
}

th.header {
	text-align: left;
	border-bottom: solid 1px #333;
}

.splash {
	width: 100%;
	height: 300px;
	background: url('/uploads/clarke-wide.jpg') center center no-repeat;
	background-size: cover;
	margin: 0 0 20px 0;
	border-radius: 6px;
}
.instagram {
	width: calc(100% - 160px);
	margin: 12px 0;
	padding: 0 80px;
	color: white;
}

.instagram h2 {
	font-family: "Cinzel";
	color: inherit;
	font-size: 20px;
}

.dark.instagram {
	color: #333;
}

.zoomie {
	display: none;
	width:0;
	height: 0;
	transition: all 0.5s;
}
.takeover.closed {
	display: none;
}
.takeover.open {
	display: block;
	
}

.zoomie.open {
	display: block;
	z-index:99999;
	border-radius: 12px;
	box-shadow: 5px 5px 8px #333;
	background-size: cover;
	width: calc(100vw - 20px);
	height: calc(100vh - 10px);
	background-position-x: center;
    background-position-y: center;
	top: 5px;
	left: 10px;
	position: fixed;
}

.takeover #zoomieCloser,
.zoomie #zoomieCloser {
	font-size: 24px;
	line-height: 24px;
	cursor: pointer;
	text-align: center;
	width: 24px;
	height: 24px;
	color: white;
	position: absolute;
	display: block;
	right: 20px;
	top: 10px;
	background: url('/x-white.png') center center;
	background-size: cover;
}

.takeover #zoomieCloser {
	position: fixed;
	top: 100px;
	z-index: 300;
}

.takeover #zoomieCloser:hover,
.zoomie #zoomieCloser:hover {
	background: url('/x-dark.png') center center;
	background-size: cover;
}


.signup {
	width: 600px;
	height:400px;
	display:flex; 
	flex-direction:row;
	border: solid 1px #333; 
	box-shadow: 5px 5px 12px #999;
	position: fixed;
    left: calc((100vw - 600px)/2);
	top: calc((100vh - 400px)/2);
	z-index: 1000;
}

.signup.inline {
	display:flex; 
	flex-direction:row;
	border: solid 1px #333; 
	box-shadow: 5px 5px 12px #999;
    left: unset;
	top: unset;
	z-index: 0;
	position: static;
	height: auto;
}

.signup.hidden {
	display: none;
}
.signup #zoomieCloser {
	font-size: 24px;
	line-height: 24px;
	cursor: pointer;
	text-align: center;
	width: 24px;
	height: 24px;
	color: white;
	position: absolute;
	display: block;
	right: 5px;
	top: 5px;
	background: url('/x-white.png') center center;
	background-size: cover;
}
.signup #zoomieCloser:hover {
	background: url('/x-dark.png') center center;
	background-size: cover;
}

.signup .leftside {
	width: 50%;
	height: 100%;
	background-color:#fff;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.left {
	width: 48%;
	height: 100%;
	background-color:#fff;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.right {
	width: 48%;
	height: 100%;
	background-color:#fff;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.signup .hbrl {
	width:100%;
}
.signup .leftside .bigwrapper {
	padding: 12px;
	text-align: center;
}
.signup .leftside .smaller {
	margin: 12px auto 24px auto;
}

.signup .leftside #newemail {
	border: solid 1px #633;
	width:269px;
	font-size: 20px;
	background-color:#fff;
}

.signup .rightside {
	width: 50%;
	height: auto;
	background: url("/uploads/RonWorkingATablesmall.png") top center;
	background-size: cover;
}

.blackbutton {
	color: #fff;
	background-color:#663333;
	width: 275px; 
	height: 30px;
	margin-top: 12px;
	font-size: 20px;
	border: solid 1px #000;
}
.blackbutton:disabled {
	background-color: #666;
}

.notreatment {
	text-decoration: none !important;
}
.reelimg {
	max-width: 220px;
	border-radius: 6px;
}

.playme {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 220px;
	max-height: 220px;
	overflow: hidden;
	border-radius: 6px;
}

.playbutton {
	position: absolute;
	z-index: 10;
	width: 40px;
	height: 40px;
}

.playbutton img {
	width: 40px;
	height:40px;
}

#playerbanner {
	position: relative;
	width: 100vw;
	height: calc(100vw * 0.562);
	overflow: hidden;
	margin: 0 auto;
}

.player {
	position: relative;
	width: 100vw;
	height: calc(100vw * 0.562);
	pointer-events: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.form-group {
  margin-bottom: 15px;
  width: 100%;
  max-width: 500px;
}

.form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}


.form-group .form-control {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #00000013;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  box-sizing: border-box;
}

.form-group textarea.form-control {
  height: auto;
}

.bluebutton {
	background-color: #000;
	border-radius: 12px;
	padding: 0 26px 3px;
	color: white;
	margin-top: 3px;
	line-height: 25px;
	font-weight: 400;
font-family: "Poppins";
font-size: 18px;
text-shadow: 0px 3px 6px rgba(0,0,0, 1);
width: 100%;
	
}


.bluebutton:hover {
	background-color: #663333;
	text-decoration: underline;
}

.boxed {
	border: 1px solid #333;
  background-color: #ddd;
  padding: 5px;
}

.buttonholder {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	position: absolute;
	top: 50%;
}

.playerbanner {
		position: relative;
	  margin: 0;
	  height: calc(50vw * 0.5639);
	  width: 80%;
	  overflow: hidden;
	  margin: 0px auto;
	  cursor: pointer;
	}
	.player {
		position: unset;
	  width: 100%;
	  height: calc(85vw * 0.5639);
	  z-index: -1;
	  pointer-events: none;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	}
	
	.navigation {
	  flex-grow: 1;
	  width: 100%;
	  justify-content: space-evenly;
	  font-family: "Poppins";
	  text-transform: uppercase;
	  /*text-shadow: 2px 2px 4px rgba(0,0,0,0.7);*/
	}
	
	.p100  {
		display: flex;
		width: 100%;
		flex-basis: content;
		flex-direction: column;
		min-width: 100%;
	}
	
	
	
	.p50  {
		display: flex;
		width: 50%;
		max-width: 50%;
		flex-basis: content;
		flex-direction: column;
	}
	
	.row {
		flex-direction: row;
	}
	
	.imageholder {
		position: relative;
	}
	.imageholder img {
		width: 100%;
	}
	
	
.wirebutton {
	background-color: rgba(0,0,0,0.1);
	padding: 16px 32px 16px 32px;
	line-height: 1.0;
	border: solid 1px #fff;
	border-radius: 3px;
	color: white;
	margin-top: 3px;
	cursor: pointer;
	font-weight: 400;
    font-family: "Poppins","Poppins";
    text-transform:  uppercase;
    font-size: 16px;	
}

.wirebutton:hover {
	text-decoration: underline;
	background-color: #000;
	/* box-shadow: 3px 3px 8px rgba(96,96,96,0.6);*/
}


.redbutton {
	background-color: #663333;
	padding: 16px 32px 16px 32px;
	line-height: 1.0;
	border: unset;
	border-radius: 3px;
	color: white;
	margin-top: 3px;

	font-weight: 400;
    font-family: "Poppins","Poppins";
    text-transform:  uppercase;
    font-size: 16px;	
}

.redbutton:hover {
	text-decoration: underline;
	background-color: #601a1a;
	/* box-shadow: 3px 3px 8px rgba(96,96,96,0.6);*/
}
.redbutton.inverse {
	background-color: white;
	border: unset;
	border-radius: 3px;
	color: #663333;
	margin-top: 3px;
	font-weight: 400;
    font-family: "Poppins","Poppins";
    text-transform:  uppercase;
    font-size: 16px;	
}

.redbutton.inverse.lightness {
	background-color: #ededed;
	border: unset;
	border-radius: 3px;
	color: #663333;
	margin-top: 3px;
	font-weight: 400;
    font-family: "Poppins","Poppins";
    text-transform:  uppercase;
    font-size: 16px;	
}


.fullpads {
	padding: 20px;
}
h1.fullmargin,
h2.fullmargin,
.fullmargin {
	margin: 20px;
}

.redbutton.inverse:hover {
	text-decoration: underline;
	background-color: #601a1a;
	color: white;
	/* box-shadow: 3px 3px 8px rgba(96,96,96,0.6);*/
}

.sandy {
	margin: 0;
	width: 100vw;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
}
.buttonset {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 20px;
}
.buttonrow.lefty > div {
	text-align: left;
}
.buttonrow > .linkOnly a,
.buttonset > .linkOnly a {
	font-family: "Poppins";
	text-transform: uppercase;
	text-decoration: none;
	padding: 17px 32px 17px 32px;
    display: inline-block;
	
}
.buttonrow > .linkOnly a:hover,
.buttonset > .linkOnly a:hover {
	text-decoration: underline;
}

.buttonset > div {
	text-align: left;
}

.buttonset > div > a {
	display: inline-block;
    width: unset;
}

.buttonset > div > a > button  {
	width: unset;
}
.buttonrow {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 20px;
}
.buttonrow > div {
	text-align: center;
}

.buttonrow.reader > div {
	text-align: left;
}


.buttonrow.tight {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 20px;
	width: 100%;
}
.buttonrow.tight .right {
	text-align: center;
}
.buttonrow.tight .left {
	text-align: center;
}

.btn.btn-lg, .btn-lg.search-submit {
  background-color: #45a945;
  padding: 3px 16px 3px 16px;
	border: solid 2px #333;
	border-radius: 8px;
	color: white;
	margin-top: 3px;
	line-height: 1.8;
	font-weight: 400;
    font-family: "Poppins","Poppins";
    text-transform:  uppercase;
    font-size: 20px;
}

.btn.btn-lg:hover , .btn-lg.search-submit:hover {
	text-decoration: underline;
	background-color: #336633;
	/*box-shadow: 3px 3px 8px rgba(96,96,96,0.6);*/
}


.player iframe,
.player object,
.player embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.additional {
	color: #fff;
	padding: 20px 0;
	
}

.additional .subtitle {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 12px;
}

.player iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: unset;
}
#footer {
	padding: 30px 20px;
	background-color: #000;
	text-align: left;
	position: relative;
	clear: both;
	z-index: 2;
	font-family: "Poppins";
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
	color: #fff;
	font-size: 14px;
	z-index: 1;
}
#footer > .center,
#footer > .right,
#footer > .left {
	min-width: 75px;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	background-color: unset;
}

#footer > .center {
	text-align: center;
}

#footer > .right {
	text-align: right;
}
#rltopwords {
	width: 100%;
	height: 65px;
	background-color: transparent;
	text-align: left;
    position: absolute;
    z-index: 200;
    font-family: "Poppins";
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#rltopwords .leftside {
	display: flex;
	align-items: center;
	flex-direction: row;
}
#rltopwords img.logo {
	max-height: px;
	height: 70px;
	cursor: pointer;
}

#rltopwords.inverseheader {
	background-color: transparent;
	color: white;
}


#rltopwords.inverseheader img.logo {
  max-height: 50px;
  height: 50px;
  margin: 10px 5px;
  }
  
  
#rltopwords.inverseheader.netco img.logo {
  max-height: 75px;
  height: 75px;
  margin: 5px;
  }
  
#rltopwords.inverseheader .nav {
  overflow: hidden;
  background-color: #633;
}

.bigMenu.inverseheader {
	display: flex;
  flex-direction: row;
  gap: 0px;
  font-family: "Poppins";
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  
  position: relative;
  padding: 0;
  color: white;
  border-bottom: unset;
  border-collapse: unset;
  line-height: 30px;
}

.p25  {
		display: flex;
		width: 35%;
		max-width: 35%;
		min-width: 35%;
		flex-basis: content;
		flex-direction: column;
	}
	.p75  {
		display: flex;
		  width: 65%;
		  max-width: 65%;
		  flex-basis: content;
		  flex-direction: column;
		  min-width: 65%;
		  padding: 20px;
		  box-sizing: border-box;
	}
	
	#rltopwords.inverseheader,
	.inverseheader {
		background-color: rgb(0, 0, 0);
	}
	#rltopwords.inverseheader.lightness,
	.inverseheader.lightness {
		background-color: transparent;
	}


.inverseheader a, .inverseheader a:visited, .inverseheader a:active {
  color: #fff;
  text-decoration: none;
 }

.inverseheader a:hover {
  color: #fff;
  text-decoration: underline;
 }
 .inverseheader.lightness a, .inverseheader.lightness a:visited, .inverseheader.lightness a:active {
  color: #000;
  text-decoration: none;
 }

.inverseheader.lightness a:hover {
  color: #000;
  text-decoration: underline;
 }
 
 
 a.headershop {
	 margin-right: 24px;
	 font-family: "Poppins";
	 font-size: 16px;
	 text-transform: uppercase;
	 font-weight: 400;
 }

.bigMenu.inverseheader a, .bigMenu.inverseheader a:visited, .bigMenu.inverseheader a:active {
  color: #fff;
  font-family: "Poppins";
  text-decoration: none;
 }

.bigMenu.inverseheader a:hover {
  color: #fff;
  text-decoration: underline;
 }
 
 
 .bigMenu.inverseheader .subItems-content a, .bigMenu.inverseheader .subItems-content a:visited{
   color: #333;
}

.bigMenu.inverseheader .subItems-content a:active, .bigMenu.inverseheader .subItems-content a:hover {
   color: #333;
   
}
#rltopwords #menu {
	position: relative;
	padding: 10px;
	flex-grow: 1;
	text-align: right;
}

#menu #dropdown {
	position: absolute;
	right: 10px;
	width: 200px;
	top: 11px;
	background-color: #fff;
	border: 1px solid #900;
	
}

.starter {
	border: solid 1px #fff;
padding: 0 10px;
border-radius: 6px;
}

.starter:hover {
	background-color: #000;
}

.mosaic .playerrow {
	width: calc(100vw - 40px);
	height: calc((100vw - 40px) * 0.53125);
	overflow: hidden;
	margin: 20px;
	border-radius: 6px;
}

.mosaic {
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
}
.mosaic .row1 {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 300px;
}
.mosaic .row1 .cell1 {
	background-image: url('https://www.ronaldlohse.com/redwoodcoffee.png');
	background-position: center center;
	background-size: cover;
    width: 60%;
    height: 300px;
}
.mosaic .row1 .cell2 {
	background-position: center center;
	background-size: cover;
	background-image: url('https://www.ronaldlohse.com/olive.png');
	width: 40%;
	height: 300px;
}
.mosaic .row2 {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 300px;
}
.mosaic .row2 .cell1 {
	background-image: url('https://www.ronaldlohse.com/uploads/pats.png');
	background-position: center center;
	background-size: cover;
    width: 25%;
    height: 350px;
}
.mosaic .row2 .cell2 {
	background-position: center center;
	background-size: cover;
	background-image: url('https://www.ronaldlohse.com/uploads/polish.png');
	width: 75%;
	height: 350px;
}

.slabwrapper {
	width: calc(100vw - 160px);
	display: flex;
	flex-direction: row;
	gap: 20px;
	padding: 20px 80px 0 80px;
	align-items: flex-start;
}

.slabwrapper.tower {
	width: calc(100vw - 160px);
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 80px 0 80px;
	align-items: center;
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}
.fullbleed .gallery .photoBody {
	width: calc((100%)/3);
}

.fullbleed .slabwrapper {
  width: calc(100vw);
  display: grid;
  grid-auto-flow: column;
  gap: 0;
  padding: 0;
  box-sizing: border-box;
  grid-auto-rows: 1fr;
  grid-auto-columns: 50%;
}

.fullbleed .slabwrapper.tower {
	width: calc(100vw);
	display: flex;
	flex-direction: column;
	gap: 0px;
	padding: 0;
	align-items: center;
}

	.sizes .tabs {
		display: flex;
		flex-direction: row;
		font-size: 24px;
		font-weight: normal;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		border-top: solid 1px #000;
	}
	
	.sizes .tab {
		cursor: pointer;
		border-left: solid 1px #000;
		color: #666;
		width: 150px;
		text-align: center
	}
	
	.sizes .tab:hover {
		text-decoration: underline;
		color: #333;
	}
	.sizes .tab.active {
		background-color: #663333;
		color: #fff;
	}
	.sizes .tabcontent {
		width: 100%;	
	}
	.sizes .tabcontent .image {
		display: none;
		transition: all ease-in;
		width: 100%;
		
	}
	.sizes .tabcontent .image img {
		width: 100%;
		display: none;
	}
	.sizes .tabcontent .image.active {
		display:block;
	}
	
.section {
	margin-bottom: 40px;
}

.box {
	border: solid 1px #000;
	border-radius: 6px;
	padding: 6px;
	min-height: 300px;
	display: flex;
}
td.spacer {
	width: 60px;
	min-width: 60px;
}

tr.complete td {
	color: #060;
}
tr.todo td {
	color: #009;
}



div.todo {
	display: flex;
min-height: 60px;
border-bottom: solid 3px #fff;
padding: 2px;
align-items: center;
justify-content: center;
width: 200px;
background-color: #900;
color: #fff;
text-align: center;
}
div.complete {
	display: flex;
	min-height: 60px;
	border-bottom: solid 3px #fff;
	padding: 2px;
	align-items: center;
	justify-content: center;
	width: 200px;
	background-color: #090;
	color: #fff;
	text-align: center;
}

div.complete.internal,
div.todo.internal {
	width: 100%;
	flex-direction: row;
	gap: 15px;
	justify-content: flex-start;
	position: relative;
}

div.deleted.todo,
div.delete.complete,
div.deleted.todo.internal,
div.delete.complete.internal {
    background-color: #999;
    color: #AAA;
}


.internal .status {
	display: flex;
	background-color: #fff;
	width: 60px;
	padding: 10px;
	min-width: 60px;
	justify-content: space-around;
}

.details.internal {
	display: flex;
    justify-content: flex-start;
    text-align: left;
}

.caret {
	transition: transform 0.5s;
	width: 20px;
	height:20px;
	background: url(/images/whitecaret.png);
	background-size: cover;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	transform: rotate(180deg);
}

.actionMenu {
	display:flex;
	flex-direction: row;
	height: 30px;
	background-color: white;
	border: solid 1px #333;
	border-radius: 10px;
	padding: 2px 6px;
	z-index: 10;
	position: absolute;
	top: 3px;
	right: 150px;
	align-items: center;
	box-shadow: 2px 2px 4px #333;
}

.actionItems {
	transition: width 0.5s;
	display: flex;
	flex-direction: row;
	gap: 6px;
	justify-content: flex-start;
	align-items: center;
}
.actionItems ul {
	display: flex;
	flex-direction: row;
	gap: 6px;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
}
.actionItems ul li {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.actionMenu.closed .actionItems {
	width: 0;
	overflow: hidden;
}
.actionMenu.open .actionItems {
	width: auto;
	padding-left: 6px;
}

.actionItems ul li > a {
	width: 24px;
	height: 24px;
}

.actionItems ul li > a > div {
	width: 24px;
	height: 24px;
	background-size: cover;
	cursor: pointer;
}


.burger {
	width: 24px;
	height: 24px;
	background: url('/images/burger.svg') center center;
	background-size: cover;
	cursor: pointer;
	
}

.burger.white {
	width: 24px;
	height: 24px;
	background: url('/images/burger-white.svg') center center;
	background-size: cover;
	cursor: pointer;
	
}

.addfile {
	background: url('/images/add-file.png') center center;
}
.showfiles {
	background: url('/images/files.png') center center;
}
.deleteitem {
	background: url('/images/deleteBin.png') center center;
}
.restoreitem {
	background: url('/images/recoverBin.png') center center;
}


.caret.open {
	transform: rotate(0deg);
}

.moreInfo .description {
	display: none;
}
.moreInfo.showing .description {
	display: flex;
}

.ordertable td {
	vertical-align:top;
	padding-right: 20px;
}

a.toggle {
  background: #ccc;
  cursor: pointer;
  border-top: solid 2px #eaeaea;
  border-left: solid 2px #eaeaea;
  border-bottom: solid 2px #777;
  border-right: solid 2px #777;
  padding: 5px 5px;
  width: 100px;
  
}

a.toggle.down {
  background: #bbb;
  border-top: solid 2px #777;
  border-left: solid 2px #777;
  border-bottom: solid 2px #eaeaea;
  border-right: solid 2px #eaeaea;
}

input[type="checkbox"] {
	display: none;
}

label.chk .imgholder {
	background-image: url(/images/unchecked.png);
	background-size: cover;
	width: 40px;
	height: 40px;
}

:checked + label.chk .imgholder {
    background: url(/images/checked.png) center center;
    background-size: cover;
    width: 40px;
	height: 40px;
}

.clear.wide100,
.wide100 {
	width: 100%;
}

.intro {
	width: 100%;
	min-height: 400px;
	padding: 20px;
}

.intro.buttonOnly {
		min-height: unset !important;
		padding: 0;
}
.intro.wide {
		min-height: unset !important;
		padding: 0;
		display: flex;
		width: 100vw;
		justify-content: space-around;
}

.nav {
  overflow: hidden;
  background-color: #fff;
}

/* Navigation links */
.nav a {
  float: left;
  font-size: 16px;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #333;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.nav a:hover, .subnav:hover .subnavbtn {
  background-color: #633;
  color: #fff;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #633;
  width: 100%;
  z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}


.slab {
	width: 100%;
	
	background-image: url('https://www.ronaldlohse.com/uploads/finished_slab50.png');
	background-position: center center;
	background-size: cover;
	border-radius: 6px;
	
	overflow: hidden;
	display: flex;
	color: #fff;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
}
.introPodcast {
	width: 45%;
	display: inline-block;
	
}
.introPodcast img {
	border-radius: 6px;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.slab .review {
	font-size: 18px;
	background-color: transparent;
	padding: 30px;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
}

.aqua {
	background-color: rgba(128,173,179,1);
}
.review .quote {
	font-style: italic;
}
.review .attrib {
	font-family: "Poppins";
	padding: 20px 20px 0 0;
}

.fullbleed .review .quote {
	margin-top: 20px;
	width: calc(100% - 60px);
}

.fullbleed .attrib .initial {
	display: inline-block;
	background-color: #9071b7;
	color: white;
	border-radius: 50%;
	height: 26px;
	width: 26px;
	line-height: 26px;
	text-align: center;
	vertical-align: middle;
	font-family: Poppins;
	margin-right: 10px;
	font-weight: normal;
}

.fullbleed .attrib {
	font-family: "Poppins";
	font-weight: 700;
	font-size: 14px;
	padding-top: 14px;
}


.post-title-wrapper {
	
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 12px 0;
	color: #333;
	font-family: 'Cinzel', cursive;
}



.post-body {

	  width: 100%;
	  margin: 20px auto;
	  text-align: left;
	  padding: 0;
	  font-size: 16px;
	  color: #333;
}


.customerProgress {
	display: flex;
	flex-direction: row;
	gap:1px;
}
.section {
  margin-bottom: 15px;
}

.transactions,
.tiled > div {
	font-size: 16px;
}

div.cta {
	gap: 10px;
}

div.action {
	display: flex;
	flex-direction: row;
	gap: 6px;
}

div.action a {
	white-space: nowrap;
}

.links.menuBurger {
	display: none;
	padding-right: 15px;
}


.mobileMenu {
	position: absolute;
	top: 60px;
	right: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.85);
	padding: 10px 40px 10px 20px;
	border: solid 1px #633;
	border-right: none;
	border-radius: 6px 0 0 6px;
	z-index: 2000;
	max-height: calc(100vh - 80px);
	overflow-y: scroll;
	
}

.mobileMenu.closed {
	display: none;
}
.mobileMenu.open {
	display: flex;
	flex-direction: column;
}



.mobileMenu a,
.mobileMenu a:visited,
.mobileMenu a:active,
.mobileMenu a:hover {
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
	text-decoration: none;
	font-family: "Poppins";
}

.mobileSub-content {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
}

.mobileMenu .mobileSubTitle, 
.mobileMenu .mobileSubTitle a,
.mobileMenu .mobileSubTitle a:hover,
.mobileMenu .mobileSubTitle a:visited,
.mobileMenu .mobileSubTitle a:active {
	font-size: 16px;
	font-family: "Cinzel";
	color: #fff;
	padding: 10px 0 5px 0;
	text-decoration: underline;
}


.related h2 {
	color: #fff;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-weight: 700;
	font-family: "Cinzel";
	font-size: 20px;
    text-shadow: 3px 3px 3px rgba(0,0,0, 0.6);
    margin: 8px 0 0 0;
}

.dark {
	color: #333;
}

.rightTitle {
	display: flex;
	width: 100%;
	color: inherit;
	text-align: left;
	justify-content: flex-start;
	padding: 0 0 20px 0px;
}

.padded {
	margin: 20px 0 0 20px;
}

h2.big,
h1,
.rightTitle h1 {
	color: #000;
	display: inline-block;
	font-weight: 700;
	font-family: "Cinzel";
	font-size: 24pt;
	line-height: 0.9;
   
}

.imageholder h1 {
  display: inline-block;
  font-weight: 700;
  font-family: "Abril Fatface", "Arial Black", sans-serif;
  font-size: 62px;
  line-height: 0.9;
  color: #000;
  margin: 0;
}

h2,
.rightTitle h2 {
	color: #000;

	display: inline-block;
	font-weight: 700;
	font-family: "Cinzel";
	font-size: 20px;
	line-height: 22px;
}

h2.dark,
.dark h2,
.dark .rightTitle h2 {
	color: #333;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-weight: 700;
	font-family: "Cinzel";
	font-size: 20px;
	line-height: 22px;
	text-shadow: none !important;
}

.dark h2.big,
h2.big.dark,
h1.dark,
.dark h1,
.dark .rightTitle h1 {
	color: #333;
	display: inline-block;
	font-weight: 700;
	font-family: "Cinzel";
	font-size: 24px;
	line-height: 26px;
	text-shadow: none !important;
}

h2.dark.padded.big,
h1.dark.padded {
	margin: 20px 0 0 20px;
}

.verticals {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-left: 10px;
	position: relative;
	z-index: 1;
}
.inspiration {
	--widthA: calc((100vw - 100px) / 2);
	--heightA: calc(var(--widthA) * 0.75);
	width: calc(var(--widthA));
	height: calc(var(--heightA));
	border-radius: 6px;
	overflow: hidden;
	margin: 10px 10px 10px 10px;
	display: flex;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}
.inspiration .image {
	width: 100%;
	height: auto;
	z-index: 1;
}
.inspiration .credit {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	z-index: 5;
}

.inspiration .credit a {
	color: #fff !important;
	text-decoration: none;
	text-shadow: 2px 2px 2px #633;
}
.inspiration .credit a:hover {
	text-decoration: underline;
}

.inspiration .heart {
	background: url("/heart-white.png") center center;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 5;
}

.inspiration .heart:hover {
	background-image: url("/heart-red.png");
}

.tileWrapper {
	--widthA: calc((100vw - 100px) / 4);
	width: calc(var(--widthA));
	height: calc(var(--widthA));
	border-radius: 6px;
	overflow: hidden;
	margin: 10px 10px 10px 10px;
	background-color: #000;
}

.tile {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-size: cover !important;
	cursor: pointer;
	opacity: 0.90;
}
.tile.clickable {
	opacity: 1.0;
	z-index: 500;
}
.tileWrapper a {
	text-decoration: none;
	color: white;
}
.tileWrapper a:hover {
	text-decoration: underline;
}

.tileWrapper a:hover .buttonLink {
	background-color: rgba(0,0,0, 0.8);
}

.tileWrapper a:hover .tile {
	opacity: 1.0;
}
.slabwrapper .tileWrapper {
	margin: 0 !important;
}
	

.tile.home {
	background: url(https://www.ronaldlohse.com/uploads/dining1.png) center center;
}

.tile.outdoor {
	background: url(https://www.ronaldlohse.com/uploads/outdoor.png) center center;
}

.tile.office {
	background: url(https://www.ronaldlohse.com/uploads/officeDesks.png) center center;
}

.tile.bar {
	background: url(https://www.ronaldlohse.com/uploads/restaurant.png) center center;
}

.tile.ethan {
	background: url(https://www.ronaldlohse.com/uploads/ethan_a.png) center center;
}

.buttonLink {
	color: white;
	border: solid 1px white;
	padding: 10px 20px;
	background-color: rgba(0, 0, 0, 0.5);
}

.g-recaptcha, .grecaptcha-badge {
	z-index: 999;
	margin-bottom: 90px;
}

.outdoorbanner {
	width: 100%;
	height: 200px;
	display: flex;
	background: url(https://www.ronaldlohse.com/uploads/outdoorBanner.png) center center;
	background-size: cover;
	align-items: center;
	justify-content: space-around;
}

.carebanner {
	width: 100%;
	height: 200px;
	display: flex;
	background: url(https://www.ronaldlohse.com/uploads/fur.png) center center;
	background-size: cover;
	align-items: center;
	justify-content: space-around;
}

.pageContainer {
	padding: 20px;
}

.pageContainer.noTopPadding {
	padding: 0 20px 20px 20px;
}


.homebanner {
	width: 100%;
	height: 200px;
	display: flex;
	background: url(https://www.ronaldlohse.com/uploads/dining4.png) center center;
	background-size: cover;
	align-items: center;
	justify-content: space-around;
}

.barbanner {
	width: 100%;
	height: 200px;
	display: flex;
	background: url(https://www.ronaldlohse.com/uploads/barBanner.png) center center;
	background-size: cover;
	align-items: center;
	justify-content: space-around;
}

.officebanner {
	width: 100%;
	height: 200px;
	display: flex;
	background: url(https://www.ronaldlohse.com/uploads/officeBanner.png) center center;
	background-size: cover;
	align-items: center;
	justify-content: space-around;
}

.verticals.related {
	float: right;
	flex-direction: column;
	text-align: center;
	background-color: #633;
	border-radius: 6px;
	padding: 0;
	margin-left: 15px;
}

.pageTitle {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: white;
	text-shadow: 2px 2px 2px #000;
}

.whiteness {
	margin: 20px;
	color: #fff;
	
}
.landing-cta {
	border: solid 1px white;
	padding: 20px;
	background-color: #663333;
	color: #fff;
	clear: both;
	margin-top: 20px;
	border-radius: 6px;
	
}
.cta {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #fff;
	align-items: center;
}
.action a {
	color: #fff;
	border: solid 1px #fff;
	padding: 10px 20px;
	background-color: #333;
	text-decoration: none;
}
.action a:hover {
	text-decoration: underline;
}

img.rightside {
	width: 300px;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 20px;
	float: right;
}
img.leftside {
	width: 300px;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 20px 0 0;
	float: left;
}
.breadcrumbs {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 20px;
	width: auto;
	gap: 10px;
	color: #333;
	background-color:#fff;
	border-bottom: solid 2px #663333;
	font-family: "Poppins";
}
.breadcrumbs a {
	text-decoration: none;
	color: #333;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.breadcrumbs .this {
	color: #999;
}

.bodytextwhite {
	color: #fff;
	font-weight: 400;
	font-family: "Poppins";
	font-size: 18px;
    text-shadow: 0px 3px 6px rgba(0,0,0, 1);
    padding: 0;

}

.arctic .post-body {
	font-family: "Poppins";
	font-size: 16px;
}

td.fld {
	vertical-align: top;
}


.dark .bodytextwhite,
.bodytextdark {
	color: #333;
	font-weight: 400;
	font-family: "Poppins";
	font-size: 18px;
    padding: 0;
    text-shadow: none;
}

.textdark {
	color: #333;
	font-weight: 400;
	font-family: "Poppins";
	font-size: 18px;
}


.textwhite {
	color: #fff;
	font-weight: 400;
	font-family: "Poppins";
	font-size: 18px;
    text-shadow: 0px 3px 6px rgba(0,0,0, 1);
}

.bodytextwhite a,
.bodytextwhite a:visited {
	color: #fff;
	font-weight: 700;
	
}

#dropdown ul {
	margin: 0;
	padding: 0;
}
#dropdown li {
	list-style: none;
	cursor: pointer;
	padding: 6px;
	
}
#dropdown li:hover {
	background-color: #aaa;
}

.hidden {
	display: none;

}

.more {
	display: flex;
    width: 100%;
    justify-content: space-around;
}

.morebutton {
	width: 300px;
	line-height: 30px;
	background-color: cornflowerblue;
	border: solid 1px #336;
	color: white;
	font-size: 18px;
	cursor: pointer;
}
.morebutton:hover {
	background-color: royalblue;
}


.dark .morebutton {
	width: 300px;
	line-height: 30px;
	background-color: #633;
	border: solid 1px #333;
	color: white;
	font-size: 18px;
	cursor: pointer;
}
.dark .morebutton:hover {
	background-color: #633;
}


.link {
	font-family: "Poppins";
	margin: 10px;
	font-size: 24px;
}

.menu .link {
	font-size: 20px;
	padding: 10px 15px;
}

.link a,
.link a:visited {
	color: #663333;
	text-decoration: none;
}
.link a:hover {
	color: #663333;
	text-decoration: underline;
}

.links {
	display: flex;
	flex-direction: row;
}

#footer .links {
	justify-content: flex-end;
}

.address {
	display: flex;
	color: #fff;
	float: right;
	margin-right: 10px;
	font-size: 14px;
	min-width: 147px;
	
}
.address img {
	width: 217px;
}

img {
	image-orientation: from-image; 
}

.blogArticle {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	font-family: "Poppins";
}
.articleContent {
	display: flex;
	flex-direction: row;
	gap: 20px;
	border-bottom: solid 1px #333;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.articleHead {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.articleTitle h1 {
	font-family: "Cinzel";
	color: #333;
	font-size: 24px;
	text-shadow: none;
}

.articleBody h2 {
	font-family: "Cinzel";
	color: #333;
	font-size: 20px;
	text-shadow: none;
	font-weight: 700;
	border-bottom: solid 1px #888;
	display: inline;
}

.dark h2 {
	color: #333;
}

.articleTitle a:hover,
.articleTitle a:hover h1 {
	text-decoration: underline;
}

.articleThumb {
	height: 100px;
	width: 100px;
	min-width: 100px;
	border-radius: 6px;
	margin-right: 10px;
	background-position: center center;
	background-size: cover;
}

.articleTease {
	font-family: "Poppins";
	font-style: italic;
	margin-bottom: 20px;
}

.articleImage {
	width: 400px;
	height: 400px;
	float: right;
	margin: 0 20px 20px 20px;
	border-radius: 10px;
	background-position: center center;
	background-size: cover;
}

.articlePhoto {
	width: 200px;
	height: 200px;
	min-width: 200px;
	min-height: 200px;
    background-position: center center;
    background-size: cover;
    
}
.article-body {
	width: 500px;
}

.clear {
	clear: both;
	height: 0px;
	width: 0px;
}
.blogPost {
	padding: 20px 0;
}
.blogPost, .photoBody {
	position: relative;
	border-radius: 0px;
	overflow: hidden;
	
}
.imageWrapper {
	display: flex;
}

.reel-title-wrapper {
	position: absolute;
	top: 0px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 8px 0;
	background-color: rgba(0,0,0,0.35);
	color: #fff;
	font-family: 'Cinzel', cursive;
	z-index: 10;
	font-size: 14px;
}

.post-body a,
.post-body a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.post-body a:hover {
	text-decoration: underline;
}

.imageWrapper > a,
.imageWrapper > a > .image,
.imageWrapper .image {
	aspect-ratio: 1/1;
	max-width:100%;
	width: 100%;
	image-orientation: from-image; 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

.imageWrapper .img {
	aspect-ratio: 1/1;
	max-width:100%;
	width: 100%;
	image-orientation: from-image; 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

textarea.description {
	width: 100%;
	min-height: 80px;
}
.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 20000;
	padding: 60px 30px;
}

.popup iframe {
	display: flex;
	position: relative;
	border: solid 1px #333;
	background-color: white;
}

.popup #popupCloser {
	font-size: 24px;
	line-height: 24px;
	cursor: pointer;
	text-align: center;
	width: 24px;
	height: 24px;
	color: white;
	position: absolute;
	display: block;
	right: 20px;
	top: 10px;
	background: url('/x-white.png') center center;
	background-size: cover;
}
.popup #popupCloser:hover {
	background: url('/x-dark.png') center center;
	background-size: cover;
}

.popup.closed {
	display: none;
}
.popup.open {
	display: block;
}

.slabwrapper.vertical,
.filerow {
	display: flex;
    flex-direction: column;
}

.actionrow {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.filerow .details {
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.details .created {
	width: 150px;
}