/* Template Rose - Red Freedom */

*																					{ margin: 0; padding: 0; box-sizing: border-box!important; outline: none; }

::selection																{ background: #731630; color: #dddddd; /* WebKit/Blink Browsers */ }
::-moz-selection													{ background: #731630; color: #dddddd; /* Gecko Browsers */ }

html																			{ background: #222222; color: #ffffff; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; word-spacing: 2px; }
body																			{ position: relative; }

h1																				{ color: #9c0027; font-size: 1.75rem; font-weight: 300; margin-bottom: 2rem; text-transform: uppercase; }
h2																				{ font-size: 1.375rem; font-weight: 300; text-transform: uppercase; }
h3																				{ font-size: 1.5rem; font-weight: 300; margin-bottom: 2rem; }
h4																				{ font-size: 1.25rem; margin-bottom: 10px; font-weight: 700; }
h5																				{ font-size: 1.375rem; font-weight: 300; margin: 0 0 1rem; }
h6																				{ font-size: 1rem; font-weight: 600; margin: 0 0 1rem; }

a																					{ color: #9c0027; text-decoration: none; }
button																		{ font-family: 'Lato', sans-serif; }
code																			{ font-size: 1rem; text-align: center!important; }
img																				{ display: block; max-width: 100%; }
p																					{ font-size: 1.125rem; margin: 0 0 1.5rem; text-align: justify; }

header																		{ background-position: top center; background-attachment: fixed; background-size: cover; height: 65vh; position: relative; }
header .logo a														{ display: block; color: #9c0027; font-size: 1.75rem; font-weight: 400; text-transform: uppercase; }
header .language													{ position: fixed; right: 0; z-index: 101; top: 2rem; }
header .language img											{ border: 1px solid #ffffff; width: 3rem; }
main																			{ padding: 3rem 0; position: relative; }
footer																		{ background: url('/data/site/rose-footer.jpg'); padding: 1rem 1rem 7rem; }
footer a																	{ color: #9c0027; display: inline-block; margin: 0 0 0.5rem; }
footer a:hover														{ color: #cccccc; }

.content																	{ margin: 0 auto; max-width: 1200px; width: 96%; }
.flex																			{ display: flex; flex-wrap: wrap; }
.flexalign																{ display: flex; flex-wrap: wrap; align-content: center; }
.flexstart																{ display: flex; flex-wrap: wrap; align-content: flex-start; }
.flexspace																{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexaround																{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.flexcenter																{ display: flex; flex-wrap: wrap; justify-content: center; }
.flexend																	{ display: flex; flex-wrap: wrap; justify-content: flex-end; }

.full																			{ width: 100%; }
.fourfifth																{ width: 80%; }
.threequarter															{ width: 75%; }
.twothird																	{ width: 66.666%; }
.half, .fullhalf													{ width: 50%; }
.third																		{ width: 33.333%; }
.quarter																	{ width: 25%; }
.fifth																		{ width: 20%; }
.sixth																		{ width: 16.666%; }
.seventh																	{ width: 14.285%; }

.accent																		{ color: #9c0027; }
.bold																			{ font-size: 1.25rem; font-weight: 400; }
.center																		{ text-align: center!important; }
.center img																{ margin: 0 auto; }
.icon																			{ display: block; filter: invert(7%) sepia(79%) saturate(4659%) hue-rotate(331deg) brightness(128%) contrast(120%); padding: 0.25rem; width: 2.5rem; }
.icon:hover																{ filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%); }
.note																			{ border: 0.0625rem solid #9c0027; padding: 1rem 1rem 0; }
.small																		{ font-size: 0.875rem; }
.space																		{ padding: 1.25rem; }
.top																			{ background: rgba(0,0,0,0.7); left: 0; position: absolute; right: 0; top: 0; }
.text ul																	{ font-size: 1.125rem; list-style: none; margin: 1rem 0 1.5rem; text-align: left; }
.text ul li																{ break-inside: avoid; margin: 0 0 0 1.5rem; }
.text ul li:before												{ content: "■"; color: #9c0027; display: inline-block; margin: 0 0.5rem 0 -1.5rem; width: 1rem; }



.navigation,
.mainnav,
.mainnav ul,
.mainnav ul li a													{ height: 100%; }
.mainnav > ul > li > a:hover							{ background: #9c0027; color: #222222; display: block; }

.tab_label,
.tab_close																{ border: 0.0625rem solid #555555; }
.tab_label:hover,
.tab input:checked + .tab_label						{	border: 0.0625rem solid #9c0027;}

.sidebar .space														{ background: #9c0027; }
.entry																		{  }
.entry a																	{ color: #ffffff; }
.entry img																{ margin: 0 0 1rem; }

.gallery																	{ column-count: 4; column-gap: 1.25rem; }
.gallery a																{ display: block; margin: 0 0 1.25rem; }

.info																			{ background: #9c0027; bottom: 0; font-size: 1.5rem; padding: 1rem; position: fixed; width: 100%; }
.info a																		{ color: #ffffff; }
.info a:hover															{ color: #cccccc; }
.info img.icon														{ display: inline-block; filter: invert(7%) sepia(79%) saturate(4659%) hue-rotate(331deg) brightness(128%) contrast(120%); padding: 0.5rem; width: 3rem; }

.link p																		{ text-align: center !important; }

.captchapic																{ background: #9c0027; }


@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 1024px) {

	.logo span										{ font-size: 1.75rem; }
	
	.quarter											{ width: 50%; }
	.fifth												{ width: 25%; }

}

@media screen and (max-width: 980px) {
	
	header .logo a								{ text-align: center; }
	.navigation										{ text-align: center; }
	.flexend											{ justify-content: center; }
	
	.half													{ width: 100%; }
	.threequarter									{ width: 100%; }
	.twothird											{ width: 100%; }
	.threequarter .third,
	.third												{ width: 100%; }
	.quarter											{ width: 100%; }

	.space												{ padding: 1rem; }

}

@media screen and (max-width: 760px) {

	
	.gallery											{ column-count: 3; column-gap: 1.25rem; }
	.navigation										{ background: #222222; }
}

@media screen and (max-width: 520px) {

	.gallery											{ column-count: 2; column-gap: 1.25rem; }

}

@media screen and (hover: none) {
	
	header { background-attachment: scroll; }
	
	}