/* global
================================================== */
body {
width: 100%;
height: 100%;
color:#000;
font-family: 'Raleway', sans-serif;
font-size: 17px;
}
html {
width: 100%;
height: 100%;
}
h1 {
margin-bottom:45px;
font-size: 70px;
font-family: 'Economica', sans-serif;
font-weight: 700;
}
a:focus, a:hover {
text-decoration: none !important;
outline: none;
}
img { width:100%; }
/* margin
================================================== */
.m-t-0 { margin-top: 0 !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-r-0 { margin-right: 0 !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-l-0 { margin-left: 0 !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
/* navbar
================================================== */
.navbar {
background:#000;
font-size:14px;
}
.navbar .navbar-brand, .navbar .navbar-brand:hover {
color:#fff;
font-size:14px;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav>.active>a { background:transparent; color:#fff;}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background:rgba(255,255,255,0.2);
color:#fff;
}
.navbar-fixed-top { border-width:0; }
/* intro
================================================== */
.intro-section {
height: 100vh;
}
/* about
================================================== */
.about-section {
padding: 80px 0 120px 0;
text-align: center;
background-color: #f2d100;
background-image: url("../img/green-dust-and-scratches.png");
}
/* ministry
================================================== */
.ministry-section {
min-height: 100vh;
padding: 80px 0 120px 0;
text-align: center;
background-image: url("../img/green-dust-and-scratches.png");
}
.ministry-section .ministry-list > .row [class*="col-"] {
min-height:500px;
}
.ministry-section .ministry-list .ministry-detail {
background:#fff;
margin-bottom:20px;
}
.ministry-section .ministry-list .ministry-detail img.img-responsive {
display: block;
margin-left: auto;
margin-right: auto;
padding:20px;
}
.ministry-section .ministry-list .ministry-detail ul {
margin:15px 0 0 0;
padding:0;
}
.ministry-section .ministry-list .ministry-detail ul li {
list-style: none;
}
.ministry-section .ministry-list .ministry-detail ul li:first-child {
font-size:21px;
font-weight: 700;
}
.ministry-section .ministry-list .ministry-detail ul li:last-child { margin-top:10px; }
.ministry-section .ministry-list .ministry-detail ul li a {
background:#f2d100;
padding:10px 20px;
display: inline-block;
margin:10px;
color:#000;
text-transform: uppercase;
font-weight: 700;
font-size:13px;
border-radius:5px;
}
.ministry-section .ministry-list .ministry-detail ul li a:hover {
text-decoration: none;
}
/* event
================================================== */
.event-section {
min-height: 100vh;
padding: 80px 0 120px 0;
text-align: center;
background-color: #f2d100;
background-image: url("../img/green-dust-and-scratches.png");
}
.event-section .swiper-slide img { border:10px solid #fff; }
/* volunteer
================================================== */
.volunteer-section {
height: 100%;
padding: 80px 0 120px 0;
text-align: center;
}
/* contact
================================================== */
.contact-section {
height: 100%;
padding: 80px 0 120px 0;
text-align: center;
background-color: #f2d100;
}
/* footer
================================================== */
#footer {
background:#000;
color:#fff;
padding:20px;
}
#footer a { color:#fff; }
/* responsive
================================================== */
@media (max-width: 767px) {
    .navbar-toggle {
    border:none;
    color:#fff;
    font-size:20px;
    }
    .navbar-brand {
    padding: 21px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background:#000;
    }
    .navbar-nav { margin:25px 0; height: 100vh; }
    .navbar-fixed-top .navbar-collapse {
    max-height:none;
    overflow: hidden;
    }
}