/*
 Theme Name:   Faith Markesan Theme
 Theme URI:    http://markesanlutheran.com/
 Description:  Skeleton Child Theme
 Author:       Matthew Ude
 Author URI:   http://matt.ude.news
 Template:     skeleton-theme
 Version:      1.6.45
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  faith-markesan-theme
*/

@import url('https://fonts.googleapis.com/css?family=Cabin|Vesper+Libre');

body .mainwrapper { font-family: 'Cabin', sans-serif; }

body .footer { z-index: 25; }

button.submit {
    width: auto;
    background: transparent;
    border: 2px solid #255c99;
    color: #255c99;
    float: left;
    margin: 20px 0 0 0;
    min-width: 150px;
    padding: 8px 0 9px;
    font-weight: 600;
    cursor: pointer;
}



.mainwrapper .postwrap .post a {
    float: none;
    width: auto;
}

.mainwrapper h1,
.mainwrapper h2,
.mainwrapper h3,
.mainwrapper h4,
.mainwrapper h5 {
	font-family: 'Vesper Libre', serif;	
}

.mainvisual.banner .wrapper h1.title {
	/*color:#638bbd;*/
}

.mainvisual.banner .wrapper .button {
	display: none;
}

h3.notice {
    display: inline;
}

.passage h3, 
.passage p+h3 {
    font-size: 1em;
    margin: 0;
}

blockquote.wp-block-quote {
    font-size: 100%;
    margin-left: 2em;
    border-left: 4px #666 solid;
    padding-left: 1em;
}

.content cite {
    font-size: 80%;
    font-style: italic;
}

/* footnotes for scripture text*/
.footnotes.extra_text {
    font-size: 75%;
}

.mainwrapper div.notices.wrapper {
    background: #b3001b;
}

.header .placeholder.red,
.red{
    background-color: #b3001b;
}

.header .placeholder.blue,
.blue{
    background: #255c99;
}

.white{
    color: #fff;
}

.cardwrap.locations.full .card .conwrap {
    float: left;
    width: 100%;
    height: auto;
}

.icon .fa {
    font-size: 6em;
}

.mainwrapper .header { 
    background: transparent;
    overflow: visible;
    margin-bottom: -80px; 
}

.header .placeholder {
  /*background: transparent !important;*/
}

body .masthead {
    border-bottom: 1px #638bbd solid;
    background: url('img/faith_header_transparent_45.png') no-repeat 2% -7px;
}

ul.menu li {

}

.sub-menu li.menu-item {
    float: none;
    padding: 0;
    margin: 0;
    position: relative;
    bottom: 2px;
    right: 10px;
}

.widget_menu li.menu-item:hover {
    display: block;
}

.widget_menu li.menu-item ul.sub-menu {
    display: none;
    position: relative;
    z-index: 100;
    border:none;
    margin: 0;  
    list-style:none;
    padding:0;
}

.widget_menu li.menu-item ul.sub-menu li.menu-item {
    width: 0;
}


.widget_menu li.menu-item ul.sub-menu li.menu-item a {
    float: left;
    background: #fff;
    width: 100px;
    padding: 5px 10px;
    margin: 0;
}

.widget_menu li.menu-item:hover ul.sub-menu {
    display: block;

}

.menu-main-menu-container ul.menu li a {
    color: #fff;
    text-shadow: #111 2px 2px;
    font-size: 1.3em;
    text-transform: capitalize;
}

.menu-main-menu-container ul.menu li:hover a {
    text-shadow: none;
}

.menu-main-menu-container ul.menu li a:before {
  background-color: rgba(0,0,0,.5) !important;
}

.menu-main-menu-container ul.sub-menu {
  background-color: rgba(0,0,0,.5) !important;  
}

.content .mainvisual.banner .conwrap{
    top: 99%;
    overflow: hidden;    
}

.content .mainvisual.banner .conwrap .intro{
    display: none;
}

/* Overwrite defualts for the sermon boxes on the front page */
.cardwrap.cardgrid.sermon .card .conwrap {
	opacity: 1;
}

.cardwrap.cardgrid.sermon .card .featimg::before {
    opacity: 0.5;
}

.cardwrap.cardgrid.sermon .card .conwrap .title {
    top: 0 ;
}

.cardwrap.cardgrid.sermon .card .conwrap .desc, .cardwrap.cardgrid .card .conwrap .readmore {
    bottom: 0;
}

.cardwrap.cardgrid.sermon .info  {
    color: #fff;
    margin: auto 3px;
    display: block;
}

.resources .cardwrap.cardgrid.sermon .card h3.title {
	font-size: 2em;
}

.card.events .date {
    margin-bottom: 0;
    font-size: 150%;
}

.card.events .conwrap p.desc {
	overflow: hidden;
}

.cardwrap .card.events .conwrap a {
    color: #b3001b;
}

.calltoaction .conwrap .title {
	font-size: 3em;
}

.calltoaction .conwrap .textwrap {
    margin-top: 140px;
    padding-top: 10px;
    background: rgba(60, 60, 60, 0.7);
    text-align: center;
    border-radius: 5px;
}

.calltoaction h3 {
	color: #fff;
}

.card.card1.sermon,
.card.card2.sermon,
.card.card3.sermon,
.card.card4.sermon {
    font-size: 80%;
}

.quarter .card.events {
    box-shadow: 2px 2px 9px #eee;
    padding: 0 10px;
}

.aw {
    font-family: FontAwesome;
}

p.eventInfo {
    margin: 2px;
}


