﻿/*   
Theme Name: Peacemaker
Theme URI: http://www.scheetzdesigns.com
Author URI: http://www.scheetzdesigns.com
Description: The Premium WordPress Theme for Churches
Author: Justin Scheetz
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: two-columns, three-columns, fixed-width, threaded-comments
*/

@font-face {
    font-family: 'PulsarJS';
    src: url('../fonts/pulsarjs-webfont.eot');
    src: url('../fonts/pulsarjs-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pulsarjs-webfont.woff') format('woff'),
         url('../fonts/pulsarjs-webfont.ttf') format('truetype'),
         url('../fonts/pulsarjs-webfont.svg#pulsarjsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-font { font-size:25px; line-height:15px; font-family:'PulsarJS'; font-weight:normal; }

body, html { height: 100%; }

body {
    font-size: 16px;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    min-width: 100%;
}

a, a:link, a:visited { color: #47b2c3; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; resize: none; }

header, nav, section, article, aside, footer { display: block; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -9999px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

footer, #footer-push { height: 50px; }
footer .top {
	background: rgb(47,47,47);
	background: -moz-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(54,54,54,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,47,47,1)), color-stop(100%,rgba(54,54,54,1)));
	background: -webkit-linear-gradient(top, rgba(47,47,47,1) 0%,rgba(54,54,54,1) 100%);
	background: -o-linear-gradient(top, rgba(47,47,47,1) 0%,rgba(54,54,54,1) 100%);
	background: -ms-linear-gradient(top, rgba(47,47,47,1) 0%,rgba(54,54,54,1) 100%);
	background: linear-gradient(to bottom, rgba(47,47,47,1) 0%,rgba(54,54,54,1) 100%);
}
footer .top { position: relative; min-height: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.2); }
footer .top .shell { overflow: hidden; padding-top: 36px; padding-bottom: 40px; }
footer .bottom { background: #202020; padding: 17px 0; height: 20px; }
footer .bottom p { font-size: 12px; line-height: 17px; color: #8e8e8e; }
footer .bottom p a, footer .bottom p a:link, footer .bottom p a:visited { color: #f2f2f2; margin-left: 8px; }
footer .bottom p a:hover { text-decoration: none; color: #fff; }

header { padding:0; position: relative; z-index: 100001; }
header .shell { height: 90px; }

header nav { position:absolute; bottom:30px; right:0; }
header nav ul { list-style: none; }
header nav > ul > li { float: left; height: 31px; position: relative; }
header nav > ul > li > a { float:left; font-size: 16px; line-height: 31px; height:31px;  padding: 0 13px 25px 13px; position: relative; margin:0; -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; box-sizing: content-box; }
header nav > ul > li a:hover,
header nav > ul > li:hover a { text-decoration: none; }
header nav > ul > li.current > a, header nav > ul > li.current > a:link, header nav > ul > li.current > a:visited,
header nav > ul > li:hover > a { color: #000; }
header nav > ul > li > ul { top: 61px; left: 0; }
header nav > ul > li > a > .arrow { width: 15px; height: 10px; overflow: hidden; position: absolute; top: 10px; right: -12px; margin-left: -7px; display: none; z-index: 10; background: url(../images/nav-arrows.png) no-repeat 0 -20px; }
header nav > ul > li.has-dd > a { padding-right:35px; }
header nav > ul > li:hover a { top: 5px; }
header nav > ul > li:hover ul a { top:0; }
header nav ul ul { background: url(../images/dropdown.png); background: rgba(0,0,0,.6); position: absolute; width: 220px; display: none; }
header nav ul ul a { display: block; font-size: 14px; line-height: 50px; padding: 0 10px 0 20px; height: 50px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff !important; -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; border-right: 0; }
header nav ul ul a .icon-font { line-height:33px; }
header nav ul ul li + li a { border-top: solid 1px #999; border-color: rgba(255,255,255,.2); }
header nav ul ul li {font-size: 0; line-height: 0; position: relative; width: 220px; }
header nav ul ul > li:first-child { border: none; }

header #mobile-nav,
header #mobile-nav ul { display:none; }

#featured-image { height:200px; }

#bottom { padding: 36px 0 30px; position: relative; z-index: 5; }
#bottom { -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4); -moz-box-shadow: 0 0 20px rgba(0,0,0,.4); box-shadow: 0 0 20px rgba(0,0,0,.4); }
#bottom h4, .top h4 { font-weight: bold; text-transform: uppercase; font-size: 18px; line-height: 40px; padding: 0 0 10px; color: #fff; }
#bottom ul, .top ul { list-style: none; }
#bottom .shell, .top .shell { overflow: hidden; }
#bottom .shell > ul > li, .top .shell > ul > li { position: relative; }
#bottom .shell, .top .shell { overflow: hidden; }
#countdown h3 .countdown_section { display:inline; float: left; width: auto !important; }

#features { background: #fff; padding: 36px 0 0; position: relative; z-index: 6; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4); -moz-box-shadow: 0 0 20px rgba(0,0,0,.4); box-shadow: 0 0 20px rgba(0,0,0,.4); }
#page-wrap { background: #fff; padding: 0; position: relative; }
#page-wrap.no-image { border-top:1px solid #ddd; }

#features .shell { overflow: hidden; }
#page-wrap .shell { padding-top:30px; padding-bottom:30px; }

#logo { float: left; }
#logo a { width:300px; height:90px; text-indent:-9999px; display: block; }
#logo a { background:url('../images/logo.png') no-repeat left center; }

#wrap { height: auto !important; height: 100%; margin: 0 0 -50px; overflow: hidden; }

.button { display: inline-block; font-size: 16px; line-height: 25px; color: #fff; text-transform: uppercase; padding: 6px 16px; border-radius: 3px; background: #0ca6bd; color: #fff; font-weight: bold; -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; }
.button + .button { margin-left: 10px; }
.button:hover { text-decoration: none; background: #222; background: rgba(0,0,0,.5); color: #fff; }

.continue { display: inline-block; font-family: 'Helvetica', arial, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; padding: 0 8px; background: url(../images/overlay.png); -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 24px; }
.continue:hover { text-decoration: none; margin-left: 5px; }

.half { float: left; width: 49%; }
.half + .half { float: right; }

.image-slider { width: 100%; height: 553px; position: relative; overflow: hidden; }
.image-slider li { width: 100%; height: 553px; background-position: 50% 0; background-repeat: no-repeat; display: none; }
.image-slider li iframe { width: 100%; }
.image-slider .play-video { position: absolute; top: 50%; width: 72px; border-radius: 100%; height: 72px; background: url('../images/play-ico.png'); margin: -36px 0 0 -36px; z-index: 15;  -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; }
.image-slider .play-video:hover { background-color: rgba(255,255,255,.5); }
.image-slider li .flex-direction-nav { display: none; height: 0px; line-height: 0px; }
.image-slider li > a { background:rgba(0,0,0,0); display: block; height: 100%; width: 100%; }
.image-slider li > a:hover { background:rgba(0,0,0,0.2); display: block; height: 100%; width: 100%; }
.image-slider li > a {
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.image-slider .caption { position: absolute; left: 0; width: 100%; font-size: 16px; line-height: 21px; }
.image-slider .overlay { width: 692px; min-height: 56px; padding: 20px 226px 10px 22px; margin: 0 auto; overflow: hidden; position: relative; }
.image-slider li .overlay-dark { color:#fff; zoom:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:absolute; top:0; left:0; width:100%; height:553px; background:#000; }

.image-slider .caption h2 { font-size: 24px; line-height: 30px; font-weight: normal; padding-bottom:10px; }
.image-slider .caption p { padding-bottom: 10px; }
.image-slider .caption .text { width: 405px; position: absolute; top: 0; }
.image-slider .caption .button { position: absolute; top: 25px; right: 26px; }
.image-slider .caption .player-wrapper { width: 892px; height: 24px; position: relative; display: none; padding-bottom: 12px; margin-top: 9px; }
.image-slider .caption .player { position: absolute; top:0; left:0; width: 100%; height: 24px; }
.image-slider .caption .player audio { width:100%; }
.image-slider .caption .play-video img { display: block !important; margin: 0 auto; max-width: 100%; }
.image-slider .caption .video { display: none; position: absolute; left: 0; width: 940px; top: -254px; }
.image-slider li.middle .caption h2 { padding-bottom:0; }

.image-slider li.light .flex-direction-nav a.flexPrev { background-position: 0 bottom; }
.image-slider li.light .flex-direction-nav a.flexNext { background-position: right bottom; }
.image-slider li.light .overlay { background: url('../images/light.png') repeat; background:rgba(255,255,255,0.5); }
.image-slider li.light .text { color: #fff; }

.image-slider li.alignleft .text { text-align: right; left: 0; right: auto; }
.image-slider li.alignleft .play-video { left: 100%; margin: -36px 0 0 36px; }
.image-slider li.alignright .text { text-align: left; left: auto; right: 0; }
.image-slider li.alignright .play-video { right: 100%; margin: -36px 36px 0 0; }

.image-slider li.dark .play-video { background-position:0 -72px; }
.image-slider li.dark .play-video:hover { background-color: rgba(0,0,0,0.2); }

.image-slider li.dark .overlay { background: url(../images/dropdown.png); }

.image-slider li.light .caption { color: #000; }
.image-slider li.dark .caption { color: #fff; }

.image-slider li.middle.light .caption { color: #fff; }
.image-slider li.middle.dark .caption { color: #000; }

.image-slider li.top .caption { top: -100%; }
.image-slider li.top .overlay { border-radius: 0 0 5px 5px; }
.image-slider li.top .button { top: auto; bottom: 25px; }

.image-slider li.bottom .caption { bottom: -100%; }
.image-slider li.bottom .overlay { border-radius: 5px 5px 0 0; }

.image-slider li.middle .caption { bottom: -100%; }
.image-slider li.middle .overlay { width: 940px; min-height: 0; height: 0; padding: 0; background: transparent; overflow: visible; }

.no-rgba header nav .dropdown li { border: none; /*background: url('../images/dropdown-border.png') 0 0 repeat-x;*/ padding-top: 1px; }
.no-rgba header nav .dropdown .dropdown { top: 1px; }

.widget { position:relative; margin-bottom:15px; }
.widget h2 { margin-bottom: 5px; }
.widget p, .widget .tweet_text { font-size: 13px; line-height: 20px; padding: 0 0 10px; color: #fff; }
.widget a { color: #fff; }
.widget .container { width: 100%;; overflow: hidden; position: relative; }
.widget ul { width: 100%;; }
.widget ul > li { border-top: 1px solid #ddd; border-color: rgba(255,255,255,.5); padding: 16px 0 21px; font-size:0; line-height:0; }

#sidebar .widget { color:#000; margin-bottom:30px; }
#sidebar .widget ul > li { border-top: 1px solid #ddd; padding: 11px 0 12px; font-size:13px; line-height:17px; }

.shell { width: 940px; margin: 0 auto; padding: 0 20px; position:relative; }
#sidebar .theme-widget-social-icons-widget .socials a { background-image: url(../images/socials_dark.png); }

/* Fluid Columns */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { position: relative; margin:10px 4% 5px 0; float: left; }
.last { margin-right: 0 !important; clear: right; }
.clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }

.text-widget .one_half { margin-top:0; }
.text-widget .column-left { float:left; width:60%; text-align:left; }
.text-widget .column-right { float:right; width:40%; text-align:right; }

/* Page Styling */
#page { background:#fff; }
#page.homepage { background:transparent; border-top: double 4px #ddd; padding: 45px 0; }

#content.left { float:left; width:610px; }
#sidebar { float:right; width:290px; margin-top: 12px; padding:0 0 0 30px; }

#content.full { float:none; width:930px; }

#content.right { float:right; width:610px; }
#sidebar.left { float:left; width:290px; padding:0 30px 0 0; }

/* Page Styling */
#content h1, #sidebar h1 { font-size: 40px; line-height: 48px; font-weight: normal; color: #000; margin:0 0 20px; padding:0;letter-spacing:  -1px; }
#content h2, #sidebar h2 { font-size: 25px; line-height: 33px; font-weight: normal; border-top:1px solid #ddd; padding:10px 0 0; margin:0 0 15px; }
#content h3, #sidebar h3 { font-size: 20px; line-height: 30px; font-weight: bold; color: #000; margin:0 0 15px; padding:0; }
#content h4, #sidebar h4 { font-size: 18px; line-height: 27px; font-weight: bold; color: #000; margin:0 0 15px; padding:0; }
#content h5, #sidebar h5 { border-top:1px dashed #ccc; background:#f5f5f5; text-shadow:1px 1px 0 #fff; padding:18px 20px; font-size:14px; line-height:17px; color:#888; font-weight:normal; margin:0 0 15px; }
#content p { font-size: 16px; line-height: 22px; color: #000; padding:0; margin:0 0 15px; }
#content p#breadcrumbs { margin: 0; font-size: 12px; color:#888; }
#content blockquote { background: url('../images/blockquote.png') 0 5px no-repeat; padding: 0 0 20px 60px; margin: 20px 0 0 30px; display: block; }
#content blockquote p { color:#888; }
#content img { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display: block; margin:0; padding:0; }
#content .image { text-align: center; font-size: 12px; display: block; }
#content .image.left { margin: 0 20px 0 0; }
#content .image.right { margin: 0 0 0 20px; }
#content ul, #content ol { font-size: 16px; line-height: 22px; padding:0; margin:0 0 22px 35px; }
#content ul li, #content ol li { padding:0 0 5px; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }
#content ul ul { list-style-type: circle; }

#sidebar h2 { font-size:40px; line-height:48px; }

.contact {
    margin-top: 20px;
}
.contact label {
    display: block;
}
.contact input, .contact textarea {
    border: 1px solid #ccc;
    padding: 10px 15px;
    width: 300px;
    border-radius: 3px;
    margin-bottom: 20px;
}
.contact .button {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 16px;
    border: none;
    border-radius: 3px;
    background: #0ca6bd;
    color: #fff;
    font-weight: bold;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}






#content h1, #sidebar h1, #content h2, #sidebar h2, #content h3, #sidebar h3, #content h4, #sidebar h4 { font-family: 'Droid Serif'; }

body, footer .top, footer .bottom, #header, #bottom { background-image: url('../images/texture.png'); }

footer .top { background-color: #484848; }
footer .bottom { background-color: #242424; }

a, a:link, a:visited, #sidebar .widget a, header nav > ul > li:hover a, #slider { color: #0ca6bd; }

.button,
#bottom,
header nav ul ul li:hover,
header #mobile-nav .mobile-nav-toggle,
header #mobile-nav > ul { background-color: #0ca6bd; }

#bottom a, #bottom a:link, #bottom a:visited { color: #fff; }

.floatright { float: right; margin: 0px 0px 10px 10px !important; }
.floatleft { float: left; margin: 0px 10px 10px 0px !important; }
img.floatleft, img.floatright { width: auto !important; }

#woord th { font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#woord td { width: 50%; vertical-align: top; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #6394BD; }

.links { border-right: 1px solid #6394BD; padding-right: 10px; }
.rechts { padding-left: 10px; }

.tabel { border: 1px solid #6394BD; width: 100%; margin-bottom: 15px; }
.tabel th { font-weight: bold; border-bottom: 1px solid #6394BD; padding: 5px; }
.tabel td { width: 50%; vertical-align: top; padding: 5px; }
.tabel2 { border: 1px solid #6394BD; width: 100%; margin-bottom: 15px; }
.tabel2 th { width: 50px; padding: 5px; vertical-align: top; border: 1px solid #6394BD; }
.tabel2 td { vertical-align: top; padding: 5px; border: 1px solid #6394BD; }
.quote { font-style: italic; padding-left: 10px; font-family: 'Droid Serif' }
.quote em { font-style: normal; }