/*
Theme Name:     SD Synod
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for SD Synod 
Author:         Jeremy Swanston
Author URI:		http://www.jeremyswanston.com
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/* SD Synod Custom Styling */

/* Font Families */
@import url("fonts/fonts.css");

body {
    color: #313131;
    font-family: 'Gotham Book', Helvetica, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham Book', Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
}

ul, ol {
    list-style-type: disc !important;
}

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

@media handheld, only screen and (max-width: 767px) {
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	width: 100%;
	margin: 0;
}

}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham Book', Helvetica, sans-serif;
    line-height: 1.2;
    margin: 0;
    text-rendering: optimizeLegibility;
}

h1, h1.page-title {
    font-size: 2.75em;
    font-family: 'Gotham Book', Helvetica, sans-serif;
    font-weight: 800;
    text-rendering: geometricPrecision;
    letter-spacing: -.5px;
    border-bottom: 1px solid #313131;
    line-height: 1em;
    padding-bottom: 18px;
}

@media screen and (min-width: 40em)
h1, h1.page-title {
    font-size: 3.75em;
    margin-bottom: 0.5em;
}

h2, .master-holder h2 {
    font-family: 'Gotham Book', Helvetica, sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.25em;
    text-rendering: geometricPrecision;
    margin-bottom: 0.75em;
    text-transform: capitalize;
}

.text-sm {
	font-size: 13px;
	line-height: 120%;
	margin-top: 20px;
}

.content-header, .master-holder h2, .content-header h2 {
    font-family: 'Gotham Book', Helvetica, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
}

.master-holder h2 {
    font-size: 2.5em !important;
    font-weight: 700 !important;
    line-height: 1.25em !important;
    text-rendering: geometricPrecision;
    margin-bottom: 0.75em !important;
    text-transform: capitalize !important;
}

a:link {
    outline: 0 none;
    text-decoration: underline;
}

.mk-header-toolbar a, #mk-footer a {
    text-decoration: none;
}

.intro p {
    font-size: 1.5em;
}

@media handheld, only screen and (max-width: 767px) {
.intro p {
    font-size: 1.3em;
}
}

/* Theme Overrides */
.mk-header {
	border-bottom: none;
}

.mk-header-toolbar {
    background-color: #1e1e1e;
}

.mk-dashboard-trigger {
    display: none;
}

.mk-toolbar-navigation {
    float: right;
}

.mk-toolbar-navigation ul li a {
	font-size: 13px;
	letter-spacing: .5px;
	padding: 0 6px;
    line-height: 13px;
    border-right: 0;
    color: #666666;
}

.mk-toolbar-navigation a:hover {
    color: #f1f1f1;
}

.mk-header-inner, .a-sticky .mk-header-inner, .header-style-2.a-sticky .mk-classic-nav-bg {
    border-bottom: 0;
}

.header-style-1.header-align-left .header-logo a {
    margin-left: 15px;
}

.mk-header-holder {
    position: relative;
}

li#menu-item-19965 {
    background-color: #e30026;
    margin-right: 15px;
}


li#menu-item-19965 a {
    color: #fff;
}

li#menu-item-19965 a:hover {
    color: #f1f1f1;
}

#sub-footer {
    background-color: #313131;
}

.mk-footer-copyright {
	display: block;
    text-align: center;
    float: none;
    padding: 16px 0 16px;
}

#mk-page-id-9760 {
    margin-bottom: 0 !important;
}

#mk-page-id-9760 .theme-content {
    padding-bottom: 0 !important;
}

/* Blog */
.mk-header-padding-wrapper {
    padding-top: 80px !important;
}

.mk-blog-single .featured-image {
    position: relative;
    margin-bottom: 40px;
}


/* Homepage */
#hero-container .wpb_content_element {
    margin-bottom: 0;
}

#hero-container .ls-bg-wrap {
	position: relative;
}

#hero-container .ls-bg-wrap:after {
	content: "";
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	position: absolute;
	background-color: rgba(49,49,49,0.35);
}

#tabs-home-container .wpb_tab {
	min-height: 27.8em;
}
	
#tabs-home-container #mk-tabs .wpb_tabs_nav a {
    padding: 5px 20px;
    border: 0;
    border: none;
    color: #f1f1f1;
    font-size: 16px;
}

#tabs-home-container #mk-tabs .wpb_tabs_nav li {
    background-color: #313131;
    border: 0;
    margin: 0;
    position: relative;
}