.card.events p.eventInfo.date {
    margin: 2px;
    font-size: 100%;
}

p.eventInfo .aw {
    margin-right: 10px;
}

.cardwrap .card .eventInfo.title {
    font-size: 1.3em;
    margin: 5px 2px 10px 2px;
    text-align: center;
}

.cardwrap.quarter .card.events {
	width: 20%;
}


/* Sermon Archive */

.section .sermon h2 {
    float: left;
    width: 850px;
    margin-bottom: 0;
}

.section .sermon .feat {
    float: left;
    margin-right: 20px;
}

.postwrap.sermon .post a {
    font-weight: none;
    float: none;
    width: auto;
}

.sermonInfo span {
    box-shadow: 2px 2px 3px #aaa;
    margin: 10px;
    padding: 3px 6px;
    display: inline-block;
}


/* Sermon Single Page */

.sermonDownloads {
    float: left;
    width: 100%;
    margin: 10px 0;
    font-size: 24px;
}

.media {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

h4.mediaLabel {
    margin: 5px;
    background: #f7f7f7;
    padding: 10px 5px 2px;
}

.sidebar h2.sermonDT{
	font-size: 2em;
}

.sermonDownloads a::before {
    content: "\f0ed";
    font-family: FontAwesome;
}

.sermonDownloads.image a::before {
    content: "\f03e";
}

.sermonDownloads.word a::before {
    content: "\f1c2";
}

.sermonDownloads.text a::before {
    content: "\f15c";
}

.sermonDownloads.pdf a::before {
    content: "\f1c1";
}

.sermonDownloads.audio a::before {
    content: "\f025";
}


.sermonDownloads.video a::before {
    content: "\f03d";
}


/* Google Search*/

.gsc-control-cse {
    font-family: inherit;
     border-color: none; 
     background-color: transparent; 
}

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: transparent;
    border: none;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 1em;
    width: auto;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    width: 100%;
    font-family: inherit;
    /* font-size: 13px; */
}

/* Media */

audio, video {
    width: 90%;
    margin: 1em 5%;
}


/* Classes */

.classes .content {
    padding:0;
}

.classes .content p.subtext {
    margin-bottom: 18px;
    float: left;
    width: 100%;
}

.classes .content p.subtext span {
    width: 31%;
    float: left;
    text-align: center;
    padding: 0 1%;
    font-style: italic;
}

.classes .content p.tags{
    text-align: center;
    float: left;
    width: 100%;
}

.classes .lesson-title {
    text-align: left;
    border-bottom: 2px solid #4b4c4c;
    margin-bottom: 5px;
}

ul.assignments,
ul.assignments ul {
    list-style-type: none;
    float: left;
    width: 100%;    
}

ul.assignments li {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

ul.assignments h4 {
    margin-bottom: 0;
    border-top: 1px dashed;
    margin-top: 20px;
    float: left;
    width: 100%;    
}

ul.assignments {
    margin: 0;
    padding: 0;
}

.assignment h2 {
    font-size: 150%;
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    bottom: 40px;
}



ul.assignments span.assignment {
    float: left;
    margin-left: 5px;
    font-size: 75%;
}



/* Staff Page Style */

div#tm-div {
    float: left;
    max-width: 500px;
    margin-right: 50px;
}

.teammember {
    float: left;
    width: 100%;
    border-bottom: 1px #eee solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

div.tm-info {
    float: left;
}

span.tm-info {
    float: left;
    clear: left;
}

span.tm-info h3,
span.tm-info h4  {
    margin-bottom: 0;
}


div#tm-form {
    float: left;
    max-width: 550px;
}

.tm-info.image {
    float: left;
    margin-right: 20px;
}

.tm-info.image img {
    height: auto;
    width: 150px;
    border-radius: 5px;
}


/* Church Calendar */

ul#calendar-key {
    list-style: none;
    text-align: center;
    margin-left: 0;
}

#calendar-key li {
    display: inline;
}


#calendar-key li.church {
    color: #711616;
}


#calendar-key li.school {
    color: #3C995B;
}

#calendar-key li.download a {
    font-weight: normal;
}

/* podcast series css */

.podcast.series .feat {
    width: 20%;
    float: left;
    margin-top: 40px;
}

.postwrap .post .content {
    width: 75%;
    float: right;
}

.series.list {
    float: right;
    margin-top: 50px;
}

.series.list span {
    margin: 0 5px;
}

@media( max-width: 776px ){
	.cardwrap.quarter .card.events {
		width: 40%;
	}
}

/* Podcast Table */
table#ss-prep-table td, 
table#ss-prep-table th {
    padding: .5em;
    vertical-align: top;
}

table#ss-prep-table th {
    font-weight: bold;
}

table#ss-prep-table a.textLink {
    float: left;
    clear: both;
}

table#ss-prep-table tr:nth-child(even) {background: #fff}
table#ss-prep-table tr:nth-child(odd) {background: #eee}



.cardwrap.team .card .featimg {
    height: auto;
}

.cardwrap.team .card .desc {
    height: 0px;
}

.cardwrap.full .card.attachment {
    float: left;
    width: auto;
    height: auto;
}

.cardwrap.full .card.attachment .conwrap {
    float: left;
    width: auto;
    padding: 10px 30px;
    height: auto;
    border: solid #4b4c4c 10px;
}

.cardwrap.full .card.attachment .conwrap:hover {
    border-color: #255c99;
}

.cardwrap.full .card.attachment .content {
    padding: 0;
}