/*
Theme Name: LCC Reformation 500
Theme URI: 
Description: Customized theme by diguno media.
Author: diguno media
Author URI: http://www.diguno.com/
Version: 1.0
*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	 -webkit-text-size-adjust:100%;
}

a img{ border: none; }

/* WORDPRES DEFAULTS */
:focus {/* remember to define focus styles! */
	outline: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

a img {
	border: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.125em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.125em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* FORMS */
.form label{ display: block; margin-top: 20px; }

form, input, textarea, select{ font-family: "Open Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 5px; color: #4e4e4e; }

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#8CA8C9; box-shadow: 0 0 3px #eee; color: #3e3e3e; }

input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }

textarea { padding: 5px; }

input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	width: 98%;
	border-radius: 2px;
}

select{ min-width: 200px;}

input[type=text]:focus,
textarea:focus {
	color: #373737;
}

textarea {
	width: 98%;
	font-size: 12px;
}

input[type=text] {
	padding: 5px;
}


/* Images */
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }
p img, .wp-caption { margin-top: 0.4em; }

.wp-caption { margin-bottom: 20px; max-width: 96%; padding: 9px; }
.wp-caption img { display: block;	margin: 0 auto;	max-width: 98%; }
.wp-caption .wp-caption-text { text-align: right; color: #666; font-size: 11px; margin-bottom: 0.6em; padding: 0px 0 5px 20px; position: relative; }
.wp-caption .wp-caption-text:before { content: '\2014 '; padding-right: 5px; }

/* Image borders */
.img,
img[class*="align"],
img[class*="wp-image-"] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
/*
	border: 1px solid #e5e5e5;
	padding: 4px;
	background: #f2f2f2;
	border-radius: 3px;
*/
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	border-color: #ccc;
}

