@charset "UTF-8";
/* CSS Document */

html {
	background-image: url(../img/owl-bkg.jpg);
	background-repeat: none;
	background-attachment: fixed;
}
body {
	font-size: 1rem;
	line-height: 1.2rem;
	width: 100%;
	max-width: 1024px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	font-family: "OpenSans Regular", sans-serif;
}
#wrapper {
	display: grid;
	row-gap: 0.5rem;
	column-gap: 1rem;
	background-color: white;
	max-width: 1200px;
	min-height: 100vh;
	grid-template-rows: 10rem auto 2rem;
	grid-template-columns: 1fr 25%;
	padding: 1rem;
}
#banner {
	grid-column: 1;
	grid-row: 1;
grid- background-color: white;
	text-align: left;
}
#sig {
	grid-column: 2;
	grid-row: 1;
	background-color: white;
	text-align: right;
	position: relative;
}
#nav {
	position: absolute;
	bottom: 0;
	right: 0;
}
/* Dropdown Button */
.dropbtn {
	background-color: #3498DB;
	color: white;
	padding: .25rem .5rem .25rem .5rem;
	font-size: 1rem;
	border: none;
	cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	background-color: #2980B9;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
	float: right;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: rgba(255,255,255,0.75);
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	right: 0;
}
/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: .1rem;
.5rem;
	text-decoration: none;
	display: block;
}
/* products */
#itemwrap { /* for overall grid */
	display: grid;
	max-width: 100%;
	row-gap: 0.5rem;
	column-gap: 1rem;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	padding: 0;
}
#itemspan { /* for headings and paras within */ 
	grid-column: 1 / span 4;
	grid-row: auto;
	text-align: left;
	font-size: 1rem;
	font-height: 1.2rem;
}
#itemunit { /* individual item */ 
	grid-column: auto;
	justify-items: center;
}
.unitc1 {
	grid-column-start: 1;
}
.unitc2 {
	grid-column-start: 2;
}
.unitc3 {
	grid-column-start: 3;
}
.unitc4 {
	grid-column-start: 4;
}
#itemunit img {
	display: block;
	width: 100%;
	height: auto;
}
#itemunit h2, #itemunit h3, #itemunit p {
	text-align: center;
	font-size: .8rem;
	line-height: 1rem;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #ddd;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}
#main {
	grid-column: 1;
	grid-row: 2;
	background-color: white;
	height: 100%;
}
#side {
	grid-column: 2;
	grid-row: 2;
	background-color: white;
}
#foot {
	grid-column: 1;
	grid-row: 3;
	background-color: white;
	height: 1.5rem;
	grid-column: span 2;
	text-align: left;
}
p, ul, ol, li, td, th {
	font-family: "OpenSans Regular", sans-serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 1rem;
	font-variation-settings: "wdth" 90;
	line-height: 1.25rem;
}
p, ul, li, ol {
	text-indent: 0rem;
	margin: 0;
	border: 0;
	padding: 0;
}
p+p {
	text-indent: 1.5rem;
	margin: 0;
	border: 0;
	padding: 0;
}
li+li {
	margin-top: .25rem;
}
a {
	text-decoration: none;
	overflow-x: hidden;
	wordwrap: break-word;
}
p.linklist { /* for a:link */
	text-indent: 0;
	margin-top: .2em;
}
h1, h2, h3, h4, h5, h5 {
	font-weight: 500;
	font-family: "OpenSans Regular", sans-serif;
}
h1 {
	font-weight: 450;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin-top: .5rem;
	margin-bottom: 1rem;
	padding-bottom: 0rem;
	border-bottom: 0rem;
	color: rgba(0,144,141,1.00);
}
h2 {
	font-weight: 350;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-top: .3rem;
	margin-bottom: .1rem;
	padding-bottom: 0rem;
	border-bottom: 0rem;
	color:rgba(128,128,128,1.00)
}
h3 {
	font-weight: 450;
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-top: .3rem;
	margin-bottom: .1rem;
	padding-bottom: 0rem;
	border-bottom: 0rem;
	color: rgba(92,92,128,1.00);
}
h3 a:link, h3 a:visited {
	color: red;
}
h4 {
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-top: .3rem;
	margin-bottom: .1rem;
	padding-bottom: 0rem;
	border-bottom: 0rem;
	color: rgba(64,64,128,1.00);
}
	h5 {
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.2rem;
	margin-top: .3rem;
	margin-bottom: .1rem;
	padding-bottom: 0rem;
	border-bottom: 0rem;
	color: rgba(0,144,141,1.00);
}
ul, li {
	list-style-type: none;
	font-size: 1rem;
	margin-top: .1rem;
	margin-bottom: .1rem;
}
H1+p, H2+p, H3+p, img+p, br+p {
	text-indent: 0rem;
}
img.title {
	height: 10rem;
	width: auto;
}
img.logo {
	width: 14rem;
	height: auto;
	margin: 0;
}
img.book {
	width: 50%;
	height: auto;
	margin-top: 1rem;
	margin-bottom: .5rem;
}
.booktitle, .chaptertitle {
	font-style: italic;
}
p.promo {
	font-size: 1rem;
	line-height: 1.25rem;
}
p.caption {
	font-size: .8rem;
	line-height: 1rem;
	font-style: italic;
	padding-bottom: 1rem;
}
p+p.b {
		text-indent: 0rem;
		margin-top: .25rem;	
	}
td {padding-right: .5rem;
	vertical-align: top;}
td p {font-size: .9rem;
	line-height: 1rem;
	}
H5.xb {font-weight:500; }
/* colors */

/* unvisited link */
a:link {
	color: rgba(0,96,128,1.00);
}
/* visited link */
a:visited {
	color: rgba(64,96,128,1.00);
}
/* mouse over link */
a:hover {
	color: rgba(133,4,203,1.00);
}
/* selected link */
a:active {
	color: rgba(133,4,203,1.00);
}

iubenda-white, iubenda-noiframe, iubenda-embed, iubenda-noiframe {
	font-size: .8rem !important;
	display: inline-block !important;
}

@media (max-width: 480px) {

#wrapper {
	background-color: white;
	grid-template-rows: 8rem 5rem auto auto 2rem;
	grid-template-columns: 1fr;
	padding: .5rem;
}
#banner {
	grid-column: 1;
	grid-row: 1;
	background-color: white;
}
#sig {
	grid-column: 1;
	grid-row: 2;
	background-color: white;
	text-align: left;
}
#main {
	grid-column: 1;
	grid-row: 3;
	background-color: white;
	height: 100%;
}
#side {
	grid-column: 1;
	grid-row: 4;
	background-color: white;
}
#foot {
	grid-column: 1;
	grid-row: 5;
	background-color: white;
	height: 2rem;
	text-align: left;
}
img.title {
	max-width: 100%;
	height: auto;
}
img.logo {
	width: 25vw;
	height: auto;
	margin: 0;
}
img.book {
	width: 50%;
	height: auto;
	margin-top: 1rem;
	margin-bottom: .5rem;
}
#itemwrap {
	grid-template-columns: repeat(2, 1fr);
}
#itemspan {
	grid-column: 1 / span 2;
}
.unitc1 {
	grid-column-start: 1;
}
.unitc2 {
	grid-column-start: 2;
}
.unitc3 {
	grid-column-start: 1;
}
.unitc4 {
	grid-column-start: 2;
}
}