/* CSS Document */

:root {
	--grad1: linear-gradient(to right, rgb(255, 255, 255) 40%, rgba(255,255,255,0) 80%);
	--grad2: linear-gradient(to left, rgba(255, 255, 255, 0) 100px, rgb(255,255,255) calc(300px + 20%));	
}


div#section-container {
	/*width: 100%;*/
	/*margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;*/
	/*margin: 0;*/
	/*box-shadow: 0px 0px 20px #BBB;
	box-shadow: 0px 0px 20px #003d6f;*/
	/*border: 0;*/
	/*padding: 0;*/
}

div, p, span, h1, h2, h3, h4, h5, h6, h7 
{
	box-sizing: border-box;
}

/* The CSS specification has an informative Appendix D. Default style sheet for HTML 4. */
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }

/*override*/
h4 { margin: .67em 0 }
p { margin: .8em 0 1.12em 0 }
form { margin: 0 0 }

body {
	/*font-family: Arial Narrow, Arial, sans-serif;*/
	/*font-stretch: condensed;*/
	/*font-family: "Roboto", Arial, sans-serif;*/
	/*font-family: "Lora", Marryweather, serif;*/
	/*font-family: "Myriad Pro Regular", Arial, sans-serif;*/
	font-family: "Merriweather-Regular", Times New Roman, serif;
	font-size: 16px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	/*padding-top:56px;*/
	/*padding-top:var(--main-nav-height);*/
}
input {
		font-family: "Merriweather-Regular", Times New Roman, serif;
}


div.startpage {
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	
	padding-left: 0px;
	padding-top: 40px;
	
	font-family: "Lora-Bold", Merryweather, serif;
	font-size: 32px;
	font-weight: bold;
	/*-webkit-text-stroke: 1px white;*/
	text-shadow:0px 0px 10px #fff, 0px 0px 10px #ccc;	
	width: 100%;
	
	min-height: 300px; 
}
img.startpagelogo {
	margin-left: -11%;
	width: 80%;
	min-width: 200px;
	max-width: 500px;
}


.content {
	min-height: 400px;
}

.searchResultItem img.listicon {
	width:48px; 
	padding-bottom: 10px;
}




.tab-content > div {
	padding-left: 12px;
	padding-right: 6px;
}



// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
	body {
  		/*margin-right:var(--main-nav-width);*/
 		padding-top:0
	}
	div.startpage {
		min-height: 400px; 
	}
	img.startpagelogo {
		width: 100%;
		margin-left: -68px;
	}
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {}

#sb-slider {
	max-width: 500px;
}

@media (min-width: 768px) {
	#sb-slider {
		max-width: 550px;
	}
}

@media (min-width: 992px) {
	#sb-slider {
		max-width: 770px;
	}
}

@media (min-width: 1200px) {
	#sb-slider {
		max-width: 1000px;
	}
}


#legend {
	font-size: 16px;
	text-height: 8px;
}

.items {
	min-height: 400px;
	min-width: 400px;
	padding-right: 370px;
	position: relative;
}
.item {
	cursor: pointer;
}


.item:hover {
	color: #867F37;
}

.item .title {
	font-weight: bold;
}

#rightcontainer
{
	position: absolute;
	width: 370px;
	top: 0px;
	right: 0px;
}
#items-preview
{
	/*float: right;*/
	/*position: absolute;
	top: 0px;
	right: 0px;*/
	
	border: 3px solid #943e12; /*3*/
	border-radius: 5px; /*5*/
	/*height: 260px;*/
	width: 100%;
	
	/*font-weight: bold;*/
	color: #943e12;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:10px;
	
	background-size: inherit;
	background-repeat: no-repeat;
	background-position: top right;
	
}


#legend-window
{
	/*float: right;*/
	/*position: absolute;
	//top: 270px;
	right: 0px;
	border: 0px;
	height: 200px;*/
	width: 100%;
	padding-top: 10px;
}
.tab-content > div#legend-window {
	padding: 0px;
	padding-top: 5px;
}

img.icon {
	background-size: initial;
	background-repeat: no-repeat;
	border:0px;
	width: 0;
	height: 0;
	
}

.error
{
	color: red;
	font-weight: bold;
}
.selected
{
	color: blue;
	/*font-weight: bold;*/
}


/*img.icon[src=""] { content:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }*/


.ContentItem .items .tab-content 
{
	position: relative;
}

.ContentItem {
	font-size: 16px;
}

.loginError {
	color: red;
	font-weight: bold;
}

/* Loader */
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* End Loader */

.flex-section {
	display:flex;
	flex-grow:1;
	flex-direction: column;
}

.heading-content,
.carousel-content {
	padding-bottom: 0px;
	display:flex;
	flex-direction: column;
	/*flex-grow:1;*/
}
.content-content {
	display:flex;
	flex-direction: column;
	flex-grow:1;
}

