/*
red    = #89012C
yellow = #ffc425
brown  = #63534B
black?  = #121212
*/

#header {
	background-color: #89012C;
}

#bg {
	background-color: #f7f7f7;

background-image: url('../images/version_2/vic_old_crest_new_inversed_50percent.png');
background-repeat: no-repeat;
background-position: 440px 30px;

	
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0;
}

#big_circle {

	width: 80%;
	height: 100%;
	
	/*
	background: url('../images/version_2/image_6.jpg') center center;
	background-size: cover;
	background-repeat: no-repeat;
	*/
	
	/* if needed, disable this for easier positioning */
	clip-path: circle(60% at 80%);
	position: absolute;
	right: 0;	
}

/* 
Note: background size changes to cover when it's less than 1440px.
See responsive settings at the end of this file.
*/

#big_circle.home {
	/* background: url(clay-banks-vDMo_NuzjUM-unsplash.jpg) center center; */
	/* background: url('image_2.jpg') center center; */
	/* background: url('../images/version_2/image_5.jpg') 50% 50%; */
	background: url('../images/version_2/image_2.jpg');
	background-size: cover;


	background-position: 100% 80% !important;
	background-size: 70% !important;

	clip-path: circle(60% at 80%);	

}

#big_circle.events {
	/* background: url(clay-banks-vDMo_NuzjUM-unsplash.jpg) center center; */
	/* background: url('image_2.jpg') center center; */
	background: url('../images/version_2/image_8.jpg') 50% 50%;	
	background-size: cover;
	/*
	background-position: 100% 80% !important;
	background-size: 80% !important;
	clip-path: circle(60% at 80%);
	*/
}

#big_circle.booksale {
	/* background: url(clay-banks-vDMo_NuzjUM-unsplash.jpg) center center; */
	/* background: url('image_2.jpg') center center; */
	background: url('../images/version_2/image_3.jpg') 50% 50%;	
	background-size: cover;
	/*
	background-position: 100% 80% !important;
	background-size: 80% !important;
	clip-path: circle(60% at 80%);
	*/
}

#big_circle.library {
	/* background: url(clay-banks-vDMo_NuzjUM-unsplash.jpg) center center; */
	/* background: url('image_2.jpg') center center; */
	background: url('../images/version_2/image_6.jpg') 50% 50%;
	background-size: cover;

	/*
	background-position: 100% 80% !important;
	background-size: 110% !important;
	background-color: black !important;
	background-repeat: no-repeat !important;

	clip-path: circle(60% at 80%);	
	*/
}

#small_circle {
	/*
	width: 1000px;
	height: 1000px;
	*/	
	width: 80%;
	height: 100%;
	/* background: url(clay-banks-vDMo_NuzjUM-unsplash.jpg) center center; */
	/* background: url('image_2.jpg') center center; */
	/* background: url('image_4.jpg') bottom right; */
	background: url('../images/version_2/image_7.jpg'); 
	
	background-size: 100%;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	
	/* background-size: contain; */
	/* transition: 0.4s cubic-bezier(1, -1, 0, 2); */
	/* clip-path: polygon(50% 5%, 0% 100%, 100% 100%); */
	
	/* if needed, disable this for easier positioning */
	clip-path: circle(20% at 50% 70%); 
	position: absolute;
	right: 0%;
	border: 1px solid red;	
	
	display: none;


}

#big_circle .label
{	
	display: block;
	position: relative;
	top: 85%;
	left: 80%;
	color: white;
	font-size: 1vw;
	background-color: #63534B;
	padding: 10px 15px;
}

#small_circle .label 
{	
	display: block;
	position: relative;
	top: 85%;
	left: 50%;
	color: white;
	font-size: 1vw;
	background-color: #63534B;
	padding: 10px 15px;
}

#main_content {
	/* border: 1px solid red; */
	background-color: transparent;	
	background-image: none;
	/* background-image: url('vic_old_crest_new_inversed.png'); */	
}

h1, h2, h3, h4 {
	color: #89012C;	
}

/*
h2 {
	color: #121212;
}
*/

td {
	color: #121212;
}

details summary {
	font-size: 2em;
	cursor: pointer;
	margin-bottom: 16px;
}

#main_content ul li,
p
{
	color: #121212;
}

#main_content a {
	color: #005d93;
	font-weight: bold;
}

#main_content a {
	/* border-bottom: 1px dotted #121212; */
}

#main_content a:hover {
	border-bottom: 1px solid #005d93;
}

.action_button {
	background-color: #89012C;
	border: 1px solid #89012C !important;
	border-radius: 24px;
	color: white !important;
}

.action_button:hover {
	border: 1px solid #89012C !important;
}

.yellow {
	color: #89012C;
}

.slicknav_menu {
	background-color: #89012C;
}

/***** responsive *****/
@media (max-width: 1440px) {
	#bg {
		background-image: none;
	}
	
	#big_circle.home,
	#big_circle.booksale,
	#big_circle.library
	{
		background-size: cover !important;
	}
	
	#small_circle {
		display: none;
	}
	
	#main_content {
		background-color: #f7f7f7;
		background-image: url('../images/version_2/vic_old_crest_new_inversed_50percent.png');
	}
}

@media (max-width: 600px) {
	#big_circle {
		display: none;
	}
}