/*
Theme Name: City of Doerun
Theme URI:
Author URI:
Version: 1.0.1
Tags: Sidebar, Slider, Custom Menu
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: none;}
/* GLOBALS */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
body {background: #ffffff;}
#mobile-menu {display: none; text-align: center; font-size: 40px; line-height: 40px; text-decoration: none; color: #ffffff; font-weight: bold; text-transform: uppercase;}
#mobile-menu.active-slide {color: #99e600;}
.clear {clear: both;}
.full_width {width: 100%;}
.container {width: 1170px; margin: 0 auto; position: relative;}
.centered {text-align: center;}
.box-shadow {-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
.btn {display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; font-family: 'Roboto'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn.btn-small {font-size: 15px; padding: 12px 30px 9px 30px;}
.btn.btn-green {background: #a1e617; color: #1c263c; border-bottom: 3px solid #88cc00;}
.btn.btn-green:hover {background: #aaf218; border-bottom: 3px solid #88cc00;}
.btn.btn-blue {background: #354770; color: #ffffff; border-bottom: 3px solid #24304d;}
.btn.btn-blue:hover {background: #41578a; border-bottom: 3px solid #24304d;}
.radius-3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.radius-10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.radius-50 {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.spaced-x-small {padding: 30px 0px;}
.spaced-small {padding: 50px 0px;}
.spaced-med {padding: 70px 0px;}
.spaced-big {padding: 90px 0px;}
.row .half {width: 50%;}
.row .one-fifth {width: 20%;}
.row .four-fifths {width: 80%;}
.row .one-quarter {width: 25%;}
.row .three-quarters {width: 75%;}
.row .one-quarter-custom {width: 27%;}
.row .three-quarters-custom {width: 73%;}
.row .one-third {width: 33.33333333333333%;}
.row .two-thirds {width: 66.66666666666667%;}
.row .pull-left {float: left;}
.row .pull-right {float: right;}
.row .pull-left .row-container {margin-right: 40px;}
.row .pull-right .row-container {margin-left: 40px;}
.the-title {font-weight: 700; font-family: 'Roboto';}
.the-title.big {font-size: 48px; line-height: 56px;}
.the-title.med {font-size: 42px; line-height: 48px;}
.the-title.small {font-size: 32px; line-height: 38px;}
.the-title.white {color: #ffffff;}
.the-title.blue {color: #1c263c;}
.the-title.spaced-s {padding-bottom: 20px;}
.the-title.spaced-m {padding-bottom: 30px;}
section.top-area {background: #1c263c; position: relative; padding: 30px 0px 100px;}
section.top-area .logo {position: absolute; display: block; left: 50%; margin-left: -95px; top: -20px;}
section.top-area .logo img {max-width: 100%; height: auto;}
section.top-area .info ul.social {float: left; font-size: 21px;}
section.top-area .info ul.social li {display: inline-block; padding: 0px 2px;}
section.top-area .info ul.social li a {color: #ffffff; display: table; width: 32px; height: 32px; text-align: center;}
section.top-area .info ul.social li a i {display: table-cell; vertical-align: middle;}
section.top-area .info ul.social li a:hover {color: #a1e617;}
section.top-area .info .searchform {max-width: 170px; position: relative; float: right;}
section.top-area .info .searchform input[type="text"] {width: 100%; background: #ffffff; font-size: 15px; color: #808080; font-weight: 500; font-style: italic; padding: 10px 35px 10px 20px; font-family: 'AvenirLTStd'; border: none; outline: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
section.top-area .info .searchform input[type="submit"] {position: absolute; right: 3px; top: 2px; width: 35px; height: 35px; padding: 0px; background: url(images/header/magnify.png) no-repeat center; border: none; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
section.top-area .info .searchform input[type="submit"]:hover {background: url(images/header/magnify-hv.png) no-repeat center;}
section.menu-area {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ec2f+0,a7e820+50,8ade11+100 */
background: rgb(182,236,47); /* Old browsers */
background: -moz-linear-gradient(top, rgba(182,236,47,1) 0%, rgba(167,232,32,1) 50%, rgba(138,222,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(182,236,47,1) 0%,rgba(167,232,32,1) 50%,rgba(138,222,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(182,236,47,1) 0%,rgba(167,232,32,1) 50%,rgba(138,222,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6ec2f', endColorstr='#8ade11',GradientType=0 ); /* IE6-9 */}
section.banner {background-color: #1c263c;}
section.banner img {max-width: 100%; height: auto; display: block;}
section.banner .caption {background: rgba(28, 38, 60, 0.8); display: block; position: absolute; left: 50%; margin-left: -360px; min-width: 720px; text-align: center; z-index: 9;}
section.banner .caption .the-title {padding: 42px 0px; text-transform: uppercase;}
section.banner.banner-home {min-height: 585px; background-image: url(images/banners/banner-home-mini.jpg); background-repeat: no-repeat; background-position: center top;}
section.banner.banner-page {min-height: 295px; background-repeat: no-repeat; background-position: center top;}
section.banner.banner-home .caption {top: 294px;}
section.banner.banner-page .caption {top: 149px;}
section.choices ul li {display: inline-block; vertical-align: top; margin: 0px 15px 15px 15px;}
section.choices ul li img {display: block; max-width: 100%; height: auto; padding: 10px; border: 1px solid #99e600;}
section.choices h3 {font-size: 17px; line-height: 24px; color: #1c263c; margin: 10px 0px; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';}
section.choices ul li i {font-size: 25px; color: #99e600;}
section.choices ul li:hover h3 {color: #99e600;}
section.choices ul li:hover i {color: #1c263c;} 
section.map {min-height: 420px; max-height: 420px; position: relative; background: url(images/home/map/banner.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.about-us {margin-top: -175px;}
section.about-us .about {width: 100%; background: #1c263c;}
section.about-us .about .about-container {padding: 25px 50px;}
section.about-us .about p {font-size: 16px; line-height: 32px; color: #ffffff; padding-bottom: 25px; font-weight: 400; font-family: 'AvenirLTStd';}
section.info .info-box {position: relative; width: 49%;}
section.info .info-box a {display: block; width: 100%; height: 100%;}
section.info .info-box:before {content: ""; display: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.3);}
section.info .info-box:after {content: ""; display: block; width: 824px; height: 255px; background: url(images/home/info/shadow.png) no-repeat; position: absolute; left: 0px; bottom: -255px;}
section.info .info-box .caption {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; text-align: center;}
section.info .info-box .caption h3 {font-size: 22px; line-height: 26px; color: #ffffff; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';}
section.info .info-box .caption i {font-size: 25px; color: #99e600; margin-top: 10px; margin-bottom: 20px;}
section.info .info-box .caption .caption-container {width: 100%; position: absolute; left: 0px; bottom: 0px;}
section.info .info-box img {width: 100%; height: auto; display: block;}
section.info .info-box:hover h3 {color: #99e600;}
section.info .info-box:hover i {color: #ffffff;}
section.info .info-box:hover:before {display: block;}
footer {background: #1c263c; border-top: 10px solid #99e600; position: relative; z-index: 9;}
footer img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
footer section.footer-menu {margin: 30px 0px; border-top: 1px solid #4b5773; border-bottom: 1px solid #4b5773;}
footer section.footer-menu ul.menu {font-size: 17px; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';}
footer section.footer-menu ul.menu li {display: inline-block;}
footer section.footer-menu ul.menu li a {color: #ffffff; display: block; padding: 10px 12px;}
footer section.footer-menu ul.menu li a:hover, footer section.footer-menu ul.menu li.current_page_item a {color: #a1e617;} 
footer ul.social {text-align: center;}
footer ul.social li {display: inline-block; margin-right: 3px;}
footer ul.social li a {display: inline-block; width: 45px; height: 45px; color: #ffffff; border: 2px solid #a1e517; font-size: 16px; display: table; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
footer ul.social li a:hover {color: #a1e517; border: 2px solid #a1e517;}
footer ul.social li a i {display: table-cell; vertical-align: middle;}
footer span.copyright {display: block; text-align: center; margin-top: 30px; font-size: 14px; line-height: 24px; color: #ffffff; font-weight: 400; font-family: 'AvenirLTStd';}
footer span.copyright a {color: #ffffff; font-weight: 700;}
footer span.copyright a:hover {color: #a1e617;}
.accordion-container {width: 100%;margin: 0 0 10px; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.accordion-toggle {position: relative; display: block; padding: 15px 50px 12px 30px; font-size: 15px; font-weight: 700; font-family: 'Roboto'; background: #a1e617; border-bottom: 3px solid #88cc00; color: #fff; text-decoration: none; text-transform: uppercase;}
.accordion-toggle.open,
.accordion-toggle:hover {background: #1c263c; border-bottom: 3px solid #1a2337; color: #fff !important;}
.accordion-toggle span.toggle-icon {position: absolute; top: 0px; right: 0px; height: 100%; width: 50px; color: #3a4559; border-left: 1px solid rgba(255, 255, 255, 0.5); text-align: center;}
.accordion-toggle.open span.toggle-icon,
.accordion-toggle:hover span.toggle-icon {color: #ffffff;}
.accordion-content {display: none; padding: 15px 30px 0px 30px; overflow: auto; background: #ebebeb; border-bottom: 3px solid #d9d9d9;}
.accordion-toggle .fa {vertical-align: middle; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -7px;}
.accordion-content a {color: #b18857;}
.accordion-content a:hover {color: #c99b63;}
.page-styles h1,
.page-styles h2,
.page-styles h3,
.page-styles h4,
.page-styles h5,
.page-styles h6 {color: #1c263c; font-weight: 700; font-family: 'Roboto';}
.page-styles h1,
.page-styles h2 {font-size: 42px; line-height: 48px; padding-bottom: 25px;}
.page-styles h3 {font-size: 32px; line-height: 38px; padding-bottom: 20px; text-transform: uppercase;}
.page-styles h4 {font-size: 26px; line-height: 32px; padding-bottom: 15px;}
.page-styles h5 {font-size: 22px; line-height: 32px; padding-bottom: 15px; text-transform: uppercase;}
.page-styles h6 {font-size: 17px; line-height: 28px; padding-bottom: 15px; text-transform: uppercase;}
.page-styles p, .page-styles ul, .page-styles ol {font-size: 16px; line-height: 32px; color: #4c4c4c; padding-bottom: 30px; font-weight: 400; font-family: 'AvenirLTStd';}
.page-styles ul li {position: relative; padding-left: 30px;}
.page-styles ul li:before {position: absolute; left: 0px; color: #a1e517; font-size: 15px; content: "\f00c"; font-family: 'FontAwesome';}
.page-styles ol {margin-left: 30px;}
.page-styles ol li {list-style-type: decimal;}
.page-styles ul ul {padding-bottom: 0px;}
.page-styles a {color: #1c263c; font-weight: 700;}
.page-styles a:hover {color: #a1e517;}
.page-styles .btn.btn-content {margin-bottom: 30px;}
.page-styles .btn.btn-content.btn-green:hover {color: #1c263c;}
.page-styles .btn.btn-content.btn-blue:hover {color: #ffffff;}
.page-styles blockquote {position: relative; max-width: 550px; border-left: 2px solid #354770; border-right: 2px solid #354770;}
.page-styles blockquote:before {content: "\f10d"; font-family: 'FontAwesome'; font-size: 32px; color: #a1e617; position: absolute; top: 20px; left: 50%; margin-left: -10px;}
.page-styles blockquote, 
.page-styles blockquote p {text-align: center; font-size: 20px; font-style: italic;}
.page-styles blockquote p {padding: 60px 30px 20px 30px;}
.page-styles blockquote span.name {font-size: 16px; color: #4c4c4c; font-style: normal; display: block; font-weight: 700; font-family: 'AvenirLTStd';}
.page-styles img {max-width: 100%; height: auto;}
.page-styles img.radius {padding: 10px; border: 1px solid #99e600; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.callout {background: #1c263c; margin-top: 50px; margin-bottom: 10px;}
.callout h3 {font-size: 26px; line-height: 36px; color: #ffffff; float: left; font-weight: 700; font-family: 'Roboto';}
.callout h3 span {font-size: 32px; text-transform: uppercase;}
.callout h3 a {color: #ffffff;}
.callout .callout-container {padding: 20px 30px;}
.callout .btn-area {float: right;}
section.default .content.three-quarters {position: relative;}
section.default .content.three-quarters:before {content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0px; top: 0px; background: #abe924;}
.sidebar .widget {overflow: hidden; margin-bottom: 30px;}
.sidebar .widget.widget-menu ul {font-size: 15px; line-height: 28px; color: #ffffff; padding: 20px 25px; font-weight: 700; font-family: 'Roboto';}
.sidebar .widget.widget-menu ul.odd {background: #1c263c;}
.sidebar .widget.widget-menu ul.even {background: #354770;}
.sidebar .widget.widget-menu ul li a {color: #ffffff;}
.sidebar .widget.widget-menu ul li:first-child {text-transform: uppercase; font-size: 20px; display: block; margin-bottom: 10px;}
.sidebar .widget.widget-nav {border-bottom: 3px solid #d9d9d9;}
.sidebar .widget.widget-nav h3 {text-transform: uppercase; font-size: 20px; background: #1c263c; color: #ffffff; padding: 15px 25px; font-weight: 700; font-family: 'Roboto';}
.sidebar .widget.widget-nav ul {font-size: 15px; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';}
.sidebar .widget.widget-nav ul li a {background: #ebebeb; color: #1c263c; display: block; padding: 15px 25px; border-bottom: 1px solid #ffffff;}
.sidebar .widget.widget-nav ul li a:hover {color: #41588a;}
section.news .the-post.the-post-blog {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #bcc1c4;}
section.news .the-post.the-post-blog.even img {float: left; margin-right: 35px;}
section.news .the-post.the-post-blog.odd img {float: right; margin-left: 35px;}
section.news .the-post.the-post-blog .btn:hover {color: #ffffff;}
.the-date {display: block; font-size: 16px; color: #d22424; text-transform: uppercase; margin-bottom: 15px; font-weight: 700; font-family: 'Roboto';}
.wp-pagenavi {font-size: 15px; font-weight: 700; font-family: 'Roboto'; text-transform: uppercase; line-height: 40px;}
.wp-pagenavi a, .wp-pagenavi span {color: #003478; border: 1px solid #003478 !important; padding: 9px 16px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color: #ffffff; background: #354770; border: 1px solid #354770 !important;}

section.editable {background: #1c263c;}
section.editable p {font-size: 22px; line-height: 32px; color: #ffffff; font-weight: 400; font-family: 'AvenirLTStd';}

.wpcf7 {width: 100%; max-width: 50%; display: inline-block;}
.wpcf7 label {display: block; text-align: left; font-weight: 700;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {padding: 10px 15px; margin-bottom: 15px; text-align: left; width: 100%;}
.wpcf7 input[type="submit"] {cursor: pointer; border-left: none; border-top: none; border-right: none;}
.wpcf7 p {padding-bottom: 0px;}