@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;600;700&display=swap');
html {
	font-size: 15px;
}
/* colours */
body,
a, 
h1,
h1 a,
h2, 
h3, 
h4, 
h5, 
h6, 
.h1,
.printh1,  
.h2,
.h3,
.h4, 
.h5, 
.h6 {
	color: #1C378B; /*BLUE*/
}
body {
	position: relative;
	font-family: Open Sans, sans-serif;
	line-height: 1.5;
}
.btn-primary, .btn-outline-primary, .prodcatgridtxt h3, .prodgridtxt h4, .employee-title {
	font-family: 'Cinzel', serif;
}
h1, .h1, .printh1 {
	font-family: 'Cinzel', serif;
	font-size: 2.25rem;
	font-weight:500;
	line-height: 115%;
	position: relative;
	padding-bottom:1.125rem;
	margin-bottom:1.25rem;
}
h1::after,
.h1::after,
.printh1::after {
    position: absolute;
    content: '';
    width: 50%;
    height: 1px;
    background-color: #1C378B;
    bottom: 0;
    left: 0;
    margin-left: 0;
    margin-right: auto;
}
h1.text-center::after,
.h1.text-center::after,
.printh1.text-center::after {
    position: absolute;
    content: '';
    width: 50%;
    height: 1px;
    background-color: #1C378B;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
h1 + p, ul + h2, p + h2, ul + h3, p + h3, ul + h4, p + h4, ul + h5, p + h5 {
  padding-top: 1em;
}
.prodcatgridtxt h3 {
	font-family: 'Cinzel', serif;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.5s !important;
	transition: all 0.5s !important;
}
.prodgridtxt h4 {
	font-family: 'Cinzel', serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
/*edit bar */
.editbar,
.skip-link,
#loadingDiv,
.loader {
	display: none;
}
/* print only */
.print {
}
.noprint {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
}
div.printlogo {
	position:absolute;
	top:0;
	left:0;
	width:50%;
}
.printlogo img { 
	max-width: 400px;
	height: auto;
}
.printaddr {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	font-size:90%;
	line-height:1.6;
}
#printcopyright {
	font-size: 90%;
}
a[href]:after {
	content: none !important;
}
/* image tags */
.pictureright, .pictureRight {
	float: right;
	margin-left: 1em;
}
.pictureleft, .pictureLeft {
	float: left;
	margin-right: 1em;
}
.imgmax img  { 
	max-width: 100%;
	height: auto;
}
.flexcontainer {
	display:block;
	width:100%;
	padding-top:11rem;
}
#prddetls .flexcontainer {
	display:block;
	width:100%;
	padding-top:0rem;
}
.flexcontainer img  { 
	max-width: 100%;
	height: auto;
}
.container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
#maincontent .row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
#maincontent .col-md-8,
#blog .col-md-8 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.btn-primary,
.btn-outline-primary {
	display:none;
}	
.card-header {
    background-color: transparent;
	border-bottom:none;
}
.card-header h2 {
    font-size: 1.125rem;
	text-transform: uppercase;
}
.card-header .btn-link {
	color: #000;
    font-size: 1.125rem;
	text-transform: uppercase;
}
.card-header .btn-link:hover,
.card-header .btn-link:active {
	text-decoration: none;
}
.card {
	border:none;
}
.accordion .card .collapse.adminshow {
    display: block;
}
.accordion .card-body {
	font-size: 0.875rem;
}
.prodprintgrid .col-lg-3, .prodprintgrid .col-md-4, .prodprintgrid .col-12 {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}
.proddetprint .col-md-6, .proddetprint .col-12 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.tab-content>.tab-pane {
    display: block !important;
}
.tab-content>.printactive {
    display: block !important;
}
.fade:not(.show) {
    opacity: 1;
}



