:root {
	--my-offblack: #222222; /* new */
	--my-offwhite: #fff8f0; /* new */
	--my-chocolate: #5b4d44; /* new */
	--my-brown: #9b4d44; /* new */
	--my-tan: #e3cdb6; /* new */
	--my-fudge: #a2672d; /* new */
	--my-link-color: #e3cdb6;
	
	--cassiopeia-color-primary: none;
	--cassiopeia-color-hover: black;
	--cassiopeia-color-link: #e92517;
	--body-color: var(--my-offblack); /* new */
	--body-bg: var(--my-tan); /* new */
	--body-font-size: 1.1rem;
  
	--my-h1-color: var(--my-chocolate);
	--my-h2-color: var(--my-brown);
	--my-h3-color: var(--my-chocolate);
	--my-h4-color: var(--my-brown);

	--my-mod-menu-color: #555555;
  --my-mod-menu-bg: var(--my-offwhite);

	--my-hr-border-color: #eee;
	--my-highlight-bg: RGBA(164,63,30,0.5);
	--my-color-hover-bg: #e92517;
	--my-card-body-bg: #ede9dc;
	--my-mod-list-border: #ddd;
	--my-mod-list-color-link-bg: #eee;	
	--my-mod-list-color-link-active: #e92517 ;
}

@font-face {
    font-family: 'cooper_md_btmedium_italic';
    src: url('../fonts/coopermi-webfont.woff2') format('woff2'),
         url('../fonts/coopermi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_md_btmedium';
    src: url('../fonts/cooperm-webfont.woff2') format('woff2'),
         url('../fonts/cooperm-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_lt_btlight_italic';
    src: url('../fonts/cooperli-webfont.woff2') format('woff2'),
         url('../fonts/cooperli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_lt_btlight';
    src: url('../fonts/cooperl-webfont.woff2') format('woff2'),
         url('../fonts/cooperl-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'cooper_lt_btlight', Verdana, Geneva, sans-serif; /* new */
}


@media (min-width: 300px) {
	.screen {
		visibility: hidden;
		display: none;
	}
}

@media (min-width: 576px) {
	.screen {
		visibility:visible; 
		display:unset; 
	}
	.phone {
		visibility: hidden;
		display: none;
	}
}

/* TABLES */
th {
	text-align:center;
}

td {
	border:1px solid var(--my-fudge);
}

@media (min-width: 300px) {
	td {
		padding:3px 10px 3px 10px;
	}
}

@media (min-width: 576px) {
	td {
		text-align:center;
		padding:3px 20px 3px 20px;
	}
}


/* HTML elements */
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
  font-family: 'cooper_md_btmedium', Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0.5em 0;
  font-weight: normal;
}
h1, h2, h3 {
  line-height: 2rem;
}
h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizelegibility;
}
h1 {
  color: var(--my-h1-color);
}
h2 {
  color: var(--my-h2-color);
}
h3 {
  color: var(--my-h3-color);
}
h4 {
  color: var(--my-h4-color);
}
h5 {
  color: var(--my-fudge);
}

@media (min-width: 300px) {
	h1 {
		font-size: 1.4em;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.1em;
	}
	h4 {
		font-size: 1.1em;
	}
	h5 {
		font-size: 1.0em;
	}
}

@media (min-width: 576px) {
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.3em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.2em;
	}
}



/* HEADER SECTION - Below-top (this contains the logo module) */
@media (min-width: 300px) {
	.header img {
		width:90%;	
	}
}

@media (min-width: 576px) {
	.header img {
		width:100%;	
	}
}


/* The Gallery slideshow */
#myGallery {
	padding-right: 40px;
}

@media (min-width: 300px) {
	#myGallery {
		width:350px;
		margin:auto;
	}
}

@media (min-width: 576px) {
	#myGallery {
		width:450px;
		height:550px;
		float:left;
	}
}


/* FOOTER SECTION */
.container-footer {
  color: var(--my-offwhite);
  background-color: var(--my-fudge); 
}