.content-content .container {
	display:flex;
	flex-direction: column;
	flex-grow:1;
/*	background-color: #ffffea;
	border-left: 1px solid #ffff66;
	border-right: 1px solid #ffff66;*/
}


.heading-content .container {
/*	background-color: #ffffea;
	border-left: 1px solid #ffff66;
	border-right: 1px solid #ffff66;*/
}


#top-section .container {
/*	padding-top: 20px;*/
}

#top-section {
	margin-top: 2px;	
}

.heading-content .section-heading h1 {
	/*margin-top: 0;*/
	margin-top: 1.2em;
}

.heading-content .section-heading b,
.heading-content .section-heading strong
{
	/*color: #B0062D;*/
}

.heading-content .section-heading table
{
	background-color: #8B1717;
	border-spacing: 1px;
    border-collapse: inherit;
    
}

.heading-content .section-heading td
{
	background-color: white;
}



.heading-content .section-heading ul {
	padding-left: 0px;
	margin-left: 20px;
	list-style: none; /* Remove default bullets */
}

.heading-content .section-heading ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--header-color); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


h1 {
	font-size: 28px;
	font-style: normal;
	color: var(--text-color);
	font-weight: bold;
}


footer ul {
	padding-left: 0;
	margin: 0;
}

footer .container {
	box-sizing: border-box;
	padding-bottom: 10px;
} 

footer li {
	list-style: none;
	text-align: center;
}

footer li.footer-main {
	padding-bottom: 20px;
	text-align: center;
}
footer li.footer-main h4 {
	font-size: 20px;
}


#mailform {
	background-color: #CCCCCC;
	padding: 10px;
	font-size: 16px;
}


#mailform .mailformerrors {
	font-weight: bold;
	color: red;
	text-align: center;
}

#mailform label {
	font-weight: normal; 
	margin-top: 8px;
	margin-bottom: 8px;
}

#mailform #comments {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
}

#mailform h2 {
	font-size: 16px;
	font-weight: bold;
}

#mailform #submit {
	margin-top: 12px;
	margin-bottom: 24px;
}

section#logo-section div.section-heading {
	text-align: center;
	margin: 20px 0 30px 0;
}

#main-logo {
	width: 80%;
	max-width: 250px;
	min-width: 100px;
	filter: drop-shadow(0px 8px 3px #999);
}


footer .credits {
	text-align: center;
}

.carousel-content .nav-arrows a {
	top: 40%;
}


#mainsearchdiv {
	min-width: 300px;  
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F8F8F8;
	border: 1px solid #CCC;
	filter: drop-shadow(0px 5px 3px #999);
}

#mainsearchdiv form {
	margin: 0;
}

#mainsearchdiv form .label {
	color: black;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.searchResultItem {
	/*padding:10px;*/
}



.searchResultItemLink,
.searchResultItemLink:hover,
.searchResultItemLink:visited, 
.searchResultItemLink:active,
.searchResultItemLink:link
{
	text-align: center;
	vertical-align: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	/*padding-left: 6%;
	padding-right: 6%;*/
	
	width: 100%;
	min-height: 100px;
	display: block;
	text-decoration: none;
	/*border: 1px solid #CCC;
	filter: drop-shadow(0px 5px 3px #999);*/
	/*margin: 20px;*/
	
}



.searchResultItem img {
	width: 30%;
	max-width: 200px;
}

.searchResultItem img.listimg {
	width: 80%;
	max-width: 250px;
}


.ArticleDefaultImage {
	margin-bottom: 20px;	
}

.ArticleLead {
	margin-top: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.ArticleLead p:first-of-type {
	margin-top: 0;
} 

.slick-slider img {
    background: url(/engine/scripts/slick-slider/slick/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
	
}
.slick-slider .slick-list { 
    opacity: 0; 
    position: absolute;
    filter: drop-shadow(0px 5px 3px #999); 
}
.slick-slider.slick-initialized {
    background: none;
}
.slick-slider.slick-initialized .slick-list { 
    opacity: 1;
    position: relative;
    transition: opacity 0.2s ease-in;
}



section img.imgright {
	float: right;
	margin: 0 0 10px 10px;
	width: 30%;
}
section img.imgleft {
	float: left;
	margin: 0 10px 0 10px;
	width: 30%;
}
section img.imgcenterbig {
	display: block;
	margin: auto;
	width: 100%;
}

section img.imgcenternormal {
	display: block;
	margin: auto;
	width: 50%;
}
	

section {
	margin: 0px;
}
.row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    /*padding-right: 0px !important;
    padding-left: 0px !important;*/
}



.pswp-gallery .col {
	margin-bottom: 20px;
	text-align: center !important;
}

.wineItem .listimg {
	width: 100%
}

/* end css */