/*
 Theme Name:   Flocknote MAIN - must use
 Theme URI:    http://flocknote.com
 Description:  Child theme for Flocknote to handle 404 redirects to subdomain
 Author:       Matthew Warner
 Author URI:   http://flocknote.com
 Template:     flat-bootstrap
 Version:      1.0.0
 Tags:         awesome, swell
 Text Domain:  flocknote-404-child
*/



/* OVERRIDDEN styles from the parent theme's stylesheet(s) */

body { font-weight: 500; color:#2f3f4f; }
p { margin:0 0 20px; }

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #278dc1;
}
#page, .navbar, .after-footer { 
    max-width: 2000px;
}
a { color:#278dc1; }
a:hover { color:#278dc1; }

.img-rounded-corners { border-radius:8px; }

#video-bg {
position: fixed;
top: 50%;
left: 50%;
width: 140%;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -100;
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: transparent url('/wp-content/uploads/2015/10/bg-still.png') no-repeat;
background-size: cover;
}

.dark-overlay {
    width:100%; background-size:cover;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(1, 96, 153);
    /* RGBa with 0.6 opacity */
    background: rgba(1, 96, 153, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.site-branding-text { padding-bottom: 30px; clear:both; }
.site-title {
    width:320px; display:inline; float:left;
}
.site-title img { width:200px; }
.site-title a span { position: relative; top:5px; left: 0px; color:#FFF; padding: 4px 8px; opacity: 1; background-color:#2f3f4f; border-radius: 9px; font-size: 25px; font-weight: 500;}
.site-tagline {
    text-transform: uppercase;
    font-size: 2em;
    text-align:center;
    line-height: 1.5em;
    width:100%;
    padding: 2em 2em;
    color:#FFF;
    font-weight: 400;
}
.site-content { background-color: #FFF; }
.site-content .container { margin-bottom:50px; }
.content-header .container { margin-bottom:10px; }

.main-button {
    color: #FFF;
    border: 2px solid #FFF;
    background-color: transparent;
    font-size: .5em;
    border-radius: 2px;
    padding: .5em;
    white-space: nowrap;
}
.main-button:hover {
    background-color:#FFF;
    color:#13426B;
}
.body-button { display:inline-block;
    color: #278dc1;
    border: 2px solid #278dc1;
    background-color: transparent;
    font-size: 2.4em;
    border-radius: 2px;
    padding: .5em;
    white-space: nowrap;
}
.body-button:hover {
    background-color:#278dc1;
    color:#FFF;
}
.menu-mainmenu-container {
    display:inline;
    float:right;
    width: 50%;
    padding: 1em 2em 0 1em;
    text-align: right;
    min-width:100px;
}
.menu { margin: 22px 0 0 0; padding:0; }
.menu ul { list-style-type: none; width:100%: }
.menu li { display:inline; padding-left: 20px; }
.menu a { color:#FFF; font-weight: 500; opacity: .8; }
.menu a:hover { opacity: 1; }
.menu .menu-item { display:none; }
.menu .menu-item-22 {display:inline; }
.menu-item-22 a { background: rgba(56,74,93,.2); padding: 6px 15px; border-radius: 5px; }
.menu-item-22 a:hover { background: rgba(56,74,93,.5); padding: 6px 15px; border-radius: 5px; }

.sub-point-title { font-size:2.5em; font-weight: 500; }
.sub-point { font-size: 1.5em; line-height:1.3em; }
.sub-point-image img { border-radius: 5px; }
.testimonial_rotator_wrap { padding:0; margin:1em 0; text-align:center; }
.testimonial_rotator_img { width:15% !important; margin:0 !important; margin-left:10% !important; padding:0 !important; text-align:right; }
.testimonial_rotator_img img { border-radius:50%; border:7px solid #FFF; } 
.testimonial_rotator_wrap .img { width:15% !important; margin:0 !important; margin-left:10% !important; padding:0 !important; text-align:right; }
.testimonial_rotator_description { width:64% !important; padding:0 5% !important;margin:0 !important; text-align:left; }
.testimonial_rotator_wrap .text { width:64% !important; padding:0 5% !important;margin:0 !important; text-align:left; }

.testimonial_rotator_quote { padding:0;margin:0; font-size:1.5em; line-height:1.4em; color:#FFF; font-weight: 700; }
.testimonial_rotator_quote .author-name { padding:0;margin:0; font-size: .7em; color:#DDF; font-weight: 300;  }

.testimonial_block_2 { padding:1.5em; background-color:#278dc1; border-radius:4px; }
.testimonial_block_2 .testimonial_rotator_wrap { padding:0; margin:1em 0; text-align:center; }
.testimonial_block_2 .testimonial_rotator_img { width:15% !important; margin:0 !important; margin-left:10% !important; padding:0 !important; text-align:right; }
.testimonial_block_2 .testimonial_rotator_img img { border-radius:50%; border:7px solid #FFF; } 
.testimonial_block_2 .testimonial_rotator_wrap .img { width:15% !important; margin:0 !important; margin-left:4% !important; padding:0 !important; text-align:right; }
.testimonial_block_2 .testimonial_rotator_description { width:76% !important; padding:0 0 0 5% !important;margin:0 !important; text-align:left; }
.testimonial_block_2 .testimonial_rotator_wrap .text { width:76% !important; padding:0 0 0 5% !important;margin:0 !important; text-align:left; }

.testimonial_block_2 .testimonial_rotator_quote { padding:0;margin:0; font-size:1.2em; line-height:1.2em; color:#FFF; font-weight: 500; }
.testimonial_block_2 .testimonial_rotator_quote .author-name { padding:0;margin:0; font-size: .8em; color:#113; font-weight: 700;  }

.team-bios {}
.member-profile { display:inline-block; width: 19%; margin: 20px 2.5%; padding:0; }
.member-profile .mem-pic { width:100%; border-radius:4px; padding:100% 0 0 0; margin:0; background-size:cover; }
.member-name { font-size: .9em; color:#2f3f4f; font-weight:600; display:block; text-align: center; padding:10px 0; line-height:19px; }
.member-title { font-size: .8em; color:#828c8d; display:block; text-align: center; font-weight:500; }
.member-description { color:#2f3f4f; }
.img-mw { background:transparent url('/wp-content/uploads/2015/11/matt-1-head-e1448056439733.jpg') center top no-repeat; }
.img-mw:hover { background-image: url('/wp-content/uploads/2015/12/mw-kid-square.jpg'); }
.img-kr { background:transparent url('/wp-content/uploads/2015/11/kr-e1448056252989.jpg') center top no-repeat; }
.img-kr:hover { background-image: url('/wp-content/uploads/2015/11/kr-kid-e1448056568900.jpg'); }
.img-ob { background:transparent url('/wp-content/uploads/2015/11/Screen-Shot-2015-11-25-at-9.30.18-AM-e1448466134916.png') center top no-repeat; }
.img-ob:hover { background-image: url('/wp-content/uploads/2015/12/Screen-Shot-2015-12-14-at-11.57.51-AM.png'); }
.img-jr { background:transparent url('/wp-content/uploads/2015/11/Screen-Shot-2015-11-25-at-9.29.51-AM-e1448466213903.png') center top no-repeat; }
.img-jr:hover { background-image: url('/wp-content/uploads/2015/11/jr-kid-e1448056886693.jpg'); }
.img-cw { background:transparent url('/wp-content/uploads/2015/11/cw-e1448056365637.jpg') center top no-repeat; }
.img-cw:hover { background-image: url('/wp-content/uploads/2015/11/cw-kid-e1448056504831.jpg'); }
.img-ms { background:transparent url('/wp-content/uploads/2015/11/ms-e1448492689541.png') center top no-repeat; }
.img-ms:hover { background-image: url('/wp-content/uploads/2015/11/ms-kid-e1448056996738.jpg'); }
.img-lp { background:transparent url('/wp-content/uploads/2015/11/lp.jpg') center top no-repeat; }
.img-lp:hover { background-image: url('/wp-content/uploads/2015/11/lp-kid-e1448056066268.jpg'); }
.img-uno { background:transparent url('/wp-content/uploads/2015/11/uno-e1448467809333.jpg') center top no-repeat; }
.img-uno:hover { background-image: url('/wp-content/uploads/2015/11/uno-kid-e1448467739229.jpg'); }

.pricing-cat-box { font-size:15px; padding:0 20px; margin-bottom: 30px; }
.pricing-cat-box p {line-height: 22px;}
.pricing-subs { text-align: left; color: #2f3f4f; font-weight: 700; font-size:85%; }
.pricing-plan-button { line-height:.9em; 
    color: #fff;
    border: 0px solid #00b44e;
    background-color: #00b44e;
    font-size: 1.1em;
    border-radius: 2px;
    padding: .5em .7em; margin-top: 12px;
    white-space: nowrap;
}
.pricing-plan-button:hover {
    background-color:#1e5c37;
    color:#FFF;
}
.pricing-plan-button span { font-size:.7em; color:#DFE; }
.pricing-page-ul { display:block; width: 90%; max-width: 460px; padding:1.5em 2em; list-style-position:inside; margin: 0 auto 20px; font-weight: 700; border-bottom:1px solid #BDC; background-color:#dde5e7; border-radius: 4px; }
.pricing-feature-boxes { display:block; margin:0; padding: .9em 6%; border-radius:0px; background-color:#dde5e7; }
.pricing-feature-boxes h2 { color:#2f3f4f; font-weight: 700; font-size:1.2em; }
.bg1 {}
.bg2 {background-color:#c5dadf;}
.bg3 {background-color:#d2d8d9;}
.bg4 {background-color:#cbe8ef;}
.pricing-page-cta { display:inline-block; line-height:.9em;
    color: #FFF;
    border: 0px solid #278dc1;
    background-color: #00b44e;
    font-size: 1.4em;
    border-radius: 4px;
    padding: .6em .8em; margin: 20px 10px;
    white-space: nowrap;
}
.pricing-page-cta:hover { background-color:#1e5c37; color:#FFF; }
.pricing-page-cta span { font-size:.6em; font-weight:500; color:#DFE; }
.pricing-page-cta-secondary { background-color:#828c8d; }

#faqs { position:relative; margin-top: 50px;}
#faqs h3 { cursor:pointer; font-size: .9em; padding-top: 5px; margin-top:10px; display:list-item; list-style: none; color:#767f80; font-weight: bold;}
#faqs h3:before { content: "\2023 \0020"; }
#faqs h3.active	{ color:#278dc1; }
#faqs div   { position:relative; margin-bottom:10px; background-color:#dde5e7; padding: 1.3em; font-size:16px; }
#faqs div p	{ padding:0; margin-bottom:15px; font-size:16px; }
.sub-heading { color: #2f3f4f; font-weight: 700; font-size: 1.7em; }

.pricing_input_holder { text-align: center; font-size: 1.6em; margin: 10px 0 0px 0; }
#pricing_number { width: 5em; padding: 4px 10px; background-color: rgba(0,180,78, .3); border-radius: 0px; border: 1px solid #ccc;
    border-top: 1px solid #aaa; border-left: 1px solid #aaa; }
#price_calculation_holder { border-bottom:1px solid #BDC; background-color:#dde5e7; border-radius: 4px; }
#key_plan { padding: .4em 2%; margin: 0 0; border-bottom:1px solid #CCC; font-size: .9em; text-align:center; }
#smaller_plan { padding: .4em 2%; margin: 4px 0; text-align:center;} 
#current_plan { padding: .4em 2%; margin: 4px 0; text-align:center; color:#1e5c37; background-color: rgba(0,180,78, .3); border-radius: 4px; }
#bigger_plan { padding: .4em 2%; margin: 4px 0; text-align:center; }
.plan_count { width:24%; padding:.5em; display:inline-block; }
.plan_notes { width:24%; padding:.5em; display:inline-block; }
.plan_groups { width:24%; padding:.5em; display:inline-block; }
.plan_price { width:26%; padding:.5em; display:inline-block; font-weight: 700; }
.friendly-daisies { margin-left:20px; }
.friendly-daisies-text-adjustment { position:relative; top:20px; }

#complete_registration { border-bottom:1px solid #BDC; background-color:#dde5e7; border-radius: 4px; padding: 2em; }
.light-grey-box { border-bottom:1px solid #BDC; background-color:#dde5e7; border-radius: 4px; padding: 2em; margin:40px auto; max-width:740px; }
.short-course-box { width:92%; display:inline-block; margin:20px 4%; padding:0; background-color:#dde5e7; border-radius: 4px; background-size:cover; overflow:hidden; }
.short-course-box a { display:inline-block; background-color:rgba(19,66,107,.5); width:100%; height:100%; padding:4% 10%; margin:0; font-size: 2.1em; color:#FFF; text-align: center;}
.short-course-box a:hover { background-color:rgba(19,66,107,.8); }

.diocese-why-block { width:43%; display:inline-block; margin:20px 3%; padding:0; background-color:#dde5e7; border-radius: 4px; background-size:cover; overflow:hidden; display:none; }
.diocese-why-block a { display:inline-block; background-color:rgba(19,66,107,.5); width:100%; height:100%; padding:4% 10%; margin:0; font-size: 1.9em; color:#FFF; text-align: center;}
.diocese-why-block a:hover { background-color:rgba(19,66,107,.8); }

.signup_box { float:right; padding: 2em; margin: .5em 1em; background-color:#cfd6db; color: rgba(0,0,0,0.8); font-size:.9em; line-height: 1.3em; text-align:left; width: 290px; border-radius: 2px;} 
.lesson_signup label { width: 100%; }
.lesson_signup input, select { width: 96%; padding: 6px 2%; margin-bottom:10px; font-size: 1.1em; }
.lesson_signup button { margin-top: 10px; background-color: #00b44e; }
.lesson_signup button:hover { background-color:#1e5c37; color:#FFF; }

.videoWrapper { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-width-max-768 { max-width:768px; margin:0 auto; }

.feat_title { width: 33%; padding: 1em; margin: .5em 0 0 0; text-align:center; display:inline; float:left; height:290px; }
.feat_title a {color:#2f3f4f; font-weight: 500;}
.feat_title h2 { color: #FFFFFF; font-size: 1.1em; line-height: 1.2em; padding:0; margin:0; height:29px; }
.feat_image { width:100%; padding: .9em; margin:0 auto .5em auto; background-color:#016099; border-radius: 3px; }

.post p:first-child:first-letter { float:left; font-size:4em; margin-right:.1em; line-height:90%; color:#<?php echo $fabcolor; ?>; font-family:georgia;}

.step { font-size:1.4em; color:#24c37b; line-height: 50px; width:auto; text-transform:uppercase; font-weight: 500; margin-top:25px; }
.step_number { background-color:#24c37b; width:120px; height:50px; color:#fff; text-align:center; line-height:50px; font-size:1em; border-radius:15px; margin:0 .4em 0 0; padding:0; float:left; font-weight: 100; }
.step p { line-height:50px; }
.video_title { width:100%; padding: 1em 0;margin: 1.2em 0 0 0; background-color:#DDD; border-radius:10px 10px 0 0; color:#777; text-align:center; text-transform:uppercase; font-size:1.5em; }
.video_title span { color:#BBB; padding:0 0 0 5px;  }



.bottom-link-buttons {
    color: #384a5d;
    font-size: 1.5em;
    padding:10px 0 0 0; margin: 0;
    white-space: nowrap;
    text-decoration: none;
}
.bottom-link-buttons:hover {
    text-decoration: none;
    color:#2f3f4f;
}
.site-footer {
    background-color: #333;
    margin:0;
    padding: 0;
    width: 100%;
}
.footer-cta-box {
    background-color:#278dc1;
    color:#fff;
    width:100%;
    margin:0; padding:70px 5%;
    font-size: 1.8em; line-height: 1.5em; text-align: center;
}
.footer-cta-box .main-button { font-size: .9em; display:inline-block; margin-top: 30px; }
.footer-bottom-box {
    background-color:#2f3f4f;
    color:#73c8f4;
    width:100%;
    margin:0; padding:30px 0 40px 0;
    font-size: .95em; line-height: 1.2em; text-align: center; vertical-align: top;
    border-top: 2px solid #384a5d;
}
.footer-bottom-sub-box {
    width:26%; display:inline-block; margin:0; text-align:left; vertical-align: top;
    padding: 1em 3%; 
}
.middle-footer-box { width: 29%; font-size: 1.2em; }
.footer-bottom-sub-box li {
    color: #FFF;
    padding: 4px 0; !important; margin: 0 !important;
}
.footer-bottom-sub-box a {
    font-size: .9em;
    color: #FFF;
    padding: 0; margin: 0;
}
.extra-link-buttons a { background-color:#FFF; color:#2f3f4f; padding:3px 7px; margin: 10px 0 0 0; opacity: .6; display:inline-block; font-size: 1em; border-radius: 3px; }
.extra-link-buttons a:hover { opacity:1; }

.footer-bottom-links {
    color:#BEC3C7;
    width:100%; float:left;
    margin:60px 0 10px 0; padding:0;
    font-size: .9em; line-height: 1em; text-align: center;
    clear:both;
}
.footer-bottom-links a { color:#BEC3C7; padding: 0 1em; margin: 0; }
.social-icon { width: 40px; border-radius: 6px; display:inline-block; margin: 15px 7px; padding:0; opacity: .8; }
.social-icon:hover { opacity: 1; }

.fixedBar {background: #2f3f4f; top: 0px; color:#bfe3f5; left:0; padding: 15px 0; position:fixed; font-size:24px; line-height: 24px; width:100%; z-index:99999; float:left; vertical-align:middle; margin: 0 0 0px 0; opacity: 0.87; height: 60px; }
.fixedBar a { padding:.8em; margin-left:10px; color:#FFF; background-color:#3f4f5f; }
.fixedBar a:hover { background-color:#1f2f3f; }
 

/* tweaking of regular page sylings */
.content-header { background:none; }
.content-header-blog { border-radius:3px; margin: 0px 0 0 0; padding: 40px 40px; }
.content-header-blog h1 { color:#FFF; font-weight: 500; font-size: 40px; max-width: 750px; margin: .5em auto 0 auto; }
.content-header-blog img { max-height:160px; max-width:80%; }
.title-box-arrow { clear: both; width: 0; height: 0; border: 20px solid rgba(255,255,255,0); border-bottom: 20px solid #278dc1; margin: -15px 0 0 60px; padding: 0; }
.page-title { color:#2f3f4f !important; font-size: 3em; text-align: center; }
.blog-nav-bar { color:#999; padding: 0 30px 0 0; margin:4px 0 0 0; text-align: right; }
.blog-nav-bar a { display:inline-block; padding: 5px 8px; color: #2f3f4f; opacity: .9; font-weight: 500; font-size: .9em; }
.blog-nav-bar a:hover { opacity: 1; }
.blog-nav-bar .last-menu-item { }
.comments-link { display:none; }
.entry-meta { display:none; }
.no-comments { display:none; }
.posted-on {  }

.contact_items { font-size: 2.2em; width:80%; max-width:600px; margin: 30px auto; font-weight:300; }
.contact_item { display:inline-block; margin:10px 0; }
.contact_icon { padding-right:20px; }
.address { opacity:.7; text-align:center; margin:20px auto; }

.view-all-button { clear:both; display:inline-block; margin: 1em auto; padding: .4em .8em; border: 1px solid #BEC3C7; text-align:center; text-decoration:none; }
.view-all-button:hover { background-color:#DDF;}

@-webkit-keyframes 'blink' {
    0% { opacity:1;}
    50% { opacity:.5;}
    100% { opacity:1;}
}
.status-box { display:block; background-color:rgba(0,180,78,.2); border-radius:5px; padding:40px; text-align:center; margin-bottom: 50px;}
.orb {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    margin-right: 30px;
    position: relative;
    display:inline-block;
    background-color:rgba(0,180,78,1);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;   
}
.orb .white-circle {
    position: absolute;
    border: 4px solid #FFF;
    border-color:rgb(255,255,255,.6);
    border-radius: 100px;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    display:inline-block;
}
.status-box .status-text { font-size:1.5em; color:#00b44e; position:relative; top:-18px; }

#main-grid.row { width:90%; margin: 0 auto; max-width:950px; }
#main-grid.narrow-content { width:90%; margin: 0 auto; max-width:750px; }
.col-md-12 { padding:0; }

/* Match link theme and original Bootstrap */
h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

/* Square off our buttons */
.btn {
    border-radius: 0;
}




/* Style cover, section, and content-header images and backgrounds */
.cover-image,
.section-image {
	background-position: center center;
	background-color: #13426B;
}
.section-image, 
.section-image-overlay {
	min-height: 400px;
}

/* For larger screens, increase font size and spacing */

@media (max-width:500px) {.site-tagline {padding:.5em .5em; font-size:1.6em; }}

@media (min-width: 580px) {
	.menu .menu-item {display:inline; }
	.menu-mainmenu-container { min-width:600px;}
}
@media (min-width: 1000px) {
	.cover-image, 
	.cover-image-overlay {
		height: 750px;
		min-height: 750px;
	}
	.section-image, 
	.section-image-overlay {
		height: 480px;
		min-height: 480px;
	}
	#video-bg { top: 40%; width: 115%; left: 50%; }
        .site-tagline { font-size:2.5em; }
}
@media (min-width: 1300px) {
	.cover-image, 
	.cover-image-overlay {
		height: 750px;
		min-height: 750px;
	}
	.section-image, 
	.section-image-overlay {
		height: 480px;
		min-height: 480px;
	}
	.cover-image h1 {
		font-size: 100px;
		font-weight: 500;
	}
	#video-bg { top: 40%; width: 105%; left: 50%; }
	.site-tagline { font-size:3em; }
}

@media (max-width: 800px) {
	
	#video-bg { display:none; }
	.custom-header-image {background-image: url('/wp-content/uploads/2015/10/bg-still.png');}
}
@media (max-width: 1000px) {
	.site-title {text-align:center; width:100%;}
	.menu-mainmenu-container {text-align:center; width:100%;}
}


/* Toggle Menu (Offcanvas) */
.offcanvas-menu {
    position: fixed;
    right: -240px;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 10;
    text-align: left;
	overflow-y: auto;
}
.offcanvas-menu.menu-open {
    right: 0;
}
.menu-wrap {
    position: absolute;
    top: 0;
    left: 60px;
    background: #1a1a1a;
    width: 240px;
    height: 100%;
	overflow-y: auto;
}
.menu-wrap ul {
	list-style: none;
	padding-left: 0;
}
.menu-wrap ul li {
	margin-left: 0;
}
.offcanvas-menu h1.logo a {
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .15em;
    line-height: 1.5;
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
}
.offcanvas-menu h1.logo a:hover {
    color: #13426B;
}
.offcanvas-menu img.logo {
    margin: 20px 0;
    max-width: 160px;
}
.offcanvas-menu a {
    margin-left: 20px;
    margin-bottom: 15px;
    color: gray;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .1em;
}

.offcanvas-menu ul li {
    text-transform: uppercase;
}

.offcanvas-menu ul li li {
    text-transform: none;
    margin-left: 10px;
}

.offcanvas-menu a:hover {
    color: #fff;
}
.offcanvas-menu a:active {
    color: #fff;
}
.offcanvas-menu a>i {
    float: left;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 25px;
    font-size: 20px;
    line-height: 1.5;
    margin: 10px 10px 10px 0;
    padding: 0;
}
.offcanvas-menu p {
    margin-left: 20px;
    margin-right: 20px;
	color: #bdc3c7; /*silver*/
    display: block;
    font-size: 14px;
}
.menu-close {
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    color: gray;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: -10px;
    right: 20px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.menu-close:hover {
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
/*
.body-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
.body-push-toright {
    left: 200px;
}
.body-push-toleft {
    left: -200px;
}
.offcanvas-menu, .body-push {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
*/
#menuToggle {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 11;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#menuToggle:hover {
    color: #fff;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

/* Social menu icons */
.social-icons i {
	font-size: 30px;
	padding: 20px;
}

/* Make blog titles the size of h2 */
h1.entry-title {
  font-size: 34px;
}

/* Set page description to match Bootstrap H4 */
.page-description {
	font-size: 18px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}

.page-container-fullwidth {
	padding-top: 0;
	padding-bottom: 0;
}

/* Social footer (Facebook, Twitter, etc) */
.social-footer {
    display: block;
    width: 100%
}

.social-footer .container {
    width: 100%
}

.social-footer .col-lg-4, .social-footer .col-md-4, .social-footer .col-sm-4 {
    margin: 0;
    padding: 15px
}

.social-footer h4 {
    color: #fff
}

.social-footer p {
    color: #fff
}

.social-footer .ml {
    margin-left: 30px
}

.social-footer i {
    font-size: 70px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px
}
.social-footer i:hover {
	color: #D5D5D5;
}

/* Contact footer with map and address that is full-width */
.contact-footer {
    background-color: #2f3f4f;
}
.contact-footer h4 {
    color: #fff;
    margin-left: 15px;
    margin-top: 15px;
}
.contact-footer p {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    margin-left: 15px;
    margin-right: 15px;
}
.contact-footer .container {
    width: 100%;
    padding: 0;
}
.contact-footer .col-lg-8,
.contact-footer .col-md-8 {
    margin: 0;
    padding: 0;
}

#mapwrap {
    margin: 0;
    padding: 0;
}

#mapwrap iframe {
	height: 400px;
}

/* Move up the edit link on single pages so it doesn't create an uncolored section */
/*
.page footer.entry-meta {
	margin-bottom: 0px;
	margin-top: -22px;
}
*/

/*.site-credits,*/
.after-footer {
	font-size: 14px; 
	padding-top: 10px;
	padding-bottom: 10px;
}

/* NINJA FORMS OVERRIDES */
.ninja-forms-required-items { display:none; }
.ninja-forms-field { border:0px solid #FFF; border-radius: 3px; width:100% !important; padding:5px 8px; }
.ninja-forms-mp-nav-wrap { text-align: center; }
.field-wrap {width:100%;}
.ninja-forms-form-wrap { margin-top:1em !important;}
.ninja-forms-form-wrap a { color:rgba(5,25,43,1); }
.ninja-forms-form-wrap input[type="submit"] { font-size:1.6em; padding:6px 16px; line-height:1.2em; background-color:#24c37b; color:#CFD; }
.ninja-forms-form-wrap input[type="submit"]:hover { background-color:#14934b; }
.final-submit-button { font-size:1.9em !important; padding:17px 23px !important; line-height:1.4em !important; background-color:#24c37b !important; color:#FFF !important; }
.meter {background-color:rgba(150,192,214,.7) !important;}
.meter > span {background-color:#24c37b !important;}