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

#maria {
margin: 0;
}

#maria h1 {
margin: 0;
}

.maria-title {
    padding-top: 5px;
    margin-bottom: 40px;
}

.maria-title span {
    display: block;
    font-size: 1.3vw;
    color: #AB2F00;
    font-family: sans-serif;
}

.maria-title h1 {
    font-size: 2.4vw;
    line-height: 100%;
    font-family: serif;
}

#maria a {
color: #ab2f00;
text-decoration: underline;
}

#maria a:hover {
color: #6C1113;
text-decoration: none;
}

#maria p {
0 0 20px 0;
}

#maria .lead {
margin: 20px 0 30px 0;
min-height: 371px;
}

#maria img.left {
margin: -10px 15px 0 0;
}

#maria .lead  h4 {
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, "serif";
font-style: oblique;
line-height: 1.3em;
margin: 0 0 20px 0;
border-bottom: #b48a42 1px solid;
padding:15px 0 10px 0;
color: #b48a42;
}

#maria h2 {
font-size: 28px;
margin: 40px 0 0 0;
color: #ab2f00;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
line-height: 1.4em;
padding: 0;
}

#maria h3 {
font-size: 20px;
margin: 30px 0 0 0;
padding: 0;
color: #ab2f00;
}

#maria h3 span {
font-size: 16px;
margin: 0;
color:#4F4F4F;
}

#maria .place h3 {
font-size: 24px;
margin: 30px 0 15px 0;
padding: 0;
color: #ab2f00;
}

#maria .details strong {
color: #ab2f00;
font-size: 110%
}

#maria .event h2 {
color: #FFFFFF;
background: #ab2f00;
font-size: 22px;
padding: 7px 15px
}

#maria .details,
#maria .event .details{
   color: #ab2f00;
	line-height:20px;
	margin: 30px 0 30px 27px;
}

#maria .details:before,
#maria .event .details:before {
	font-family: 'FontAwesome';
    content:"\f041";
	font-size:24px;
   color: #ab2f00;
	margin:-3px 0 0 -25px;
	display:block;
	float:left;
	width:20px;
	text-align:left;
	}
	
#maria .event p {
margin: 15px 0;
}

#maria .event h4 {
color: #FFFFFF;
background: #ab2f00;
font-size: 18px;
padding: 7px 15px;
display: inline-block;
margin: 40px 0 0 0;
}

#maria .event h5 {
font-size: 20px;
margin: 20px 0 0 0;
color:#ab2f00;
line-height: 1.3em;
}

#maria .event h5 span {
color: #333;
font-size: 18px;
}

#maria .event .details {
margin-bottom: 40px;
}

/*  Responsivizer  */

body.white .site .maria-title h1 {
    font-size: 12vw;
    color: #444;
}

body.white .site .maria-title h1 span{
    font-size: 5.5vw;
}

body.white .site #maria img.left, #maria img.right {margin: 0 auto; display: block;}
body.white .site #maria h2 {font-size: 24px;}