#tabs-home-container li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
    color: #313131 !important;
}

#tabs-home-container {
    margin: 0;
    background: #313131;
}

#tabs-home-container .column_container {
    padding: 0;
}

#tabs-home-container .wpb_content_element {
    margin-bottom: 0;
}

#tabs-home-container #mk-tabs .wpb_tabs_nav li a:before {
	height: 0;
}

.home-tabs-post-title h3 {
    font-size: 21px;
    text-transform: capitalize;
    font-weight: 800;
    font-weight: bold;
}

.home-tabs-post-img {
    min-height: 250px;
}

.home-tabs-post-btn {
	text-align: center !important;
    text-transform: uppercase;
    background-color: #8bc53f !important;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;

}

.home-tabs-post-btn a {
    background-color: #8bc53f !important;
}

.home-tabs-post-btn:hover {
    opacity: 0.7;
}

.news-btn {
    text-transform: uppercase;
    background-color: #8bc53f !important;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;

}


/* Donations */
#donations {
    padding: 40px 30px;
}

#donation-wrapper {
    border-top: 1px solid #f1f1f1;
    padding: 30px 0 10px 0;
    border-bottom: 1px solid #f1f1f1;
}

.donations-title h3 {
    margin-bottom: 30px;
    color: #313131;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 28px;
    font-family: 'Gotham' sans-serif;
    line-height: 28px;
    position: relative;
    top: 10px;
}

.donations-btn button {
    text-transform: uppercase;
    font-weight: bold;
}

.donations-btn i.vc_btn3-icon.fa.fa-chevron-right {
    font-size: 12px;
}

/* Interior General */
.intro-text p {
    font-size: 21px;
    font-weight: 100;
    margin-bottom: 5%;
}

#grey-box {
    margin-bottom: -60px;
    margin-top: 30px;
}

#grey-box p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

/* Contact Form */
#contact-wrapper .page-section-content {
    padding-bottom: 0;
    padding-top: 0;
}

#contact {
    background: #313131;
}

/*.contact-info {
	padding: 70px 50px !important;
}*/

.contact-info h3 {
    color: #fff;
}

h3#fancy-title-16 {
    margin-bottom: 5px;
    font-weight: 300;
}

.contact-info p {
	color: #e1e1e1 !important;
	line-height: 1.3em;
}

#contact #wpcf7-f20035-p4-o1 {
    width: 70%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
}

input#contact-form-field {
    width: 100%;
    display: block;
    border: 1px solid #ababab;
}

textarea#contact-form-field {
    width: 100%;
    border: 1px solid #ababab;
    display: block;
}

input#contact-form-btn {
    width: 48%;
    margin: 0 auto;
    display: block;
    margin-top: 19px;
    height: 55px;
    background: #525dac;
    opacity: 1;
    transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

input#contact-form-btn:hover {
    opacity: .7;
}

::-webkit-input-placeholder {
    font-size: 12px !important;
    color: #a9a9a9 !important;
}

:-moz-placeholder {
    font-size: 12px !important;
    color: #a9a9a9 !important;
}

::-moz-placeholder {
    font-size: 12px !important;
    color: #a9a9a9 !important;
}

:-ms-input-placeholder {
    font-size: 12px !important;
    color: #a9a9a9 !important;
}

/*.contact-map {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none;
    height: 100vh !important;
    overflow: hidden;
}

.contact-map {
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

#contact-map-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#contact-map-container .wpb_wrapper {
	padding: 0;
}*/

.wpb_gmaps_widget .wpb_wrapper {
    background-color: transparent;
    padding: 0px;
}

#contact-map-container .wpb_map_wraper iframe {
	width: 100%;
	height: 100%;
}

#contact-smallprint h5, #contact-smallprint p {
    font-size: 12px;
    line-height: 120%;
}

#contact-smallprint h5 {
	color: #bebebe;
}

#contact-smallprint p {
	color: #f1f1f1;
	margin-bottom: 3px;
}

#contact-smallprint a {
	color: #f1f1f1;
	text-decoration: underline;
}

#contact-smallprint a:hover {
	text-decoration: none;
}

.spacing {
	display: block;
	width: 100%;
	height: 30px;
}

/*  FORMS GENERAL */

input#cmc-form {
    width: 100%;
    min-height: 34px;
}

.cf7_text_shortcode h3 {
    font-size: 21px;
    margin-top: 30px;
}