/* FOOTER SECTION - myFooter (this contains the contacts stuff) */
.footer-contact {
	float:left;
	width:200px;
}

.footer-phone {
	float:left;
	width:300px;
}

.footer-email {
	float:left;
	width:300px;
}

.footer .grid-child .mod-custom {
	margin:auto !important;
}

.footer .grid-child .mod-custom strong {
	color: var(--my-offwhite);
}

.footer .grid-child .mod-custom a {
	padding:5px;
	color: #f7ea56;
}

.footer .grid-child .mod-custom a:hover {
	color: var(--my-offwhite);
	background-color: #2222ef !important;
}

.footer .grid-child {
	max-width:960px !important;
	width:100%;
}

.footer .grid-child .mod-custom  p.title {
	padding-bottom:0px;
}

@media (min-width: 300px) {
	.footer .grid-child {
		text-align: left;
		padding-top: 5px;
	}
	
	.footer .grid-child .mod-custom p.title {
		margin-bottom: 0;
	}
	
	.footer .grid-child .mod-custom p {
		margin-bottom: 0;
	}

}

@media (min-width: 576px) {
	.footer .grid-child {
		text-align: center;
	}
	
	.footer .grid-child .mod-custom  p.title {
		margin-bottom:5px;
	}
}


/* Ordering page - Name & address */
#paul-bowden {
	margin-top: 3px;
	margin-left: 10px;
	font-size: 1rem;
	color: var(--my-brown);
}

/* Ordering page - method layout */
@media (min-width: 300px) {
	#order-method div {
		background-color:#fff2e2;
		padding-left:10px;
	}
}

@media (min-width: 576px) {
	#order-method {
		background-color:#fff2e2;
	}
	
	#order-method div {
		float:left;
		width:48%;
		height:180px;
	}

	#order-method div:last-child {
		clear: after;
		margin-bottom:20px;
	}
}

/* Ordering page - payment layout */
@media (min-width: 300px) {
	#order-payment div {
		background-color:#fff2e2;
		padding: 0px 10px;
	}
}

@media (min-width: 576px) {
	#order-payment {
		background-color:#fff2e2;
	}
	
	#order-payment div {
		width:48%;
		padding: 0px 10px;
		float:left;
		height:160px;
	}

	#order-payment div:last-child {
		clear:after;
		margin-bottom:20px;
	}
}



/* Prices page - Traditional & Balck oak layouts */
@media (min-width: 300px) {
	#traditional-oak {
		width:100%;
	}
	#black-oak {
		width:100%;
	}
}

@media (min-width: 576px) {
	#traditional-oak {
		width:48%;
		padding: 0px 10px 20px 0;
		float:left;
	}
	#black-oak {
		width:48%;
		padding: 0px 10px 20px 0;
		float:left;
	}
}




/* HEADER SECTION */
.container-header {
  background-color: var(--my-offwhite); /* new */
}

/* HEADER SECTION - Topbar */
.container-header .container-topbar {
  padding-top: 0rem !important;
  text-align: center;
  font-weight: bold;
}


/* HEADER SECTION - Below-top (this contains the logo module) */
@media (min-width: 300px) {
}

@media (min-width: 576px) {
	.container-below-top {
		max-width:960px !important;	
		border-bottom: 0.1rem solid var(--red);
	}
}


/* HEADER SECTION - Menus */
.container-header .grid-child {
  padding: .5em;
}
.container-header .mod-menu {
  color: var(--my-mod-menu-color);
}
.container-header .mod-list li.active > a {
  color: var(--my-mod-list-color-link-active) !important;
}
.container-header .mod-list li > a:hover {
  color: var(--cassiopeia-color-link);	
  background-color: var(--my-mod-list-color-link-bg);	
}
.container-header .mod-list li.active > a:hover {
  background-color:transparent !important;
}

@media (min-width: 300px) {
	.mod-menu {
		flex-direction: column;
	}
	.container-header .grid-child {
	  padding: 0;
	}
	.container-header .container-nav nav {
	  margin-top: .33em;
	}
	.container-header .navbar-toggler {
  border: 1px solid var(--my-chocolate);
  color: var(--my-chocolate);
	}

	.container-below-top {
	 float: right;
	 width: 80%;
	}
	.container-header .container-nav {
	  width: 10%;
	  float: left;
		padding: 0.2em 0 0 0.5em;
	}
}