hr{ clear: both; border: none; border-bottom: 1px solid #eee; margin: 20px 0 30px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }


/* CLASSES */
.init{ margin: 0!important; padding: 0!important; }
.init-top{ margin-top: 0px!important; padding-top: 0!important; }
.init-bottom{ margin-bottom: 0px!important; padding-bottom: 0!important; }

.margintop{ margin-top: 50px!important; }

.clear{ clear: both; }

.hide, .hidden{ 
    position: absolute;
    width: 1px; 
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;   
}

.break {
    -ms-word-break: break-all;
    word-break: break-all; 
    word-break: break-word; 
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.fl-right{ float: right; }
.fl-left{ float: left; }

.alt{ color: #C4A867; }
.alt2{ color: #e51c24; }

.small{ font-size: 11px; }
.smallprint{ font-size: 11px; color: #888; font-style: italic; }
h1 .small a{ font-size: 13px!important; }
.big{ font-size: 18px; line-height: 1.3em; }

.nav ul{ margin: 0; padding: 0; }
.nav li{ list-style: none; display: inline; padding: 0 2px; margin: 0 10px 0 0; }
.nav li a{ text-decoration: none; }

.borderless{ border: none!important; background: none!important; }

#mobileswitch{ width: 100%; background: #eee; border-bottom: 1px solid #ddd; }
#mobileswitch p{ margin: 0; padding: 10px 0; text-align: center; font-size: 13px; }

h1.logo{ position: relative; }
h1.logo a.logofix{ display: none; }
h1.logo a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* Typography */

body, div, p, li, form, input{ font-family: "Droid Sans", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Raleway, Helvetica, Arial, sans-serif; color: #363636; }
gform_button{ }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  }

h1{
	font-size: 40px;
	font-weight: 700;
}
h1 a{ color: #c4a867; text-decoration: none; }
h2, .h2 {
	font-size: 34px;
	font-weight: 400;
}
h2 a{ color: #c4a867; text-decoration: none; }
h3, .h3 {
	color: #444;
	font-size: 28px;
	font-weight: 700;
}
h3 a{ color: #c4a867; text-decoration: none; }
h4 {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
}
h5, h6 {
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}
h5 strong{ font-size: 15px; }

.titled{
}

p, li{ font-size: 13px; color: #666; line-height: 1.6em; }

a{ color: #555; transition: all 0.3s ease-in-out; }
a:hover{ color: #333; }

*:focus, * { outline: 0!important; }

#mainContent iframe{ clear: both; margin-top: 15px; max-width: 100%; }
#mainContent img, img{ max-width: 100%; }


/*----------------------------------------------------*/
/* Layout */
body{ border-top: 30px solid #c4a867; }
.wrapper{ width: 1100px; max-width: 100%; margin: 0 auto; position: relative; }
.padded{ width: 950px; max-width: 95%; margin: 0 auto; position: relative; }

#header{ background: rgba(255,255,255,0.85); position: absolute; top: 30px; z-index: 8888; width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-bottom: 2px solid #c4a867; }
#header .wrapper{ width: 1200px; }
#header .logo{ max-width: 300px; margin: 15px 0; transition: all 0.3s ease-in-out; }

.scroll #header{ transform: translateY(-30px); position: fixed; background: rgba(255,255,255,0.93); border-bottom: 3px solid #c4a867; }
.scroll #header .logo{ max-width: 200px; margin: 5px 0; }

.bookend{ position: absolute; top: 0; width: 100%; z-index: 9999; background: #c4a867; height: 30px; transition: all 0.3s ease-in-out; transform: translateY(0px); }
.bookend p{ font-weight: 700; font-size: 13px; font-style: italic; color: #fff; text-align: center; height: 30px; line-height: 30px; margin: 0!important; }

.scroll .bookend{ transform: translateY(-30px); }

.post-summary{ margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid #e6e6e6; }

#footer{ background: #c4a867; margin: 50px 0 40px; }
#footer .one_half{ margin-bottom: 0!important; }
#footer p{ color: #fff; font-size: 14px; line-height: 50px; margin: 0; }
#footer .last-column p{ text-align: right; }
#footer .social{ display: inline-block; padding-left: 8px; }
#footer .social a{ color: #fff; font-size: 24px; display: inline-block; margin: 0 2px; }
#footer .social a svg{ max-width: 20px; position: relative; top: 5px; }
#footer .social a:hover, #footer .social svg:hover.cls-1{ color: #736357; fill: #736357; }

/* News Slider */
#news-slider{ margin: 40px 0 30px; }
#news-slider h2{ text-align: center; position: relative; margin-bottom: 40px; }
#news-slider h2:before{ position: absolute; left: 0; bottom: 48%; border: 1px solid #ddd; width: 100%; height: 1px; content: ' '; z-index: -1; }
#news-slider h2 span{ background: #fff; position: relative; z-index: 20; display: inline-block; padding: 0 25px; }
#news-slider .news-slide.cycle-slide{ opacity: 0; transition: opacity 1s ease-in-out; }
#news-slider .news-slide.cycle-slide-active{ opacity: 1; }
#news-slider .cycle-pager{ text-align: center; margin-top: 15px; }
#news-slider .cycle-pager span{ transition: all 0.3s ease-in-out; color: rgba(0,0,0,0); width: 11px; height: 11px; display: inline-block; border: 1px solid #bbb; border-radius: 50%; margin: 0 2px; cursor: pointer; }
#news-slider .cycle-pager .cycle-pager-active{ background: #c4a867; }

/* Saints */
.bios{ margin: 30px 0 10px; padding-top: 30px; border-top: 1px solid #e6e6e6; }
.saint-summary h3{ font-weight: 400; }
.saint-summary .image img{ border-radius: 50%; overflow: hidden; }
.saint-title{ margin: 10px 0 30px; padding-top: 10px; }
.saint-title img{ border-radius: 50%; overflow: hidden; float: left; margin-right: 20px; }
.role{ display: block; font-weight: 400; }


/* Countdown */
#countdown{ background: #f8f8f8; border-bottom: 1px solid #e6e6e6; padding: 20px 0; margin-bottom: 20px; }
#countdown .one_half{ margin-bottom: 0!important; }
#countdown h2{ text-transform: uppercase; margin: 15px 0 0; color: #736357; line-height: .7em; }
#countdown h2 span{ font-size: 14px!important; font-weight: 400; }

#countdown .one_third{ width: 27%; }
#countdown .one_half{ width: 46%; }
#countdown .one_sixth{ width: 18%; }

#countdown .cal, .cal{ border: 1px solid #e6e6e6; background: #fff; padding: 5px 0; margin: 5px 10px; width: 120px; float: left; border-radius: 15px; }
#countdown .cal p, .cal p{ text-align: center; margin: 0; color: #736357; }
#countdown .cal p.number, .cal p.number{ font-size: 30px; font-weight: 700; }
#countdown .cal p.label, .cal p.label{ font-size: 13px; text-transform: uppercase; border-top: 1px solid #e6e6e6; padding-top: 3px; margin-top: 3px; }

#countdown .cta p{ line-height: 60px; }
#countdown .cta .button{ width: 100%; text-align: center; }

/* Events */
.eventlist{ margin: 0; padding: 0; }
.eventlist li{ list-style: none; }
.event-summary{ margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #fafafa; }
.event-summary h3{ margin: 10px 0; }

/* Maps */
#results-map-wrap{ width: 100%; height: 400px; border: 1px solid #e6e6e6; padding: 3px; }
#results-map{ width: 100%; height: 100%; }
#searchbox{ background: #fafafa; border: 1px solid #e6e6e6; }
#searchbox .pad{ padding: 20px 20px; }
#searchbox .field{ margin-bottom: 10px; }
#searchbox label{ font-size: 15px; display: block; color: #666; font-family: Raleway,"Droid Sans"; text-transform: lowercase; }
#searchbox input#submit{ width: 100%; text-align: center; margin-top: 15px; background: #c4a867; color: #fff; font-family: Raleway; font-weight: 400; border: 1px solid #736357; padding: 3px 20px; cursor: pointer; }
#searchbox input, #searchbox select{ width: 100%; }

.church-summary{ margin: 10px 15px; padding: 10px 0 20px; border-bottom: 1px solid #e6e6e6; }
.church-summary h3{ font-size: 20px; font-weight: 400; }
.church-summary p{ margin: 0; }

/* Banners */
#banner{ background: #e2e2e2; overflow: hidden; border-bottom: 2px solid #c4a867; }
#banner .logo{ position: relative; width: 240px; z-index: 999; margin: 0 auto; } 

#banner .banner-content{ position: absolute; bottom: 5%; left: 15%; width: 30%; margin: 0 auto; z-index: 999; }
#banner .banner-content h3{ color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); }

#banner .slide{ right: 0; bottom: 0; }
#banner img{ max-width: 100%; display: block; margin: 0 auto; }

#banner .rose{ max-width: 150px; opacity: .8; text-align: center; margin: 0 auto; }
#banner .rose-overlay{ width: 100%; bottom: 20%; left: 0; }

.no-banner{ height: 150px; }

/* NAVIGATION */
#navigation-wrapper{ z-index: 99999; padding: 0; position: absolute; right: 0; top: 0; margin-top: 25px; transition: all 0.3s ease-in-out; }
.scroll #navigation-wrapper{ margin-top: 15px; }
#navigation-wrapper .menu, #navigation-wrapper ul{ margin: 0; padding: 0; text-align: center; }

#navigation-wrapper .menu li{
	position: relative;	
	line-height: 45px;
	display: inline-block;
	margin-left: 25px;
}
#navigation-wrapper .menu li:last-child{ margin-right: 0; }
#navigation-wrapper .menu li a {    
    font-size: 16px;
    text-decoration: none;
	color: #333;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
}
.scroll #navigation-wrapper .menu li a{ font-size: 15px; }
#navigation-wrapper .menu li a:hover,
#navigation-wrapper .menu li:hover a {
    color: #c4a867;
}

#navigation-wrapper .menu .current-menu-item a,
#navigation-wrapper .menu .current-page-ancestor a,
#navigation-wrapper .menu .current_page_parent a{ color: #c4a867; }

/* DROP DOWNS - Level 1 */
#navigation-wrapper .menu .sub-menu{ 
	display: none;
	position: absolute; 
	margin: 0;
	top: 45px;
	max-width: 100%;
	z-index: 100;
	text-align: left;
	border-bottom: 4px solid #f2f2f2;
	min-width: 250px;	
	left:50%;
	transform: translate(-50%,0);
	box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}
#navigation-wrapper .menu li:hover .sub-menu{ display: block; }

#navigation-wrapper .menu .sub-menu li:first-child{ border-top: 6px solid #f2f2f2; }
#navigation-wrapper .menu .sub-menu li{ 
	display: block; 
	top: 0; 
	line-height: 1.4em;
	text-shadow: none;
	white-space: nowrap;
	width: 100%;
	margin: 0;
	background: #f2f2f2;
}
#navigation-wrapper .menu .sub-menu li a {
    color: #363636;
    font-size: 14px;
	display: block;
	padding: 4px 12px;
	text-decoration: none;
	background: rgba(196,168,103,0);
	text-shadow: none;
	width: 100%;
	font-weight: bold;
}
#navigation-wrapper .menu .sub-menu li a:hover,
#navigation-wrapper .menu .sub-menu li:hover a {
	color: #fff;
	background: rgba(196,168,103,1);
}

/* DROP DOWNS - Level 2+ - UNSUPPORTED */
#navigation-wrapper .menu .sub-menu .sub-menu{ display: none!important; }

/* MOBILE MENU SWITCH */
#navigation-wrapper .menu-switch{ display: none !important; }

/*----------------------------------------------------*/
/* Buttons */
a.btn, a.button{ 
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px!important;
	color: #363636;
	font-size: 14px;
	font-weight: 500;
	transition: all .2s ease-in-out!important;
	cursor: pointer;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
}

a.button.default{ background: #c4a867; }

a.button.default:hover{ background: #736357!important; }

a.naked-button{ text-decoration: none; font-size: 16px; text-transform: lowercase; color: #777; }
a.naked-button:hover{ color: #555; }


/*----------------------------------------------------*/
/* Other */
.timeline{ background: #fafafa; border: 1px solid #e6e6e6; margin: 10px; padding: 10px; }
.timeline iframe{ margin: 0; }

.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths{ margin-bottom: 10px!important; }

.gform_wrapper{ padding: 5px 20px; background: #f8f8f8; box-shadow: 0 0 5px rgba(0,0,0,0.1) inset; border-radius: 5px; }

#gform_wrapper_6 .gfield{ border-top: 1px solid #eee; border-bottom: 1px solid #fff; padding: 10px 0!important; }
.results h2{ padding: 10px 15px; text-align: center; font-size: 18px; background: #D7D5C5; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin-bottom: 20px; }
.results h2 span{ font-weight: bold; }
.results .alert{ font-family: Arial, Helvetica, sans-serif!important; }


.pagination{ margin: 60px auto 0; }

.paginate {padding:0; margin:0; display: inline; }
.paginate li {display:inline; list-style:none;}
.paginate a {background:#eee; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none; border-radius: 5px; }
.paginate a:hover, .paginate a:active {background:#ddd; color:#666;}
.paginate .title {color:#555; margin-right:4px;}
.paginate .gap {color:#999; margin-right:4px;}
.paginate .current {color:#fff; background:#446c73; border:1px solid #89adcf; margin-right:4px; padding:3px 6px; border-radius: 5px; }
.paginate .page {}
.paginate .prev, .paginate .next,
.paginate .first, .paginate .last{ background: none; border: none; }
.paginate a.prev:hover, .paginate a.prev:active,
.paginate a.next:hover, .paginate a.next:active,
.paginate a.first:hover, .paginate a.first:active,
.paginate a.last:hover, .paginate a.last:active{ border: none!important; background: none!important; color:#000!important; text-shadow: 0 0 3px #555; }

/* style overrides for comments pagination */
.paginate-comments {}
.paginate-comments li {}
.paginate-comments a {}
.paginate-comments a:hover, .paginate-comments a:active {}
.paginate-comments .title {}
.paginate-comments .gap {}
.paginate-comments .current {}
.paginate-comments .page {}
.paginate-comments .prev, .paginate-comments .next {}

@media print {
    * {
        background: none !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
 
        /* Images, vectors and such */
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
 
    a {
        text-decoration: underline;
    }
 
    a[href]:after {
        content: " (" attr(href) ")";
    }
 
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}

@media(max-width: 1230px){
	#header .wrapper{ width: 1100px; max-width: 98%; padding: 0 20px; }
}

@media(max-width: 1100px){
	#header h1.logo a object{ max-width: 250px; margin: 0; padding: 5px 0; }
	#header h1.logo, .scroll #header h1.logo{ margin: 0 auto; max-width: 250px; }
	#header{ position: relative; top: 0; }
	.no-banner{ height: 20px; }
	.wrapper{ padding: 0 20px; }
	#countdown .one_half{ width: 47%; }
	.scroll #header h1.logo{ position: relative; top: 27px; }
	#navigation-wrapper{ position: relative; margin-top: 0; }
	#navigation-wrapper .menu li{ display: none; margin: 0; }
	#navigation-wrapper .menu .menu-switch{ display: block!important; }
	#navigation-wrapper .menu .menu-switch a:hover{ text-decoration: none; }
	#navigation-wrapper.open .menu li{ display: block; }
	#navigation-wrapper .menu .sub-menu{ padding: 0 0 10px 0; position: relative; text-align: center; top: 0; width: 100%; border: none; box-shadow: none; }
	#navigation-wrapper .menu .sub-menu li{ background: #fff; }
	#navigation-wrapper .menu .sub-menu li:first-child{ border: none; }
}

@media(max-width: 975px){
	#countdown *{ text-align: center; }
	#countdown .one_half{ margin: 0 auto; min-width: 57%; float: none; }
	#countdown .one_third,
	#countdown .one_sixth{ width: 100%; }
	#countdown h2 strong{ display: block; }
	#countdown .padded{  }
}

@media(max-width: 850px){
	.home #post-content.one_third{ float: none; width: 100%; text-align: center; }
	.home #post-content.two_thirds{ width: 100%; float: none; }
	#countdown .one_half{ width: 420px; }
}

@media(max-width: 675px){
	.bookend p{ font-size: 12px; }
}

@media(max-width: 625px){
	body{ border-top-width: 12px; }
	.bookend{ height: 12px; }
	.bookend p{ display: none; }
	.banner-content h3{ font-size: 18px; }
	.banner-content a.button{ padding: 0 15px!important; font-size: 12px; }
	
	h1{ font-size: 32px; }
	h2{ font-size: 28px; }
	
	.scroll #header{ position: relative; transform: none; }
	.scroll #header h1.logo,#header h1.logo{ max-width: 200px; top: 10px!important; }
	.scroll #header h1.logo a object,#header h1.logo a object{ max-width: 200px; }
}

@media(max-width: 475px){
	.banner-content{ display: none; }
	#countdown .cal, .cal{ width: 100px; }
	#countdown .one_half{ width: 360px; }
}

@media(max-width: 410px){
	.banner-content{ display: none; }
	#countdown .cal, .cal{ width: 80px; margin: 5px; }
	#countdown .one_half{ width: 300px; }
	#countdown .one_half .label{ font-size: 12px; }
}