/*
Theme Name: Mcc Open House
Theme URI: #
Author: 
Author URI: #
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Mcc Open House

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */


/* =Basic structure
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
/* Body, links, basics */
h
html,
body,
.lp-pom-body { height: 100% }
/* stop text getting resized on iPhone Safari */
* { -webkit-text-size-adjust: none; }
div.lp-pom-root { min-height: 100%; position: relative; }
div.lp-pom-root,
.cke-text { font-family: 'helvetica', 'arial', 'sans serif'; font-size: 14px; line-height: 17px; color: #000; }
.lp-positioned-content { position: absolute; left: 50%; height: 0px; z-index: 1; }
.lp-modal-screen { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0, 0.5); z-index: 2; }
.lp-modal { overflow-y: auto; }
.lp-modal-content { position: absolute; left: 50%; height: 0px; z-index: 1; }
.lp-pom-block-content { position: relative; height: 100%; }
div.lp-pom-root .lp-pom-form-field { position: absolute; left: 0px; top: 0px; margin-bottom: 12px; }
div.lp-pom-root .lp-pom-form-field label { position: absolute; left: 0px; top: 0px; }
div.lp-pom-root .lp-pom-form-field select { position: absolute; left: 0px; top: 0px; padding: 0; margin: 0; font-family: 'helvetica', 'arial', 'sans serif'; border: 1px solid #607880; vertical-align: center; }
div.lp-pom-root .lp-pom-form-field select option { padding: 0.2em; }
div.lp-pom-root .lp-pom-form-field textarea,
div.lp-pom-root .lp-pom-form-field input[type=text] { position: absolute; left: 0px; top: 0px; padding: 0; margin: 0; border: 1px solid #607880; font-family: 'helvetica', 'arial', 'sans serif'; }
 div.lp-pom-root .lp-pom-form-field input[type=text]::-moz-focus-inner {
 padding:0;
 border:none;
}
 div.lp-pom-root .lp-pom-form-field select::-moz-focus-inner {
 padding:0;
 border:none;
}
div.lp-pom-root .lp-pom-form-field .optionsList { position: absolute; left: 0px; top: 0px; right: 0px; padding: 0; margin: 0; }
div.lp-pom-root .lp-pom-form-field .option { position: relative; margin-bottom: 6px; }
div.lp-pom-root .lp-pom-form-field .option input { position: absolute; }
div.lp-pom-root .lp-pom-form-field .option label { position: relative; display: block; }
div.lp-pom-root .lp-pom-form input.submit { position: absolute; left: 0px; top: 0px; }
/* css to make button text vetically centered */
div.lp-pom-root .lp-pom-button { text-decoration: none; display: block; cursor: pointer; }
div.lp-pom-root .lp-pom-button span { position: absolute; top: 50%; display: block; text-align: center; left: 0; right: 0; padding: 0 8px 0 8px; cursor: pointer; }
div.lp-pom-root .lp-pom-text span,
.cke-text span { line-height: 1em; }
div.lp-pom-root .lp-pom-text p,
.cke-text p { font-size: 14px; line-height: 17px; }
div.lp-pom-root .lp-pom-text a,
.cke-text a { text-decoration: underline; }
div.lp-pom-root .lp-pom-text h1,
.cke-text h1 { font-size: 28px; margin-bottom: 19px; line-height: 34px; }
div.lp-pom-root .lp-pom-text h2,
.cke-text h2 { font-size: 21px; margin-bottom: 16px; line-height: 25px; }
div.lp-pom-root .lp-pom-text h3,
.cke-text h3 { font-size: 16px; margin-bottom: 15px; line-height: 19px; }
div.lp-pom-root .lp-pom-text h4,
.cke-text h4 { font-size: 14px; margin-bottom: 14px; line-height: 17px; }
div.lp-pom-root .lp-pom-text h5,
.cke-text h5 { font-size: 12px; margin-bottom: 13px; line-height: 14px; }
div.lp-pom-root .lp-pom-text h6,
.cke-text h6 { font-size: 10px; margin-bottom: 12px; line-height: 12px; }
div.lp-pom-root .lp-pom-text p,
.cke-text p,
div.lp-pom-root .lp-pom-text blockquote,
.cke-text blockquote,
div.lp-pom-root .lp-pom-text ul,
.cke-text ul,
div.lp-pom-root .lp-pom-text dl,
.cke-text dl { margin-bottom: 16px; }
div.lp-pom-root .lp-pom-text h1,
.cke-text h1,
div.lp-pom-root .lp-pom-text h2,
.cke-text h2,
div.lp-pom-root .lp-pom-text h3,
.cke-text h3,
div.lp-pom-root .lp-pom-text h4,
.cke-text h4,
div.lp-pom-root .lp-pom-text h5,
.cke-text h5,
div.lp-pom-root .lp-pom-text h6,
.cke-text h6 { font-weight: bolder; }
div.lp-pom-root .lp-pom-text b,
.cke-text b,
div.lp-pom-root .lp-pom-text strong,
.cke-text strong { font-weight: bolder }
 div.lp-pom-root .lp-pom-text optgroup, .cke-text optgroup, {
font-weight:normal;
}
div.lp-pom-root .lp-pom-text abbr,
.cke-text abbr,
div.lp-pom-root .lp-pom-text acronym,
.cke-text acronym { border-bottom: 1px dotted #000; cursor: help; }
div.lp-pom-root .lp-pom-text em,
.cke-text em { font-style: italic; }
div.lp-pom-root .lp-pom-text del,
.cke-text del { text-decoration: line-through; }
div.lp-pom-root .lp-pom-text blockquote,
.cke-text blockquote,
div.lp-pom-root .lp-pom-text ul,
.cke-text ul,
div.lp-pom-root .lp-pom-text ol,
.cke-text ol,
div.lp-pom-root .lp-pom-text dl,
.cke-text dl { margin: 14px; font-size: 14px; line-height: 17px; }
div.lp-pom-root .lp-pom-text ul,
.cke-text ul { margin-left: 16px; }
div.lp-pom-root .lp-pom-text ol,
.cke-text ol { margin-left: 25px; }
div.lp-pom-root .lp-pom-text li,
.cke-text li { display: list-item; }
div.lp-pom-root .lp-pom-text ol li,
.cke-text ol li { list-style: decimal outside; }
div.lp-pom-root .lp-pom-text ul li,
.cke-text ul li { list-style: disc outside; }
div.lp-pom-root .lp-pom-text dl dd,
.cke-text dl dd { margin-left: 14px; }
div.lp-pom-root .lp-pom-text th,
.cke-text th,
div.lp-pom-root .lp-pom-text td,
.cke-text td { border: 1px solid #000; padding: 7px; }
div.lp-pom-root .lp-pom-text th,
.cke-text th { font-weight: bold; text-align: center; }
div.lp-pom-root .lp-pom-text caption,
.cke-text caption { margin-bottom: 7px; text-align: center; }
div.lp-pom-root .lp-pom-text sup,
.cke-text sup { vertical-align: super; }
div.lp-pom-root .lp-pom-text sub,
.cke-text sub { vertical-align: sub; }
#powered-by-spacer { height: 24px; }
/* Styles have been placed inline to avoid being overwritten by a user */
/* Find the styles for this element in /views/page_variants/_powered_by_unbounce.html.erb */
#powered-by-unbounce { display: block !important; position: absolute !important; visibility: visible !important; text-indent: 0 !important; bottom: 0px !important; width: 100% !important; height: 28px !important; overflow: hidden !important; background: #0d0e0f !important; z-index: 2147483648 !important; text-align: center !important; font-size: 11px !important; color: #666 !important; font-weight: bold !important; }
div.lp-pom-root #powered-by-unbounce a { display: inline !important; position: static !important; visibility: visible !important; text-indent: 0 !important; z-index: 2147483648 !important; font-size: 11px !important; color: #fff !important; font-family: 'trebuchet ms' !important; font-weight: bold !important; line-height: 26px !important; color: #aaa !important; }
div.lp-pom-root #powered-by-unbounce a:hover { color: #fff !important; }
.lp-form-errors { position: absolute; display: none; z-index: 999999; }
.lp-form-errors div.content { border: 1px solid #661414; background-color: #ccc; font-family: 'helvetica', 'arial', 'verdana', 'san serif'; }
.lp-form-errors div.content h3 { background-color: #661414; padding: 8px; font-size: 14px; line-height: 18px; font-weight: bold; color: #f3d8d8; }
.lp-form-errors div.content ul { background-color: #f3d8d8; padding: 8px; font-size: 14px; line-height: 16px; font-weight: normal; color: #661414; }
.lp-form-errors div.content li { list-style: square; margin-left: 20px; margin-bottom: 8px; }
div.lp-pom-root .lp-element.lp-code { overflow: hidden; }
div.lp-pom-root .lp-pom-image { overflow: hidden; }
.lp-pom-root .lp-pom-image img { position: absolute; }
.frm-show-form fieldset { border: 0 none; float: left; margin: 0; padding: 0; width: 305px; }
.frm_form_field input { border: 1px solid #b2b4b7; color: #515151; font-size: 16px; height: 33px; margin: 7px 0; padding: 7px; width: 233px; }
.frm_form_field.form-field { width: 240px; }
.frm_submit { float: left; width: 100%; }
.frm_submit input { background: url(images/submit-btn.png) left top no-repeat; border: 0; width: 105px; height: 29px; float: left; }

.blue-title {
    background: url(images/success.png) left top no-repeat;
    color: #fff;
    display: inline-block;
    font-family: "MyriadWebPro",Arial,Helvetica,sans-serif;
    font-size: 19px;
    line-height: 23px;
    min-width: 270px;
    padding: 7px 8px;
    text-align: center;
    text-transform: uppercase;
}


.green-btn-small { background: none repeat scroll 0 0 #69ad3c; display: inline-block; margin-right: 9px; padding: 5px; text-align: center; margin-bottom:15px;  }
.green-btn-small a { border: 1px solid #ffffff; color: #ffffff !important; float: left; font-size: 18px; line-height: 22px; padding: 11px 15px; vertical-align: middle; width: 100%; }
.green-btn-small a:hover { background: #4a9617; }

.orange-btn-small { background:#EE6600; display: inline-block; margin-right: 9px; padding: 5px; text-align: center; margin-bottom:15px;  }
.orange-btn-small a { border:1px solid #ffffff; color: #ffffff !important; float: left; font-size: 18px; line-height: 22px; padding: 11px 15px; vertical-align: middle; width: 100%; }
.orange-btn-small a:hover { background:#de5600; }

body.veterans-landing { background:none; }


.footer-right {
    float: right;
}
.schedule-c-bg {
    background: url(images/contact-bg.png) left top no-repeat;
    width: 257px;
    height: 17px;
    float: left;
    width: 100%;
}
.schedule-contact-box {
    overflow: hidden;
}
.schedule-contact-box {
    float: left;
    width: 100%;
    background: #fcd404;
    width: 243px;
    margin-left: 13px;
    padding: 15px 13px 8px 13px;
}
.schedule-contact-box h2 {
    margin: 0 0 21px 0;
    font-size: 19px;
    color: #231f20;
    line-height: 24px;
	font-family: 'Lato', sans-serif;
}
.green-btn {
    float: left;
    background: #69ad3c;
    padding: 5px;
    width: 100%;
    margin-right: 22px;
    text-align: center;
	font-family: 'Lato', sans-serif;
}
.green-btn a {
    float: left;
    width: 100%;
    border: 1px solid #fff;
    color: #fff;
    padding: 0 5px;
    line-height: 46px;
    font-size: 17px;
	font-family: 'Lato', sans-serif;
}

/*============================ Responsive ================================= */

@media screen and (max-width: 900px) {
.lp-positioned-content {
    float: left;
    height: 0;
    left: 4%;
    margin: 0 !important;
    position: relative;
    width: 100% !important;
    z-index: 1;
}
.landing-left h1 { font-size: 24px; }

.landing-left img {
    display: list-item;
    margin: 0 auto;
}

.intense.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}
@media screen and (max-width: 767px) {
.footer-right {
    float: right;
    margin-top: 0;
    width: 100%;
}	
}




#event-popular {
    background: #efefef none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    padding: 5px;
	margin-bottom: 15px;	
    width: 100%;
}
#event-popular ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d5d5d3;
    border-radius: 3px;
    list-style-type: none;
    margin: 0;
    padding: 9px;
}

#event-popular a {
    color: #000;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
.wpmudevevents-date {
    font-size: 13px;
    margin-bottom: 8px;
}

.widget_incsub_event_upcoming .widget-title {
    color: #ee6600;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 27px;
    margin-top: 0;
    text-align: left;
}