@media (min-width: 576px) {
	.mod-menu {
		flex-direction: row;
	}
	.container-header .grid-child {
	  padding: .5em;
	}
	.container-below-top {
		 float: unset;
		 width: 100%;
	}
	.container-header .container-nav {
	  width: 100%;
	  float: unset;
		padding-bottom:1em;		
	}

.container-nav {
		max-width:960px !important;
	}
	.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
		color: var(--my-mod-menu-color);
	  background-color: var(--my-mod-menu-bg);	
	  cursor: pointer;
		position: relative;
		font-size: 1em;
	  text-decoration: none;
		padding:  0.5rem .75rem 0.5rem 0.75rem;
	}
	.container-header .mod-menu > li + li {
	  margin-left: 0.25em;
	}

	.container-header .mod-list li {
		border-right: .1rem solid var(--my-mod-list-border);
		padding-right: 0em;
	}
}


/* SITE-GRID SECTION (main content area) */
.site-grid {
	max-width:60rem !important; 
	margin:auto;
}


/* Link Styles */
a:hover {
  background-color: var(--my-color-hover-bg);
}



hr .myLight {
  border-top: 0.1rem solid var(--my-hr-border-color);
  border-bottom: 0.1rem solid var(--white);
}

ul {
	padding-top:0rem;
}

ul.list-icon-star {
  list-style-type: none;
}
	
ul:last-child {
  margin-bottom: 0.3rem;
}

ul:first-child {
  margin-bottom: 0.3rem;
}

strong {
	color: var(--my-brown);
}

/* Class modifiers */
.clearbreak {
	clear: both;
}

.highlight {
	background-color: var(--my-highlight-bg);
	padding: 1rem 0.5rem 0rem 0.5rem;
	width: 100vw !important;
	margin-left: 0rem !important;
	float:left;
	
}
.card-body{
	background-color: var(--my-card-body-bg);
}

.image-right {
	float:right;
	margin: 0.5em 0 0.5em 1.5em;
}

.image-left {
	float:left;
	margin: 0.5em 1.5em 0.5em 0 ;
}

.image-wide-right {
	float:right;
	margin: 0.5em 0 0.5em 3em;
}

.image-wide-left {
	float:left;
	margin: 0.5em 3em 0.5em 0 ;
}

.para-above-list {
	margin-bottom: 0;
	padding-bottom: 0;
}

.para-no-space-below {
	margin-bottom: 0px;
}
.h4-space-above {
	margin-top: 20px;
	padding-top: 20px;
}
.phil {
	color: blue;
}
.myTick {
	font-weight:700 !important;
	background-color: #aefaae; !important;
}

.slideplus-navigation {
	display:none !important;
}


.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous,
.slideplus-container[dir="rtl"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next {
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  zzbackground-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='48' viewBox='0 0 100 100'%3E%3Crect ry='25' x='10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M65 36.5h16v28H65zm-25 14l25 34m0 0l-25-34 25-35' fill='%23fff'/%3E%3C/svg%3E");
	background-image: none !important;
}

.slideplus-container[dir="ltr"] > .slideplus-viewport.slideplus-horizontal > .slideplus-next,
.slideplus-container[dir="rtl"] > .slideplus-viewport.slideplus-horizontal > .slideplus-previous {
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  zzbackground-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='48' viewBox='0 0 100 100'%3E%3Crect ry='25' x='-10.417' height='100' width='100'	fill-opacity='.5'/%3E%3Cpath d='M35 36.5H19v28h16zm25 14l-25 34m0 0l25-34-25-35' fill='%23fff'/%3E%3C/svg%3E");
	background-image: none !important;
}


@media (min-width: 300px) {
}

@media (min-width: 576px) {
}


@media (min-width: 300px) {

}

@media (min-width: 576px) {

}