.wpcf7-form .wpcf7-textarea {
    width: 100%;
}

textarea#cmc-form {
    height: 150px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

/*  GO FULL WIDTH BELOW 767 PIXELS */
@media only screen and (max-width: 600px) {
	.col {  
		margin: 1% 0 1% 0%; 
	}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { 
		width: 100%; 
		text-align: center;
	}
}

/*  EVENT REGISTRATION */

#methods-of-payment {
    border-top: 3px solid #313131;
    margin-top: 60px;
}

#spco-available-methods-of-payment-dv {
    text-align: center;
}

#spco-available-methods-of-payment-dv h4 {
    text-align: center;
    font-size: 24px;
}

#ee-single-page-checkout-dv .spco-payment-method-input-dv label {
	float: none;
}

/*  FOOTER */
#menu-quick-links svg.mk-svg-icon {
    display: none;
}

p.newsletter-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}

section#nav_menu-4 ul li {
    list-style-type: none;
}

/*  FOOTER Newsletter Form */
section#text-5 {
    margin-bottom: 30px !important;
}

section#text-7 {
    margin-bottom: 30px !important;
    height: 41px;
}


#footer-newsletter-wrapper #wpcf7-f20052-o2 {
    height: 50px;
}

#footer-newsletter-wrapper p {
    width: 63%;
    display: inline-block;
    margin-bottom: 0 !important;
}

#footer-newsletter-wrapper p:nth-child(3) {
    margin-left: 2%;
    width: 25%;
}

#footer-newsletter-wrapper input#newsletter-footer {
    width: 100%;
    margin: 0;
    height: 40px;
    background: #7f7f7f;
    border: none;
    color: #fff;
}

#footer-newsletter-wrapper input#newsletter-footer-btn {
    width: 100%;
    background: transparent;
    height: 41px;
    bottom: 10px;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#footer-newsletter-wrapper input#newsletter-footer-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #313131;
}

#footer-newsletter-wrapper .ajax-loader {
    display: none;
}

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

#footer-newsletter-wrapper p {
    width: 60%;
}

#footer-newsletter-wrapper p:nth-child(3) {
    width: 36%;
}

}

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

section#text-7 {
    margin-bottom: 84px !important;
    height: auto;
}

#footer-newsletter-wrapper p {
    width: 100%;
    display: block;
    margin-bottom: 25px!important;
}


#footer-newsletter-wrapper p:nth-child(3) {
    margin-left: 0;
    width: 100%;
}

}


/*  FOOTER SOCIAL */
section#social-2 {
    border-top: 1px solid #4e4e4e;
    padding-top: 30px;
}

#social-title {
    width: 40%;
    display: inline-block;
    border-right: 1px solid #4e4e4e;
    padding-right: 2%;
    margin-right: 2%;
    height: 30px;
}

#social-title h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f1f1f1;
    margin-bottom: 0 !important;
    margin-top: 6px;
    text-align: right;
}

#social-5ad5133bbde50 {
    width: 40%;
    display: inline-block;
    height: 30px;
    top: 6px;
    position: relative;
}

#mk-footer .widget:not(.widget_social_networks) a {
    color: #808080;
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;

}

#mk-footer .widget:not(.widget_social_networks) a:hover {
    color: #f1f1f1;
}

#social-5ad5133bbde50 a {
    margin-right: 12px !important;
}

.social {
    width: 12.5em;
    display: table;
    margin: 0 auto;
}

.social__id--footer .icon-facebook {
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    color: #9f9f9f;
    font-size: 1.25em;
    line-height: 1.9em;
    float: left;
    padding: 0 .5em;
}

.social__id--footer:after {
    content: "";
    height: 2em;
    width: 1px;
    background-color: #4e4e4e;
    position: absolute;
    right: -3em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

#social-title {
    width: 100%;
    display: block;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

#social-title h3 {
    text-align: center;
}

#social-5ad5133bbde50 {
    width: 100%;
    display: block;
    top: 0;
    text-align: center;
}


}

/*  EVENT PAGES */
.espresso_events-template-default .mk-header-padding-wrapper {
    padding: 0;
}

.espresso_events-template-default section#mk-page-introduce, .espresso_events-template-default .blog-single-meta, .espresso_events-template-default .single-post-tags, .espresso_events-template-default .single-social-section, .espresso_events-template-default .espresso_events .featured-image {
    display: none;
}

.mk-about-author-wrapper {
	display: none;
}

