/*-----------------------------------------------------------------------------------

	Theme Name: St. Marys, GA
	Theme URI: http://www.ci.st-marys.ga.us/
	Description: Custom Website for St. Marys, GA
	Author: Tom Gooden | @good3n
	Author URI: http://www.revize.com/
	RZ Ver: 1.0.2

	Version: 1.0 / OCT 1, 2015

-----------------------------------------------------------------------------------*/

/* -----------------------------------------
	#reset
-----------------------------------------*/
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,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,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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}

/* -----------------------------------------
	#basic
-----------------------------------------*/
body{background:#fff;color:#333;font-size:14px;line-height:1.6;font-family:"Montserrat",sans-serif;overflow-x:hidden;max-width:100%;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%}

/* -----------------------------------------
	#typography
-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#000;font-family:"Montserrat",sans-serif;font-weight:bold;margin-bottom:10px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:28px;line-height:35px;margin-bottom:14px}
h2{font-size:24px;line-height:30px;margin-bottom:14px}
h3{font-size:22px;line-height:34px}
h4{font-size:21px;line-height:30px}
h5{font-size:17px;line-height:24px}
h6{font-size:14px;line-height:21px}
.header{font-size:24px}
.subheader{font-size:18px}
p{margin:0 0 20px 0}
p.lead{font-size:21px;line-height:27px;color:#777}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

/* -----------------------------------------
	#links
-----------------------------------------*/
a,a:visited{color:#e59e43;text-decoration:underline;outline:0;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
a:hover,a:focus{color:#e59e43}
p a,p a:visited{line-height:inherit}

/* -----------------------------------------
	#lists
-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:30px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.6;margin-bottom:7px}
li p{line-height:1.6}

/* -----------------------------------------
	#images
-----------------------------------------*/
img{max-width:100%;*max-width:none;height:auto}
a img{border:none}

/* -----------------------------------------
	#buttons
-----------------------------------------*/
.btn,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{border:0;color:#fff!important;display:inline-block;font-size:12px;font-weight:normal;text-shadow:none;text-decoration:none;cursor:pointer;line-height:normal;padding:6px 14px;vertical-align:top;font-family:"Montserrat",sans-serif;text-shadow:none;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}
input[type="submit"],
input[type="reset"],
input[type="button"]{background:#112661}
.btn:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.btn:active,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

/* -----------------------------------------
	#forms
-----------------------------------------*/
form{margin-bottom:20px}
fieldset{margin-bottom:20px}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{border:1px solid #d3d3d3;padding:6px 4px;outline:0;font-size:13px;font-family:"Montserrat",sans-serif;color:#777;margin:0;display:inline-block;background:#fff;box-shadow:none;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{color:#444;border:1px solid #999}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}

form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF}
form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1}
form.loginform label{font-weight:normal}
form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000}

/* -----------------------------------------
	#main
-----------------------------------------*/
.cat h3 {font-size: 14px!important;}
.slicknav_menu{display:none}
#nav{position:absolute;top:0;right:0;left:0;border-radius:0 0 5px 5px;z-index:999;background: rgb(40,71,136);background: -moz-linear-gradient(top,rgba(40,71,136,1) 0%, rgba(16,36,95,1) 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(40,71,136,1)), color-stop(100%,rgba(16,36,95,1)));background: -webkit-linear-gradient(top,rgba(40,71,136,1) 0%,rgba(16,36,95,1) 100%);background: -o-linear-gradient(top,rgba(40,71,136,1) 0%,rgba(16,36,95,1) 100%);background: -ms-linear-gradient(top,rgba(40,71,136,1) 0%,rgba(16,36,95,1) 100%);background: linear-gradient(to bottom,rgba(40,71,136,1) 0%,rgba(16,36,95,1) 100%)}

.nav{width:100%;float:left;margin:0}
.nav li{float:left;position:relative;list-style:none;margin:0}
.nav li a{float:left;color:#fff;display:block;padding:20px 40px;text-decoration:none;text-transform:uppercase;font-size:18px;text-shadow:0 0 10px rgba(0,0,0,.1)}
.nav ul{display:none;position:absolute;left:0;top:100%;margin:0;z-index:99;border-radius:0 0 5px 5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.nav ul a{float:none;width:200px;border-right:none;border-bottom:1px solid #f7f6ee;padding:10px 20px;color:#222;text-transform:uppercase;background:#fff;font-size:12px}
.nav ul li:last-child a{border:none;border-radius:0 0 5px 5px}
.nav ul li{float:none}
.nav ul ul{top:0;left:100%}
.nav li:hover > ul{display:block}
.nav li li:hover > a{background:#193478;color:#fff}
.nav > li:first-of-type > a{font:0/0 a;background:url(../img/home.png) center no-repeat;padding-top:35px;padding-bottom:35px}

.container{position:relative}
header{border-top:5px solid #ffb14e;box-shadow:0 0 10px rgba(0,0,0,.3);position:relative;z-index:999;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,244,251,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,244,251,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,244,251,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,244,251,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,244,251,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,244,251,1) 100%)}
.logo{padding:35px 0 18px}
.logo img{display:block}
.head-right{text-align:right}
.weather .inner{margin:15px 0 0 -60px;text-transform:uppercase}
.weather p{margin:0}
.weather img{margin-left:10px;width:50px!important;position:relative;top:4px}
.search .inner{background:#ffb14e;border-radius:0 0 5px 5px;padding:0 5px 5px 5px}
.search form{margin:0;position:relative;text-align:left}
.search input{border:none;padding:0;height:50px;line-height:50px;padding:0 20px;color:#c5c5c5;border-radius:0 0 5px 5px;width:73%}
.search button{background:url(../img/search.png) center no-repeat;height:50px;width:50px;position:absolute;top:0;right:0}
.qlinks .inner{margin:30px 0 0 -60px}
a.qlink{position:relative;color:#333;text-decoration:none;font-size:12px;text-transform:uppercase;text-align:left;display:inline-block;padding-left:45px;margin-left:5px}
a.qlink img{position:absolute;left:0}
a.qlink span{width:100px;display:inline-block;line-height:1.4}
#banner{position:relative}
#main{position:relative;padding-bottom:60px;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 6%, rgba(255,255,255,1) 27%, rgba(242,247,252,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(255,255,255,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(242,247,252,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 6%,rgba(255,255,255,1) 27%,rgba(242,247,252,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 6%,rgba(255,255,255,1) 27%,rgba(242,247,252,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 6%,rgba(255,255,255,1) 27%,rgba(242,247,252,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 6%,rgba(255,255,255,1) 27%,rgba(242,247,252,1) 100%)}
.wave{background:url(../img/wave.png) top center no-repeat;height:91px;position:absolute;top:-91px;width:100%;z-index:98}
#carousel{position:relative;text-align:center;padding:0 115px 40px;margin-top:-130px;position:relative;z-index:99}
.owl-prev{position:absolute;left:40px;top:25%;font:0/0 a;background:url(../img/carou-left.png) center no-repeat;height:73px;width:73px}
.owl-next{position:absolute;right:40px;top:25%;font:0/0 a;background:url(../img/carou-right.png) center no-repeat;height:73px;width:73px}
a.item{background:#fff;color:#333;position:relative;padding:5px;box-shadow:0 0 10px rgba(0,0,0,.2);margin:10px;display:block}
.item img{display:block}
.item span{position:absolute;bottom:0;right:0;left:0;background:rgba(255,255,255,.8);padding:15px 20px;font-weight:bold;text-transform:uppercase}
.main-title{margin-bottom:30px}
.flyout{margin:0;padding:0}
.flyout li{margin:0;list-style:none;position:relative;z-index:998}
.flyout li a{display:block;color:#000;text-decoration:none;padding:10px;border-bottom:1px solid #ebebeb;font-size:16px}
.flyout > li:last-child > a{border:none}
.flyout ul{margin:0;position:absolute;left:100%;top:0;display:none;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1)}
.flyout ul a{border-bottom:1px solid #f7f6ee;padding:10px 20px;color:#222;background:#fff;font-size:12px;width:180px;text-transform:uppercase}
.flyout ul li:last-child a{border:none}
.flyout li li:hover > a{background:#193478;color:#fff}
.flyout li:hover > ul{display:block}
.news p{margin:0}
.news .inner{padding:0 15px}
.news-item{margin-bottom:40px}
.news-title{font-size:16px;font-weight:bold;margin-bottom:10px}
.news-title a{color:#333;text-decoration:none}
.news-title a:hover{text-decoration:underline}
.news-post{color:#444}
.cal iframe{width:315px!important;height:450px!important}
a.more{text-decoration:none}
a.more:hover{text-decoration:underline}
a.all{background:url(../img/all.png) left center no-repeat;text-transform:uppercase;font-weight:bold;font-size:12px;padding:5px 0 5px 30px!important;text-decoration:none;color:#333}
a.all:hover{color:#ffb14e}
#footer{background:url(../img/foo-bg.jpg) bottom center no-repeat;color:#fff;padding:90px 0 0}
#footer p{margin:0}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{text-decoration:underline}
.foo-title{display:inline-block;font-size:18px;font-weight:bold;text-transform:uppercase;color:#fff;margin-bottom:20px}
.foo-title .spacer{height:3px;width:30px;display:block;background:#ffb14e;margin-top:10px}
.foo-logo{margin-bottom:35px}
.foo-seal{float:left;margin-right:20px}
.foo-mid a{display:block;padding:5px 0}
.foo-mid a.all{display:inline-block;margin-top:30px}
.foo-mid a.all:hover{color:#ffb14e!important;text-decoration:none!important}
.foo-right a{display:block;padding:5px 0}
.sub-footer{margin-top:90px;text-align:center;font-size:12px;background:#00285b;padding:20px 0}
.translate{float:right;position:relative;top:-20px;}
.translate a{color:#000!important;text-decoration:none!important}

/* -----------------------------------------
	#inner
-----------------------------------------*/
#freeform #banner{background:url(../img/slide2.jpg) center no-repeat;height:500px}
#freeform .flyout >li >a{border:none;background:#193478;color:#fff;padding:10px 20px;margin-bottom:2px}
.main-inner{margin-top:-350px;position:relative;z-index:99}
.contact{margin-top:50px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.contact h4{background:#193478;color:#fff;font-size:16px;font-weight:normal;padding:10px 20px;margin:0}
.contact span.clearfix{background:#fff;padding:20px;display:block}
.entry{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.entry .inner{padding:30px 10px}
.entry-top{border-bottom:1px solid #ebebeb;margin-bottom:20px}
.page-title{float:left}
.notify{float:right;color:#a7adc3;font-size:11px;margin-top:5px}
.notify a{color:#a7adc3;text-decoration:none}
.notify img{margin-left:10px}
.breadcrumbs{text-transform:capitalize;font-size:11px;color:#a7adc3;margin-bottom:30px}
.breadcrumbs p{margin:0}
.breadcrumbs a{text-decoration:none;color:#a7adc3}
.breadcrumbs a:hover{text-decoration:underline}
.page-title{font-size:28px;text-transform:uppercase;border-left:3px solid #FFB14E;padding-left:15px;margin-bottom:20px}

/* -----------------------------------------
	#rz document center
-----------------------------------------*/
#RZdocument_center .file_row{background:#fff;border:1px solid #ccc;margin-bottom:1px;padding:7px 8px;width:97.5%;margin:0 0 1px;float:left}
#RZdocument_center .file_row a{color:#024930!important;font:14px/21px Montserrat!important;text-transform:uppercase;font-family:"Montserrat",serif-serif!important}
#msg{background:#FCF8E3;border:3px solid #dac293;display:block;padding:8px 35px 8px 14px;text-shadow:0px 1px 0px rgba(255,255,255,0.5);color:#af8338}
#RZdocument_center table h3{display:block;overflow:hidden;padding:7px 7px;border-bottom:1px solid #ccc;margin:0 0 10px}
#RZdocument_center h3 a{font-size:16px!important;font-weight:bold;color:#333!important}
#RZdocument_center table{padding:0;margin-bottom:10px}
#RZdocument_center form,#RZdocument_center input,#RZdocument_center select,#RZdocument_center button{margin:0!important;width:auto;min-width:inherit}

/* -----------------------------------------
	#rz alert
-----------------------------------------*/
.alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px}
.alert h4{color:#FFB14E;margin:0 0 10px;text-transform:uppercase;font-size:18px}
.alert .btn{padding:8px 10px;margin:20px 0 0 0!important;background:#FFB14E;border-radius:5px}
.alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin:7px 20px 0 0;float:right;font-weight:900}

/* -----------------------------------------
	#rz edit
-----------------------------------------*/
.quicklinkbtn,
.sliderbtn,
.scrollbtn{position:absolute;z-index:998}
.sliderbtn{top:-25px;z-index:999;text-align:right}
.alertbtn{position:fixed;right:0;bottom:0;z-index:999}

/* -----------------------------------------
	#slider
-----------------------------------------*/
#slider ul{margin:0}

/* -----------------------------------------
	#media queries
-----------------------------------------*/

@media only screen and (min-width:993px){

	.nav{display:block!important}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width:1200px){

	.nav > li > a{padding:20px 45px}
	.search input{width:66%}
	.logo img{max-width:350px}
	.qlinks .inner{margin:20px -30px 0 -130px}

}

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

	.logo img{max-width:100%;margin:0 auto}
	.head-right{text-align:center}
	.weather .inner{margin:0}
	.search .inner{padding:5px;border-radius:5px}
	.search input{border-radius:5px;width:100%;box-sizing:border-box}
	.search button{background:url(../img/search2.png) center no-repeat}
	.qlinks .inner{margin:30px 0}
	#nav{position:relative;border-radius:0;margin:0 -1000px;padding:0 1000px}
	.slicknav_menu *{text-shadow:none!important;outline:0!important;margin:0;padding:0;border-radius:0!important}
	.slicknav_menu{display:block;position:relative;z-index:9999;background:none}
	.slicknav_btn{float:none;display:block;background:none;padding:20px}
	.slicknav_menu .slicknav_icon{float:none}
	.slicknav_icon-bar{box-shadow:none!important;margin:0 auto}
	.slicknav_arrow{float:right;margin-right:20px}
	.slicknav_open > a > a{color:#FFB14E!important}
	.nav{display:none;background:none;margin:0!important}
	.nav li{display:block;width:100%}
	.nav li a{font-size:14px;padding:15px 20px;border-top:1px solid #364e8b!important;width:100%}
	.nav li a.slicknav_item{padding:15px 20px}
	.nav li a.slicknav_item a{border:none!important}
	.nav ul{display:block;position:static;clear:both;background:#1f3772}
	.nav ul a{border:none;width:100%;border-top:1px solid #2a4380!important;margin:0!important;background:none;color:#fff;font-size:12px}
	.nav ul ul{background:#152B62}
	.nav ul ul a{border-top:1px solid #1f3772!important}
	.nav > li:first-of-type > a{font-size:14px;font-family:"Montserrat",sans-serif;padding:15px 20px;background:none;line-height:inherit}
	.nav li.slicknav_parent a > a{width:auto}
	.nav li a:hover,
	.nav li:hover > a{background:none!important;color:#fff!important}
	.wave{display:none}
	#carousel{padding:0;margin:0 0 40px}
	.owl-prev,.owl-next{display:none}
	.flyout li a{font-size:14px;border-bottom:1px solid #ebebeb!important}
	.flyout ul{position:static;display:block;box-shadow:none}
	.flyout ul a{width:auto;font-size:12px;text-transform:none;color:#555;padding:10px 30px}
	.flyout li li:hover > a{background:none;color:inherit}
	.item{max-width:300px;margin:10px auto!important}
	.news{clear:both;margin:50px 0}
	.news .inner{padding:0}
	#footer{background-size:cover}
	.foo-left,.foo-mid{margin-bottom:40px}
	#freeform #banner{background:none;height:0;padding-bottom:70px}
	.main-inner{margin:20px 0}
	.contact{margin-bottom:50px}
	#freeform .flyout li a{background:#193478;color:#fff;font-size:12px;margin:0;border-bottom:1px solid #2a458a!important}
	#freeform .flyout ul a{padding:10px 30px;color:#FFB14E;font-size:10px}
	.translate{float:none;top:0;display:block;margin-top:10px}

	.table-responsive{
		width:100%;
		max-width:100%;
		margin-bottom:15px;
		overflow-x:scroll;
		overflow-y:hidden
	}
	.table-responsive > .table{
		margin-bottom:0;
		background-color:#fff
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td{
		white-space:nowrap
	}
	.table-responsive > .table-bordered{
		border:0
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child{
		border-left:0
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child{
		border-right:0
	}
	.table-responsive > .table-bordered > thead > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > thead > tr:last-child > td,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td{
		border-bottom:0
	}
}

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

	.logo{padding-left:20px;padding-right:20px}
	.notify{float:left;clear:both;margin-bottom:20px}
	a.qlink{clear:both;margin-bottom:20px}
	a.qlink:last-of-type{margin-bottom:0}

}

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


@media print {

	header,
	#banner,
	#footer,
	.breadcrumbs,
	.notify,
	.flyout{display:none}
	#main{padding:0}
	.main-inner{margin:0}
	.post iframe{height:2000px!important}

}