/*
Theme Name: Morning Star Friends Church
Theme URI: http://msfchurch.com/
Author: Communications Factory
Author URI: http://communicationsfactory.net
Description: 
Version: 1.0
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

html, body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	font-family: 'Zilla Slab', sans-serif;
	font-weight: 400;
	font-size: 18px;
}

#container {
	width: 1280px;
	margin: 0 auto;
}

#header-top {
	padding-left: 85px;
	padding-top: 65px;
	padding-bottom: 30px;
	padding-right: 40px;
}

.tagline { margin-left: 103px; margin-bottom: -3px; }

.desktop-pad { padding: 20px 65px; }

#copyright {
	text-align: center;
	font-size: .85em;
	padding: 20px 0px;
}

.content {
	
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

.flt-left, .alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
.flt-right, .alignright { float: right; margin-left: 20px; margin-bottom: 20px; }
.clear { clear: both; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

table { border-collapse: collapse; text-align: left; }
table, th, td { font-size: 1em; border: 1px solid #FFFFFF; padding: 10px;  }
tr:hover {background-color: rgba(255,255,255,.2);}
tr.tr-hdr td { padding-top: 20px; font-weight: bold; }

/* ********** NAVIGATION ********** */

#menu {
	background-color: #72635c;
	text-align: center;
}

#menu ul li {
	list-style-type: none;
	display: inline-block;
	padding: 20px;
	position: relative;
	top: 0px;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	transition: color 0.5s ease;
	font-weight: bold;
	color: rgba(255,255,255,1);
	text-decoration: none;
}
#menu ul li a:hover {  color: rgba(255,255,255,.6); }

#menu ul ul{
    position:absolute;
    top:-99999px;
    left:0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497;
    background-color: #FFF;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.6);
	text-align: left !important;
	margin-top: 36px;
	padding: 10px;
}

#menu li:hover li:hover ul { top: 0; left: 100%; margin-top: 0px; }

#menu ul ul li { padding: 10px !important; margin: 0px !important; text-align: left !important; margin-right: 0px; }

#menu ul ul li a {  display: block !important; min-width: 150px;  }

#menu ul li:hover>ul{ opacity: 1; position:absolute; top: 20px; left: 20px; }

#menu ul ul li:hover>ul{ position:absolute; top:-32px; left:20px; opacity: 1; z-index:497; background:#FFF; }

#menu ul ul li a, #menu ul ul li a:link, #menu ul ul li a:visited { color: #808285; } 
#menu ul ul li a:hover { color: #000000;}

#social-hdr { float: right; font-size: 2em; margin-top: 80px; }
#social-hdr a, #social-hdr a:link, #social-hdr a:visited {
	transition: color 0.5s ease;
	color: #72635c;
} 
#social-hdr a:hover { color: #5f7db1; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* ********** TYPOGRAPHY ********** */

p { margin-bottom: 20px; line-height: 1.5em; }
b, strong { font-weight: 700; }
h1 {
	font-weight: 700;
	font-size: 2.2em;
	margin-top: 40px;
}
h1.feature { font-weight: 400; font-size: 1.7em; margin-top: 20px; }
h2 { font-size: 1.2em; margin-bottom: 20px; }

em { font-weight: 400; font-style: italic; }
em strong { font-weight: 700; font-style: italic; }

.featured { font-size: 1.2em; margin-right: 100px; }

.white { color: white; }
.white-text { color: white; }

a, a:link, a:visited { color: #72635c; text-decoration: none; font-weight: 600; }
a:hover { color: #5f7db1; }

.white-text a, .white-text a:link, .white-text a:visited { color: white !important; }
.white-text a:hover { color: #40342f !important; }

a.big-blue, a.big-blue:link, a.big-blue:visited {
	font-size: 1.7em;
	color: #508292;
	font-weight: 600;
	text-decoration: none;
}
a.big-blue:hover { color: #72635c; }

ul.promo-links li { margin-bottom: 5px !important; }
ul.promo-links li a, ul.promo-links li a:link, ul.promo-links li a:visited { color: white !important; }
ul.promo-links li a:hover { color: #40342f !important; }

.entry-content ul { list-style-type: disc; margin: 20px; }

sup { vertical-align: baseline; position: relative; top: -0.15em; }

@media screen and (max-width:1024px) {
	#container { width: 100%; }
}

@media screen and (max-width:1023px) {
	.desktop-pad { padding: 20px; }
}

@media screen and (max-width:768px) {
	#social-hdr { float: none; display: block; }
	img { width: 100%; height: auto; }
	.tagline { margin-left: 0px; margin-bottom: 0px; margin-top: 20px; }
	table { width: 100% !important; }
	#header-top { padding-left: 40px; padding-right: 40px; }
	.featured { margin-right: 0px !important; }
	img.mobile-icon { width: 33% !important; height: auto; }
}