.espresso_events-template-default h2.blog-single-title {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 35px;
}

.event-content {
    height: auto;
    height: 100%;
    min-height: 400px;
}

.event-content-wrapper {
    padding: 60px 0;
    margin-bottom: 50px;
}

.event-content-wrapper strong {
	color: #313131 !important;
}

.espresso-venue-dv {
    height: 100%;
    min-height: 400px;
    text-align: center;
    padding-top: 40px;
    width: 70%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

#map_canvas_20084-20086 {
    margin: 0 auto;
}

.ee-gmap {
    width: 100% !important;
}

.ee-clearfix .ee-event-datetimes-li {
    float: none;
    width: 20%;
    margin: 0 auto !important;
}

.event-tickets {
    margin-top: 35px;
    border-top: 6px solid #313131;
    border-bottom: 6px solid #313131;
}

.ticket-selector-submit-btn-wrap {
    float: none;
    margin: 0 auto;
    width: 270px;
    display: block;
}

.ticket-selector-submit-btn {
	width: 100%;
    background: #efb415;
    border: none;
    padding: 10px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

}

.ticket-selector-submit-btn:hover {
    background: #313131;
    color: #fff;
}

.ee-attention {
    width: 100%;
    padding: 1em 2.5% !important;
    margin: 0 auto 1em;
    background: #ffd200 !important;
    border: 4px solid #ffd200 !important;
    color: #666;
    font-size: 1em;
    line-height: 1.6em;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jst-rght {
    text-align: center;
}

.ee-attention .ee-button {
	background: #313131 !important;
}

/*  INTERNAL PAGES */
.text-sm p {
    font-size: 14px;
    line-height: 1.4em;
}

.text-sm a {
	color: #eeb111;
}

.text-sm a:hover {
	color: #313131;
}

.year-end-content table td, .widget-list table td {
    text-align: left !important;
    padding: 12px;
}

#planned-gift, #section-rule {
    padding-top: 60px;
    margin-top: 60px;
    margin-right: 0;
    border-top: 1px solid #f1f1f1;
}

.gift-content h2 {
    margin-bottom: 5px !important;
}

.giving-btn p {
    text-align: center;
    margin-top: 30px;
}

#committee-icons .wpb_content_element {
    margin-bottom: 10px;
}

#committee-icons h5 a {
    text-decoration: none;
}

#committee-icons h5 a:hover {
    text-decoration: underline;
}

#committee-icons h5 {
    font-size: 12px;
}

/*  RESPONSIVE */

@media handheld, only screen and (max-width: 991px) {
	form.wpcf7-form {
   		margin: 0 15px;
	}

}

@media handheld, only screen and (max-width: 768px) {
	.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
		display: block;
		width: 100%;
	}
	
	.home-tabs-post-img {
	    min-height: 250px;
	}

	.contact-map {
		width: 100%;
		height: 500px !important;
		min-height: 100px !important;
    	max-height: 500px !important;
	}

	#contact-map-container {
    	height: auto;
	}

	#contact-map-container .wpb_map_wraper iframe {
    	height: 500px;
	}

	.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper iframe {
	    position: relative;
	}

	.contact-info {
	    width: 100%;
	}

}

@media handheld, only screen and (max-width: 767px) {

.home-tabs-post-title h3 {
    text-align: center !important;
    margin-top: 15px;
}

.home-tabs-post-excerpt p {
    text-align: center;
}

.home-tabs-post-btn {
    text-align: center !important;
}

.espresso-venue-dv {
	width: 100%;
}

.ee-clearfix .ee-event-datetimes-li {
    width: 100%;
}

}

@media handheld, only screen and (max-width: 414px) {

	.mk-padding-wrapper {
  	  padding: 0;
	}
	
	h1, h1.page-title {
    	font-size: 1.75em;
	}
	
	.master-holder h2 {
    	font-size: 1.75em !important;
	}
	
	#mk-page-id-4 {
    	padding: 0 !important;
	}

	#mk-page-id-4 .theme-content {
    	padding: 30px 0 !important;
	}
	
	#contact #wpcf7-f20035-p4-o1 {
    	width: 100%;
	}
	
	form.wpcf7-form {
    	margin: 0;
	}
	
	#donation-wrapper, #donation-wrapper h3, section#text-3, section#media_image-2, section#nav_menu-4 {
    	text-align: center;
	}
	
	section#nav_menu-4 ul li {
    	list-style-type: none;
	}

}

label {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 12px;
}