/*
Theme Name: NCQA Landing Page
Version: 1.0
Author: Sizeable Interactive
Author URI: http://sizeableinteractive.com
Description: Custom WordPress theme
*/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*@import url();*/
@import url(css/icons.css);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600,700,300italic,600italic,700italic|Lato:300|Merriweather:700italic|Montserrat:700,400);

html, body, button, input, select, textarea { color: #555; font: 300 22px/1.4 'Source Sans Pro', sans-serif; }
body { margin: 0; padding: 0; }
::-moz-selection { background: #78b3d9; text-shadow: none; }
::selection { background: #78b3d9; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
img { border: 0; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


/* ==========================================================================
   Begin Theme Styles
   ========================================================================== */


/* =General
------------------------------------------------------------------- */
h1 { margin: 0 0 35px; font: italic 700 62px/1.0 Merriweather, serif; color: #333; text-align: center; }
h2 { margin: 0 0 10px; }
h3 { margin: 0 0 4px; }
h4 { margin: 0 0 4px; }
h4.intro { font: 300 24px/1.1 Lato, serif; color: #d0112b; margin: 0 0 5px; text-transform: uppercase; text-align: center; letter-spacing: 2px; }
h5 { margin: 0 0 4px; }

p { margin: 0 0 20px; }
strong, b { font-weight: 600; }

a { color: #555; font-weight: bold; text-decoration: none; -webkit-transition: color .2s, background-color .2s, opacity .2s; transition: color .2s, background-color .2s, opacity .2s; -moz-transition: color .2s, background-color .2s, opacity .2s; }
a:hover { color: #111; -webkit-transition: color .2s, background-color .2s, opacity .2s; transition: color .2s, background-color .2s, opacity .2s; -moz-transition: color .2s, background-color .2s, opacity .2s; }

sup { font-size: .6em; position: relative; top: 2px;}

/*lists*/
nav ul { margin: 0; padding: 0; }
nav ul li { margin: 0; padding: 0; list-style: none; }

.button, input[type=submit] { background-color: #d0112b; border-radius: 99px; color: #fff; font: 700 24px/1.0 Montserrat, sans-serif; border: 0; padding: 15px 30px; transition: background-color .2s; -webkit-appearance: none; }
.button:hover, input[type=submit]:hover { background-color: #f11432; transition: background-color .2s; }

.amp { font-family: Baskerville, Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal; }

.tablet-down { display: none; }

/*(gravity) forms*/
input[type=text], input[type=email], input[type=url], textarea, select,
body .gform_wrapper input[type=text], body .gform_wrapper textarea, body .gform_wrapper select { border: 1px solid #ccc; padding: 6px 8px; }
body input[type=submit]:hover, body .gform_wrapper input[type=submit]:hover, body input[type=button]:hover, body a.button:hover { cursor: pointer; }
body .gform_wrapper ul li.gfield { margin-bottom: 5px; }
body #gforms_confirmation_message { padding: 8px 10px; margin-bottom: 20px; background-color: #2ba6cb; border: 1px solid #2284a1; border-radius: 4px; color: #fff; font-weight: bold; }
body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea { font-size: 16px; }
body .gform_confirmation_message { padding: 20px; font-size: 20px; }
body .gform_wrapper .gfield_required { font-weight: 300; }
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] { font-size: 1rem; padding: 18px 50px; }
body .gform_wrapper .gform_footer { text-align: center; }

/* Bootstrap Errors */
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert h4 { margin-top: 0; color: inherit; }
.alert a { font-weight: 700; }
.alert>p, .alert>ul { margin-bottom: 0; }
.alert>p+p { margin-top: 5px; }
.alert.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert.success hr { border-top-color: #c9e2b3; }
.alert.success a { color: #2b542c; }
.alert.info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert.info a { color: #245269; }
.alert.warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert.warning a { color: #66512c; }
.alert.danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert.danger a { color: #843534; }

/* =Modules
------------------------------------------------------------------- */
.centered-list { float: left; width: 100%; overflow: hidden; position: relative; }
.centered-list ul { clear: left; float: left; position: relative; left: 50%; text-align: center; }
.centered-list ul li { float: left; position: relative; right: 50%; list-style: none; }

.hr { border-top: 1px solid #ccc; margin: 20px 0; }
.hr hr { display: none; }
.hr.section { display: block; width: 85px; height: 5px; margin: 25px auto 35px; border: none; background-color: #888; }
.nowrap { white-space: nowrap; }

.pull { font-size: 1.4em; }

.feature-block { background-color: #1e2124; position: relative; }
.feature-block .image { position: absolute; width: 50%; height: 100%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.feature-block .image.event-talk { background-image: url(images/event-talk.jpg); }
.feature-block .image span { display: block; padding: 20px 25px; position: absolute; top: 20px; left: 0; background-color: #d0112b; color: #fff; font-size: 16px; line-height: 1.1; }
.feature-block.left .image span { right: 0; left: auto; }

.feature-block .description { width: 50%; margin-left: 50%; float: left; padding: 35px 35px 20px; font-size: 20px; }
.feature-block.left .image { right: 0; }
.feature-block.left .description { margin-left: 0; margin-right: 50%; }

@media only screen and (max-width: 550px) {
	.feature-block .image, .feature-block .description { width: 100%; float: none; position: static; margin: 0; }
	.feature-block .image { height: 300px; }
	.feature-block .image span { padding: 10px 15px; position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
}

.photo-half img { width: 50%; float: left; }


/* =Containers
------------------------------------------------------------------- */
.wrap { max-width: 1140px; padding: 0 20px; margin: 0 auto; }
.block { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.block .wrap { padding-top: 80px; padding-bottom: 40px; }

.block .content { max-width: 690px; margin-left: auto; margin-right: auto; text-align: center; }
.block .content a { text-decoration: underline; }

/* Variations */
.block.text-light, .block.text-light h1, block.text-light a { color: #fff; }
.block.text-light .hr { background-color: #555d66; }

.progression { margin: 30px 0 0; padding: 0; max-width: 510px; margin: 0 auto; }
.progression li { margin: 0 0 46px; padding: 25px; list-style: none; text-align: center; background-color: #ebf0f4; font-size: 20px; cursor: default; transition: box-shadow .2s; position: relative }
.progression li:before { display: block; content: ''; width: 4px; height: 46px; margin-left: -4px; background: url(images/vr-dashed-blue-pill.png) repeat-y center top; position: absolute; top: -46px; left: 50%; }
.progression li:first-child:before { display: none; }
.progression li:hover { box-shadow: 0 0 20px rgba(77,115,138,.5); transition: box-shadow .2s; }
.progression li h2 { text-transform: uppercase; color: #d0112b; font: 700 26px/1.0 Montserrat, sans-serif; }
.progression li p { margin-bottom: 0; }


/* =Header
------------------------------------------------------------------- */
header.main { position: fixed; top: 0; width: 100%; min-height: 100px; z-index: 9999; transition: all .2s; }
header.main .wrap { position: relative; }
header.main .logo { position: absolute; top: 20px; left: 10px; transition: all .2s; }
.menu-trigger { display: none; }
header.main nav ul { text-align: right; padding-top: 35px; transition: all .2s; }
header.main nav ul li { display: inline; }
header.main nav ul li a { display: inline-block; padding: 10px 16px; margin: 0 6px; font: 400 18px/1.0 Montserrat, sans-serif; color: #fff; text-transform: uppercase; border-radius: 99px; transition: all .2s; }
header.main nav ul li a:hover, header.main nav ul li a.current { background-color: #223144; }
header.main nav ul li.action a { border: 2px solid #fff; }
header.main nav ul li.action a:hover { background-color: #d0112b; border-color: #d0112b; }
header.main nav ul li.action a.current { border-color: #223144; }

header.main.scrolled { background-color: rgba(50,70,100,.7); min-height: 70px; transition: all .2s; }
header.main.scrolled .logo { opacity: 0; transition: all .2s; }
header.main.scrolled nav ul { padding-top: 10px; text-align: center; transition: all .2s; }

/* =Event
------------------------------------------------------------------- */
#event { background-image: url(images/bg-invite-event.jpg); background-color: #084671; padding-top: 100px; }
#event .content { max-width: 800px; }
/*#event h4.intro { color: #fff; opacity: 0.8; }*/
#event .pull { font-size: 1.25em; }


/* =Format
------------------------------------------------------------------- */
#format { background-color: #383b3e; }
#format .progression li { background-color: #464b50; }
#format .progression li:hover { box-shadow: 0 0 20px rgba(255,255,255,.35); transition: box-shadow .2s; }


/* =Gala
------------------------------------------------------------------- */
#gala { background-image: url(images/bg-gala-atmosphere.jpg); }


/* =RSVP
------------------------------------------------------------------- */
#rsvp { background-color: #eee; }
#rsvp .content { max-width: 720px; }
#rsvp-form { max-width: 520px; padding: 20px 60px; margin: 40px auto 0; background-color: #fff; border-radius: 6px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); font-size: 18px; }


/* =Template: Splash
------------------------------------------------------------------- */
.splash #subscribe { background-image: url(images/bg-splash-monument-jefferson.jpg); background-color: #084671; }
.splash #subscribe header { color: #dae7ef; position: relative; font-size: 16px; text-align: center; text-transform: uppercase; }
.splash #subscribe header .logo { border: 14px solid #fff; }
.splash #subscribe header .date { position: absolute; top: 20px; left: 20px; text-align: left; }
.splash #subscribe header .event { position: absolute; top: 20px; right: 20px; text-align: right; }
.splash #subscribe .wrap { padding-top: 0; }
.splash #subscribe .content { max-width: 740px; }
.splash h1 { padding: 0; margin: 0 0 10px; font-family: Montserrat, sans-serif; text-transform: uppercase; font-style: normal; font-size: 52px; }
.splash #subscribe .bar { padding: 35px 0; background-color: rgba(0,0,0,.45); }

.splash #subscribe-form .gform_heading { display: none; }
.splash #subscribe-form .gform_wrapper { margin: 0; padding: 0; position: relative; }
.splash #subscribe-form .gform_wrapper .top_label input.medium { width: 100%; position: absolute; top: 0; left: 0; font: italic 24px/1.0 Georgia, serif; height: 70px; padding: 10px 100px 10px 20px; -webkit-appearance: none; border-radius: none; }
.splash #subscribe-form .gform_wrapper .gform_footer input.button, .splash #subscribe-form .gform_wrapper .gform_footer input[type=submit] { position: absolute; top: 0; right: -2px; height: 70px; border-radius: 0; }

.splash #information { background-color: #084671; }
.splash #information .wrap { padding-bottom: 0; }

.splash .feature-block { min-height: 420px; background-color: #042338; }

.splash .feature-block .description { padding: 40px 50px; }
.splash .feature-block .description h4 { font: 300 24px/1.0 Lato, sans-serif; color: #fff; text-align: left; letter-spacing: 0; }
.splash .feature-block .description h2 { font: 28px/1.0 Montserrat, sans-serif; color: #fff; text-align: left; text-transform: uppercase; }

.splash .feature-block .image.event-talk { background-image: url(images/splash-feature-talks.jpg); }
.splash .feature-block .image.event-gala { background-image: url(images/splash-feature-gala.jpg); }

.splash footer.main { padding: 0 0 20px; }
.splash footer.main a { color: #fff; }

/* =Footer
------------------------------------------------------------------- */
footer.main { text-align: center; font-size: 18px; padding: 50px 0; }


/* ==WordPress
------------------------------------------------------------------- */

embed, iframe, object, video { max-width: 100%; }

/* Images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; }

.alignleft { float: left; margin: 0 25px 5px 0; }
.alignright { float: right; margin: 0 0 5px 25px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin: 15px 0; }
/*.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }*/
.wp-caption { max-width: 100%; padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.gallery-columns-1 .gallery-icon img { padding: 3%; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

/* =Tablet */
@media only screen and (max-width: 980px) {
	
	html, body { font-size: 20px; }
	h1 { font-size: 46px; }
	.pull, #event .pull { font-size: 24px; }
	.feature-block .description { font-size: 18px; }
	.progression li h2 { font-size: 24px; }
	
	.tablet-down { display: block; }
	
	/* =Header
	------------------------------------------------------------------- */
	header.main .logo { width: 176px; }
	header.main.scrolled { min-height: 56px; }
	header.main nav ul { padding-top: 30px; }
	header.main nav ul li a { font-size: 15px; padding: 10px 10px; margin: 0; }

	
	/* =Event
	------------------------------------------------------------------- */
	#event { padding-top: 60px; }

	
	/* =RSVP
	------------------------------------------------------------------- */
	#rsvp .pull { font-size: 22px; }


	/* =Splash
	------------------------------------------------------------------- */
	.splash #subscribe header { font-size: 15px; }

}

/* Mobile (Landscape) */
@media only screen and (max-width: 767px) {

	/* =General
	------------------------------------------------------------------- */
	html, body { font-size: 20px; }
	h1 { font-size: 36px; margin-bottom: 20px; }
	h4.intro { font-size: 18px; }
	.hr.section { margin-bottom: 25px; }
	.pull, #event .pull { font-size: 22px; }
	.feature-block .description { font-size: 18px; }
	.progression li h2 { font-size: 20px; }
	#rsvp-form { font-size: 16px; padding: 10px 20px; }

	/* =Header
	------------------------------------------------------------------- */
	header.main .logo { position: static; max-width: 176px; display: block; margin: 15px auto 0; }
	header.main nav ul { text-align: center; padding-top: 30px; }
	
	header.main.scrolled .logo { position: absolute; }

	/* =Event
	------------------------------------------------------------------- */
	#event { padding-top: 120px; }

	/* =Splash
	------------------------------------------------------------------- */
	.splash h1 { font-size: 32px; margin-bottom: 0; }
	
	.splash #subscribe header .logo { border: 5px solid #fff; max-width: 33%; }
	.splash #subscribe header .date { max-width: 33%; top: 10px; left: 10px; padding-right: 10px; }
	.splash #subscribe header .event { max-width: 33%; top: 10px; right: 10px; padding-left: 10px; }
	
	.splash #subscribe-form .gform_wrapper .top_label input.medium { font-size: 16px; }
	.splash #subscribe-form .gform_wrapper .gform_footer input.button, .splash #subscribe-form .gform_wrapper .gform_footer input[type=submit] { font-size: 16px; padding-left: 8px; padding-right: 8px; }
	
	.splash .feature-block { margin-bottom: 20px; }
	.splash .feature-block .description { padding: 20px; }
	.splash .feature-block .description h4 { font-size: 16px; }
	.splash .feature-block .description h2 { font-size: 20px; }

}

/* Mobile (Portrait) */
@media only screen and (max-width: 520px) {

	/* =Header
	------------------------------------------------------------------- */
	header.main { position: absolute; }
	header.main .wrap { padding: 0; }
	header.main.scrolled { background: transparent; }
	header.main.scrolled .logo { opacity: 1.0; }
	header.main .logo { position: absolute; top: 10px; left: 20px; margin: 0; }
	header.main nav { display: none; position: fixed; top: 0; width: 100%; background-color: rgba(50,70,100,.7); z-index: 999; }
	header.main nav ul { padding: 10px 0 10px !important; }
	header.main nav ul li { display: block; }
	header.main nav ul li a { display: block; border-radius: 0; font-size: 18px; padding: 15px; }
	header.main nav ul li a.current { background-color: transparent; }
	header.main nav ul li.action a { border-radius: 99px; margin: 0 15px; }
	header.main nav ul li.action a.current { border-color: #fff; }
	
	.menu-trigger { display: block; position: fixed; top: 0; right: 0; font-size: 24px; width: 62px; height: 62px; text-align: center; color: #fff; background-color: rgba(0,0,0,.25); line-height: 2.6; outline: none; z-index: 9999; border-radius: 0 0 0 6px;}
	.menu-trigger:hover { color: #fff; background-color: rgba(0,0,0,.55); }
	.menu-trigger.toggled span:before { content: "\e117"; }

	#event { padding-top: 50px; }

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; display:block; width: 0; height: 0; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1; }

.clear { clear: both; }


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    /*
	a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
	*/
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}