/*
Description:	Custom Stylesheet Dare To Serve
Author:			John Marcello
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, 
audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: 700; }
em { font-style: italic; }
input, textarea, input[type="submit"] { -webkit-appearance: none; }

html { overflow-x: hidden; overflow-y: scroll; }
.custom * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom { background: #EFEFEF; color: #3A3A3A; font-size: 62.5%; font-family: 'Open Sans'; }
.custom a { color: #FEC023 ; text-decoration: none; }
.custom a:hover { color: #076180; text-decoration: underline; }
.custom :focus { outline: none; border-color: #DFDFDF; }

.custom .none { display: none; }
.custom .left { float: left; }
.custom .right { float: right; }
.custom .clear { clear: both; }
#thesis_launcher { display: none !important; }

.custom .show-mobile { display: none; }
.custom .hide-mobile { display: block; }
.custom .flex { display: block; height: auto; margin: 0 auto 30px; max-width: 102em; width: 100%; }
.custom .wrapper { margin: 0 15px; } 
.custom .inner { margin: 0 auto; max-width: 108em; }
	
/* ---- intro area ---- */

.custom #intro { background: #083749; padding: 10px 0; position: fixed; width: 100%; z-index: 9999; }
.custom #intro .inner .left { }
.custom #intro div.search-bar { border-bottom: 1px solid #D5D5D5; float: left; height: 30px; width: 250px; }
.custom #intro form.search-form .text { background: 0; border: 0 none; color: #D5D5D5; cursor: pointer; float: left; font: italic 13px/13px 'Open Sans',sans-serif; letter-spacing: 1px; margin: 0; padding: 5px 0; width: 220px; }
.custom #intro input.search-submit { background: url('images/sprite_search.png') no-repeat; border: 0 none; float: right; height: 30px; padding: 0; text-indent: -9999px; width: 30px; }
.custom #intro input.search-submit:hover { background: url('images/sprite_search.png') 0 -30px no-repeat; cursor: pointer; }
.custom #intro .inner .right { }
.custom #intro ul.social { float: right; }
.custom #intro ul.social li { float: left; margin: 0 0 0 6px; }
.custom #intro ul.social li a { background: #083749; border-radius: 3px; display: block; height: 30px; width: 30px; }
.custom #intro ul.social li a:hover { background: #FEC023; }
.custom #intro ul.social li a img { opacity: 0.8; }
.custom #intro ul.social li a img:hover { opacity: 1; }

/* ---- mobile area ---- */

.custom #mobile { display: none; }
.custom #all { position: relative; top: 50px; }

/* ---- header area ---- */

.custom #header { background: url('images/bg_header.png') scroll no-repeat center center #076180; background-size: cover; width: 100%; }
.custom #header .inner { padding: 34px 0 36px; }
.custom #header .logo img.flex { display: block; float: left; height: auto; margin-bottom: 0; max-width: 530px; width: 100%; }
.custom #header .logo img.flex:hover  { opacity: 0.9; }

/* ---- nav area ---- */

.custom #navigate { background: url('images/bg_nav.png') scroll repeat-x 0 0 ; height: 50px; }
.custom #navigate .menu { overflow: hidden; text-align: center; }
.custom #navigate .menu li { display: inline-block; padding: 0 3%; text-align: center; }
.custom #navigate .menu li a { color: #076180; display: block; font: 700 16px/16px 'Open Sans', sans-serif; padding: 17px 20px; text-transform: uppercase; }
.custom #navigate .menu li a:hover { color: #EE6B27; text-decoration: none; transition: 0.2s; }
.custom #navigate .menu li.current_page_item a { color: #EE6B27; }
.custom #navigate .menu li.current_page_item a:hover { color: #EE6B27; }
.custom #navigate .menu li.first a { color: #076180; }
.custom #navigate .menu li.first a:hover { color: #EE6B27; transition: 0.2s; }

/* ---- major structural elements ---- */

.custom #container { width: 100%; }
.custom #container .inner { overflow: hidden; padding-top: 40px; }
.custom #container #content { float: left; margin-bottom: 30px; min-height: 600px; padding-bottom: 30px; width: 66.666667%; } 
.custom #container #sidebar { float: right; margin-bottom: 30px; padding: 0 0 30px 40px; width: 33.333333%; }
.custom #container #full { float: none; margin: 0 auto; padding-bottom: 30px; width: 100%; }

.custom img.alignleft { display: block; float: left; height: auto; margin: 5px 30px 30px 0; max-width: 240px; width: 100%; }
.custom img.alignright { display: block; float: right; height: auto; margin: 5px 0 30px 30px; text-align: center; max-width: 240px; width: 100%; }
.custom img.aligncenter { display: block; height: auto; margin: 0 auto ; max-width: 720px; width: 100%; }
.custom img.alignone { display: inline-block; }

/* ---- content areas ---- */

.blog #content #banner { border-bottom: 6px solid #FEC023; margin-bottom: 30px; padding-bottom: 30px; }
.blog #content #banner .flex { margin-bottom: 0; }

.custom #content .post_box { background: #FFFFFF; overflow: hidden; margin-bottom: 40px; }
.pages #full .post_box { background: #FFFFFF; margin-bottom: 40px; }
.pages #content .post_box {  margin-bottom: 0; padding: 0 30px; }

.custom .headline { border-bottom: 6px solid #FEC023; color: #076180; display: block; font: 800 20px/20px 'Open Sans', sans-serif; margin: 26px 0; text-transform: uppercase; }

.blog #content .archive_meta { background: #FFFFFF; margin-bottom: 40px; padding: 20px 30px; }
.blog #content .archive_meta div.intro { color: #EE6B27; font: italic 700 14px/14px 'Open Sans', sans-serif; margin-bottom: 4px; text-transform: none; width: 100%; }
.blog #content .archive_meta h2.headline { color: #076180; font: 800 30px/30px 'Open Sans',sans-serif; margin: 0; width: 100%; }

.blog #content .thumb_image { }
.blog #content .thumb_image img.alignleft,
.blog #content .thumb_image img.alignright,
.blog #content .thumb_image img.aligncenter,
.blog #content .thumb_image img.alignone { display: block; height: auto; margin: 0 auto; max-height: 405px; max-width: 768px; width: 100%; }

.blog #content .meta_data { color: #EE6B27; font: 400 14px/14px 'Open Sans', sans-serif; margin: 40px 30px 15px; text-transform: uppercase; }
.blog #content .meta_element { display: inline-block; margin-bottom: 5px; }
.blog #content .meta_element a { color: #EE6B27; }
.blog #content .meta_element a:hover { color: #076180; text-decoration: none; }
.blog #content .meta_separator { color: #EE6B27; display: inline-block; font: 400 11px/11px 'Open Sans', sans-serif; margin-bottom: 5px; position: relative; top: -1px; }

.blog #content h2.headline { border: none; color: #076180; font: 800 25px/30px 'Open Sans', sans-serif; margin: 0 30px 20px; text-transform: uppercase; }
.blog #content h2.headline a { color: #076180; text-decoration: none; }
.blog #content h2.headline a:hover { color: #EE6B27; }

.blog .post_content { margin: 0 30px 20px; }
.blog .post_excerpt p { margin-bottom: 0 !important; }

.custom .format_text p { font: 400 15px/25px 'Open Sans',sans-serif; margin-bottom: 25px; }
.custom .format_text a { color: #EE6B27; text-decoration: underline; }
.custom .format_text a:hover { color: #076180; text-decoration: underline; }
.custom .format_text h3 { color: #076180; font: 800 18px/18px 'Open Sans',sans-serif; margin-bottom: 25px; text-transform: uppercase; }
.custom .format_text h4 { color: #EE6B27; font: 800 18px/18px 'Open Sans',sans-serif; margin-bottom: 25px; text-transform: uppercase; }
.custom .format_text h5 { color: #076180; font: 800 18px/18px 'Open Sans',sans-serif; margin-bottom: 25px; }
.custom .format_text h6 { color: #EE6B27; font: 800 18px/18px 'Open Sans',sans-serif; margin-bottom: 25px; }
.custom .format_text ul { list-style: square; margin: 0 25px 22px; }
.custom .format_text ol { list-style: decimal; margin: 0 25px 22px; }
.custom .format_text ul li { font: 400 15px/25px 'Open Sans',sans-serif; margin: 0 10px 10px; }
.custom .format_text ol li { font: 400 15px/25px 'Open Sans',sans-serif; margin: 0 10px 10px; }
.custom .format_text ul li a { text-decoration: underline; }
.custom .format_text ol li a { text-decoration: underline; }
.custom .format_text ul li a:hover { text-decoration: underline; }
.custom .format_text ol li a:hover { text-decoration: underline; }
.custom .format_text ul ul { margin: 15px 22px; }
.custom .format_text blockquote { border-left: 3px solid #EE6B27; font: italic 400 15px/25px 'Open Sans',sans-serif; margin: 0 15px 25px; padding: 0 25px; text-align: justify; }
.custom .format_text blockquote p { font: italic 400 15px/25px 'Open Sans',sans-serif; }
.custom .format_text blockquote .quote { font: italic 400 15px/25px 'Open Sans',sans-serif; }
.custom .format_text blockquote .attribute { font: 700 15px/25px 'Open Sans',sans-serif; }

.blog #content .read_more { margin: 0 30px; padding-bottom: 40px; }
.blog #content .read_more a { color: #EE6B27; font: 700 14px/14px 'Open Sans', sans-serif; margin-bottom: 10px; text-transform: uppercase; }
.blog #content .read_more a:hover { color: #076180; text-decoration: none; }

/* ---- pagination ---- */ 

.blog #paginate { overflow: hidden; }
.blog #paginate .previous_posts { float: left; display: inline-block; font: 400 11px/11px 'Open Sans',sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.blog #paginate .previous_posts a { background: #076180; border-radius: 3px; color: #FFFFFF; display: block; padding: 12px 0; text-align: center; text-decoration: none; width: 130px; }
.blog #paginate .previous_posts a:hover { background: #EE6B27; -decoration: none; }
.blog #paginate .next_posts { float: right; display: inline-block; font: 400 11px/11px 'Open Sans',sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.blog #paginate .next_posts a { background: #076180; border-radius: 3px; color: #FFFFFF; display: block; padding: 12px 0; letter-spacing: 1px; text-align: center; text-decoration: none; width: 130px; }
.blog #paginate .next_posts a:hover { background: #EE6B27; text-decoration: none; }

/* ---- single posts ---- */

.posts #subtitle { color: #EE6B27; font: italic 700 16px/25px 'Open Sans',sans-serif; margin: 0 30px 20px; padding: 0; }

.posts #call { color: #EE6B27; font: italic 700 16px/25px 'Open Sans',sans-serif; margin: 0 30px 15px; }
.posts #call a { color: #EE6B27; text-decoration: underline; }
.posts #call a:hover { color: #076180; text-decoration: underline; }

.posts #attribution { color: #076180; font: 700 12px/12px 'Open Sans',sans-serif; margin: 0 30px 30px; }
.posts #attribution span { color: #EE6B27; }
.posts #attribution a { color: #EE6B27; text-decoration: none; }
.posts #attribution a:hover { color: #EE6B27; text-decoration: underline; }

.posts #author { background: #F1F1F1; border: 1px solid #D1D1D1; margin: 0 30px 30px; overflow: hidden; padding: 20px; }
.posts #author #avatar img { border-radius: 50%; float: left; margin: 0 20px 8px 0; }
.posts #author #description { }
.posts #author #description h4 { color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; margin-bottom: 6px; }
.posts #author #description p { color: #3A3A3A; font: 400 14px/22px 'Open Sans',sans-serif; }
.posts #author #description a { color: #EE6B27; font: 700 14px/22px 'Open Sans',sans-serif; position: relative; text-transform: uppercase; top: 1px; }
.posts #author #description span { font-weight: 600; }

.posts #tags { margin: 0 30px 30px; }
.posts #tags h4.tag_intro { border-bottom: 1px solid #DFDFDF; color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; margin-bottom: 10px; padding-bottom: 5px; }
.posts #tags .tag_list { color: #EE6B27; font: italic 700 15px/25px 'Open Sans', sans-serif; text-transform: capitalize; }
.posts #tags .tag_list a { color: #EE6B27; text-decoration: none; }
.posts #tags .tag_list a:hover { color: #EE6B27; text-decoration: underline; }

.posts #share { margin: 0 30px 30px; }
.posts #share h4 { border-bottom: 1px solid #DFDFDF; color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; margin-bottom: 10px ; padding-bottom: 5px; }
.posts #share .st_facebook_vcount .stBubble_count,
.posts #share .stButton { margin: 0 !important; }
.posts #share .stButton .stLarge, .posts .email_large a { display: inline-block; height: 40px; margin: 0 4px 4px 0; opacity: 1; width: 60px; }
.posts #share .stButton .stLarge:hover, .posts .email_large a:hover { opacity: 0.8; transition: opacity 0.5 ease; }
.posts #share .st_facebook_large .stLarge { background: url('images/share_facebook.png') no-repeat 0 0 !important; border-radius: 4px; }
.posts #share .st_twitter_large .stLarge { background: url('images/share_twitter.png') no-repeat 0 0 !important; border-radius: 4px; }
.posts #share .st_linkedin_large .stLarge { background: url('images/share_linkedin.png') no-repeat 0 0 !important; border-radius: 4px; }
.posts #share .st_googleplus_large .stLarge { background: url('images/share_google.png') no-repeat 0 0 !important; border-radius: 4px; }
.posts #share .email_large a { background: url('images/share_email.png') no-repeat 0 0 !important; border-radius: 4px; }

/* ---- comments area ---- */

.posts #comments { margin: 0 30px 40px; }
.posts #comments h4 { border-bottom: 1px solid #DFDFDF; color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; margin-bottom: 20px; padding-bottom: 5px; }
.posts #comments .comments_text { font: italic 400 15px/25px 'Open Sans',sans-serif; }
.posts #comments .comment_list { }
.posts #comments .comment { background: #F1F1F1; margin-bottom: 16px; padding: 16px; }
.posts #comments .comment .children .comment { border-top: 1px dashed #CFCFCF; margin-bottom: 0; padding-bottom: 0; }
.posts #comments .comment .children .children .comment { border-top: 1px dashed #CFCFCF; margin-bottom: 0; padding-bottom: 0; }
.posts #comments .comment .children .children .end { display: none; }
.posts #comments .byline { }
.posts #comments .byline .avatar { float: left; }
.posts #comments .byline .avatar img { margin: 0 16px 16px 0; height: 48px; width: 48px; }
.posts #comments .byline .comment_author { color: #076180; font: 700 14px/14px 'Open Sans', sans-serif; float: left; margin: 17px 0; text-decoration: none; }
.posts #comments .byline .comment_author a { color: #076180; text-decoration: none; }
.posts #comments .byline .comment_author a:hover { color: #076180; text-decoration: underline; }
.posts #comments .comment_moderated { color: #3A3A3A; font: italic 14px/22px 'Open Sans', sans-serif; margin: 0 0 16px; }
.posts #comments .comment_text { width: 100%; }
.posts #comments .comment_text p { color: #3A3A3A; font: 14px/22px 'Open Sans', sans-serif; margin-bottom: 14px; }
.posts #comments .meta { overflow: hidden; }
.posts #comments .meta .comment_date,
.posts #comments .meta .comment-reply-link { color: #EE6B27; font: 700 14px/14px 'Open Sans', sans-serif; float: left; margin: 0 0 16px; text-align: right; text-decoration: none; }
.posts #comments .meta .comment-reply-link:hover { color: #076180; text-decoration: underline; }
.posts #comments .meta .comment_spacer { color: #3A3A3A; display: inline-block; font: 400 11px/11px 'Open Sans Condensed', sans-serif; float: left; margin: 0 6px 16px 6px; position: relative; top: 0; }

.posts #commentform { margin: 0 30px 30px; }
.posts .comment_form_title { border-bottom: 1px solid #DFDFDF !important; color: #076180 !important; font: 700 16px/20px 'Open Sans',sans-serif !important; margin-bottom: 10px !important; padding-bottom: 5px !important; text-transform: none !important; }
.posts #commentform p { color: #3A3A3A; font: 700 14px/14px 'Open Sans', sans-serif; margin: 25px 0; text-transform: uppercase; }
.posts #commentform p a { color: #3A3A3A; text-decoration: none; }
.posts #commentform p a:hover { color: #EE6B27; text-decoration: none; }
.posts #comment_form_name label,
.posts #comment_form_email label,
.posts #comment_form_url label { display: inline-block; margin: 0 20px 0 0; width: 60px; }
.posts #comment_form_comment label { display: inline-block; margin: 5px 0 10px; vertical-align: top; width: 100%; }
.posts #comment_form_name input,
.posts #comment_form_email input,
.posts #comment_form_url input { background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; padding: 10px 5px; width: 280px; }
.posts #comment_form_comment textarea { background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px; padding: 10px 5px; width: 100%; }
.posts #comment_form_name input:focus,
.posts #comment_form_email input:focus,
.posts #comment_form_url input:focus,
.posts #comment_form_comment textarea:focus { border: 1px solid #CFCFCF; }
.posts #comment_form_submit input.input_submit { background: #076180; border: 0; border-radius: 20px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; } 
.posts #comment_form_submit input.input_submit:hover { background: #EE6B27; text-decoration: none; } 

/* ---- pages area ---- */

.pages .interior_offer { overflow: hidden; }

.about #full #speaking { margin-top: -60px; padding-top: 60px; }
.about #full .box { margin: 0 30px; overflow: hidden; }
.about #full .box h2 { margin: 0 0 26px; }
.about #full .tops h2 { margin-top: 26px; }
.about #full div.top div.video { margin: 0 auto 25px; /* max-width: 720px; */ }
.about #full div.middle img.alignright { background: #FFFFFF; margin: 0 0 0 30px; max-width: 320px; padding-left: 30px; position: relative; top: -32px; }
.about #full div.bottom div.video { margin: 0 auto 25px; max-width: 720px; padding: 0; }

.newsroom #full .box { margin-bottom: 5px; overflow: hidden; }
.newsroom #full .box h2 { margin: 0 30px 26px; }
.newsroom #full .box ul { display: block; list-style: none; margin: 0 auto; text-align: center; }
.newsroom #full .box ul li { border: 3px solid #F3F3F3; display: inline-block; height: auto; margin: 0 13px 26px; max-width: 320px; padding: 12px; text-align: left; width: 100%; }
.newsroom #full .box ul li h3 { margin-bottom: 4px; }
.newsroom #full .box ul li h3 a { color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; text-decoration: none; text-transform: uppercase; }
.newsroom #full .box ul li h3 a:hover { color: #EE6B27; }
.newsroom #full .box ul li div.company { color: #EE6B27; font: 800 16px/20px 'Open Sans',sans-serif; margin-bottom: 6px; }
.newsroom #full .box ul li div.date { color: #076180; font: 700 13px/20px 'Open Sans',sans-serif; margin-bottom: 6px; text-transform: uppercase; }
.newsroom #full .box ul li div.text { margin-bottom: 6px; }
.newsroom #full .box ul li div.text a { color: #EE6B27; font: 800 12px/20px 'Open Sans',sans-serif; letter-spacing: 1px; position: relative; text-decoration: none; text-transform: uppercase; top: 1px; }
.newsroom #full .box ul li div.text a:hover { color: #076180; text-transform: uppercase; }
.newsroom #full .featured h2 { margin-top: 26px; }
.newsroom #full .featured ul li { /* border-color: #FFFFFF; */ padding: 0 12px 12px; }
.newsroom #full .featured ul li img { display: block; height: auto; max-width: 290px; opacity: 1; transition: opacity 0.2s; width: 100%; }
.newsroom #full .featured ul li img.thumbnail { border-bottom: 3px solid #F3F3F3; margin: 5px 0 15px; padding-bottom: 5px; }

.newsroom #full .featured ul li img:hover { opacity: 0.7; transition: opacity 0.2s; }
.newsroom #full .videos ul li div.video { margin-bottom: 10px; }
.newsroom #full .videos ul li div.company { margin-bottom: 2px; }

.resources #full .box { margin-bottom: 5px; overflow: hidden; }
.resources #full .box h2 { margin: 0 30px 26px; }
.resources #full .first h2 { margin-top: 26px; }
.resources #full .box .item { display: block; padding: 0 30px; width: 100%; }
.resources #full .box .thumb { float: left; margin: 0 30px 30px 0; }
.resources #full .box .description { }
.resources #full .box h3 { color: #076180; font: 800 20px/24px 'Open Sans',sans-serif; margin-bottom: 12px; text-transform: none; }
.resources #full .box .button { margin-bottom: 30px; overflow: hidden; }
.resources #full .box .button a { background: #076180; border-radius: 17px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; padding: 10px 16px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; }
.resources #full .box .button a:hover { background: #EE6B27; text-decoration: none; }
.resources #full .assess .divider { border-bottom: 3px solid #F3F3F3; margin: 0 30px 30px; }
.resources #full .assess .last { border: 0; margin: 0 0 20px; }
.resources #full .guides .divider { border-bottom: 3px solid #F3F3F3; margin: 0 30px 30px; }
.resources #full .guides .last { border: 0; margin: 0 0 20px; }

.resources .format_text .row { width: 100%; }
.resources .format_text .label { color: #076180; display: inline-block; font: 700 13px/13px 'Open Sans', sans-serif; margin: 0 0 3px 2px; text-transform: uppercase; }
.resources .format_text input { background: #F9F9F9; border: 1px solid #D1D1D1; border-radius: 4px; color: #6A6A6A; font: 400 13px/13px 'Open Sans', sans-serif; margin: 0 20px 20px 0; max-width: 360px; padding: 7px 6px; width: 100%; }
.resources .format_text input:focus { background: #FFFFFF; border: 1px solid #CFCFCF; }
.resources .format_text input[type="submit"] { background: #076180; border: 0; border-radius: 20px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; margin-bottom: 15px; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; } 
.resources .format_text input[type="submit"]:hover { background: #EE6B27; text-decoration: none; } 


.resource #full .box { margin-bottom: 5px; overflow: hidden; }
.resource #full .box h2 { margin: 0 30px 26px; }
.resource #full .first h2 { margin-top: 26px; }
.resource #full .box .item { display: block; padding: 0 30px; width: 100%; }
.resource #full .box .thumb { float: left; margin: 0 30px 30px 0; }
.resource #full .box .description { }
.resource #full .box h3 { color: #076180; font: 800 20px/24px 'Open Sans',sans-serif; margin-bottom: 12px; text-transform: none; }
.resource #full .box .button { margin-bottom: 30px; overflow: hidden; }
.resource #full .box .button a { background: #076180; border-radius: 17px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; padding: 10px 16px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; }
.resource #full .box .button a:hover { background: #EE6B27; text-decoration: none; }
.resource #full .guide .divider { border-bottom: 3px solid #F3F3F3; margin: 0 30px 30px; }
.resource #full .guide .last { border: 0; margin: 0 0 20px; }

.resource #full .box ul { display: block; list-style: none; margin: 0 auto; text-align: center; }
.resource #full .box ul li { border: 3px solid #F3F3F3; display: inline-block; height: auto; margin: 0 13px 26px; max-width: 320px; text-align: left; width: 100%; }
.resource #full .box ul li img { display: block; height: auto; margin: 0 auto 10px; opacity: 1; transition: opacity 0.2s; width: 100%; }
.resource #full .box ul li img:hover { opacity: 0.7; transition: opacity 0.2s; }
.resource #full .box ul li h3 { margin: 0 12px; }
.resource #full .box ul li h3 a { color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; text-decoration: none; text-transform: uppercase; }
.resource #full .box ul li h3 a:hover { color: #EE6B27; }
.resource #full .box ul li div.time { color: #EE6B27; font: 400 13px/20px 'Open Sans',sans-serif; margin: 0 12px 12px; text-transform: none; }

.challenge #full .banner_title { padding: 30px; }
.challenge #full .banner_title img { margin: 0 auto; }
.challenge #full .box { margin: 0 30px 5px; overflow: hidden; }
.challenge #full .first h2 { margin-top: 0; }
.challenge #full .text { font: 400 15px/25px 'Open Sans',sans-serif; margin-bottom: 0; }
.challenge .format_text .row { width: 100%; }
.challenge .format_text .label { color: #076180; display: inline-block; font: 700 13px/13px 'Open Sans', sans-serif; margin: 0 0 3px 2px; text-transform: uppercase; }
.challenge .format_text input { background: #F9F9F9; border: 1px solid #D1D1D1; border-radius: 4px; color: #6A6A6A; font: 400 13px/13px 'Open Sans', sans-serif; margin: 0 20px 20px 0; max-width: 480px; padding: 7px 6px; width: 100%; }
.challenge .format_text input:focus { background: #FFFFFF; border: 1px solid #CFCFCF; }
.challenge .format_text input[type="submit"] { background: #076180; border: 0; border-radius: 20px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; margin-bottom: 15px; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; } 
.challenge .format_text input[type="submit"]:hover { background: #EE6B27; text-decoration: none; } 

.story #full .banner_title { padding: 30px; }
.story #full .banner_title img { margin: 0 auto; }
.story #full .box { margin: 0 30px 5px; overflow: hidden; }
.story #full .first h2 { margin-top: 0; }
.story #full .text { font: 400 15px/25px 'Open Sans',sans-serif; margin-bottom: 0; }

.story .format_text .single_row { width: 100%; }
.story .format_text .left_row { float: left; margin-right: 1%; width: 49%; }
.story .format_text .right_row { float: right; margin-left: 1%; width: 49%; }
.story .format_text .label { color: #076180; display: inline-block; font: 700 13px/13px 'Open Sans', sans-serif; margin: 0 0 3px 2px; text-transform: uppercase; }
.story .format_text input,
.story .format_text textarea { background: #F9F9F9; border: 1px solid #D1D1D1; border-radius: 4px; color: #6A6A6A; font: 400 13px/13px 'Open Sans', sans-serif; margin: 0 20px 20px 0; padding: 7px 6px; width: 100%; }
.story .format_text input:focus,
.story .format_text textarea:focus, { background: #FFFFFF; border: 1px solid #CFCFCF; }
.story .format_text input[type="submit"] { background: #076180; border: 0; border-radius: 20px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; margin-bottom: 15px; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; } 
.story .format_text input[type="submit"]:hover { background: #EE6B27; text-decoration: none; } 
.story .format_text .required { color: #EE6B27; display: inline-block; font: 700 13px/13px 'Open Sans', sans-serif; }

.contact .format_text .box { margin-bottom: 26px; }
.contact .format_text h3 { font: 800 15px/18px 'Open Sans',sans-serif; margin-bottom: 4px; }
.contact .format_text h4 { font: 800 15px/18px 'Open Sans',sans-serif; margin-bottom: 12px; }
.contact .format_text div.email a { color: #3A3A3A; display: block; font: 700 13px/18px 'Open Sans',sans-serif; margin-bottom: 2px; text-decoration: none; text-transform: uppercase; }
.contact .format_text div.email a:hover { color: #EE6B27; text-decoartion: underline; }
.contact .format_text div.phone { color: #3A3A3A; font: 700 13px/18px 'Open Sans',sans-serif; margin-bottom: 2px; text-transform: uppercase; }
.contact .format_text p { font: italic 700 14px/20px 'Open Sans', sans-serif; }
.contact .format_text .row { width: 100%; }
.contact .format_text .label { color: #076180; font: 700 13px/13px 'Open Sans', sans-serif; margin: 0 0 3px 2px; text-transform: uppercase; }
.contact .format_text input,
.contact .format_text textarea { background: #F9F9F9; border: 1px solid #D1D1D1; border-radius: 4px; color: #6A6A6A; font: 400 13px/13px 'Open Sans', sans-serif; padding: 7px 6px; width: 100%; }
.contact .format_text input:focus,
.contact .format_text textarea:focus { background: #FFFFFF; border: 1px solid #CFCFCF; }
.contact .format_text input[type="submit"] { background: #076180; border: 0; border-radius: 20px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; margin-bottom: 15px; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; } 
.contact .format_text input[type="submit"]:hover { background: #EE6B27; text-decoration: none; } 
.contact .format_text .required { color: #EE6B27; display: inline-block; font: 700 13px/13px 'Open Sans', sans-serif; }

/* ---- sidebar area ---- */

.custom #sidebar .widget { font: 400 15px/25px 'Open Sans',sans-serif; margin-bottom: 40px; overflow: hidden; }
.custom #sidebar .widget h4 { border-bottom: 6px solid #FEC023; color: #076180; font: 700 16px/20px 'Open Sans',sans-serif; margin-bottom: 20px ; padding-bottom: 5px; }
.custom #sidebar img.flex { display: block; height: auto; opacity: 1; transition: ease-in-out; width: 100%; }
.custom #sidebar img.flex:hover { opacity: 0.9; transition: ease-in-out; }

.custom #sidebar #php_widget-21 img { border-radius: 50%; float: right; margin: 5px 0 15px 15px; max-width: 128px; }
.custom #sidebar #php_widget-21 span { font-weight: 600; }
.custom #sidebar #php_widget-21 a { color: #EE6B27; font: 700 14px/25px 'Open Sans',sans-serif; position: relative; text-transform: uppercase; top: 1px; }
.custom #sidebar #php_widget-21 a:hover { color: #076180; text-decoration: none; }

.custom #sidebar #php_widget-22 img { margin-bottom: 0; max-width: 320px; }

.custom #sidebar #php_widget-23 input[type="email"] { border: 1px solid #DFDFDF; color: #AFAFAF; margin-bottom: 20px; max-width: 320px; padding: 12px 8px; width: 100%; }
.custom #sidebar #php_widget-23 span.button { display: inline-block; margin-right: 10px; }
.custom #sidebar #php_widget-23 input[type="submit"] { background: #076180; border: 0; border-radius: 20px; color: #FFFFFF; display: inline-block; font: 700 14px/14px 'Open Sans', sans-serif; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 160px; }
.custom #sidebar #php_widget-23 input[type="submit"]:hover { background: #EE6B27; text-decoration: none; }
.custom #sidebar #php_widget-23 span.privacy a { color: #EE6B27; font: 700 12px/12px 'Open Sans',sans-serif; text-decoration: none; }
.custom #sidebar #php_widget-23 span.privacy a:hover { color: #076180; text-decoration: none; }

.custom #sidebar #php_widget-24 img { margin-bottom: 0; max-width: 320px; }
.custom #sidebar #php_widget-24 .button { margin: 20px auto 0; max-width: 240px; width: 100%; }
.custom #sidebar #php_widget-24 .button a { background: #076180; border-radius: 17px; color: #FFFFFF; display: block; font: 700 14px/14px 'Open Sans', sans-serif; padding: 10px 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
.custom #sidebar #php_widget-24 .button a:hover { background: #EE6B27; text-decoration: none; }

.custom #sidebar #php_widget-25 ul { padding: 5px 0 0 5px; }
.custom #sidebar #php_widget-25 ul li { color: #EE6B27; font: 700 15px/20px 'Open Sans', sans-serif; margin-bottom: 10px; padding-left: 5px; }
.custom #sidebar #php_widget-25 ul li a { background: url('images/arrow_orange.png') no-repeat scroll center left; color: #EE6B27; font: 700 16px/20px 'Open Sans', sans-serif; padding-left: 15px; }
.custom #sidebar #php_widget-25 ul li a:hover { background: url('images/arrow_green.png') no-repeat scroll center left; color: #076180; text-decoration: none; }
.custom #sidebar #php_widget-25 ul li.last { margin-bottom: 0; }

.custom #sidebar #php_widget-26 img { margin-bottom: 0; max-width: 320px; }

.custom #sidebar #php_widget-27 img { border-radius: 50%; float: right; margin: 5px 0 15px 15px; max-width: 128px; }
.custom #sidebar #php_widget-27 span { font-weight: 600; }
.custom #sidebar #php_widget-27 a { color: #EE6B27; font: 700 14px/25px 'Open Sans',sans-serif; position: relative; text-transform: uppercase; top: 1px; }
.custom #sidebar #php_widget-27 a:hover { color: #076180; text-decoration: none; }

.custom #sidebar #php_widget-28 img { margin-bottom: 0; max-width: 320px; }
.custom #sidebar #php_widget-28 .button { margin: 20px auto 0; max-width: 240px; width: 100%; }
.custom #sidebar #php_widget-28 .button a { background: #076180; border-radius: 17px; color: #FFFFFF; display: block; font: 700 14px/14px 'Open Sans', sans-serif; padding: 10px 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
.custom #sidebar #php_widget-28 .button a:hover { background: #EE6B27; text-decoration: none; }


/* ---- format footer area ---- */

.custom #footer { background: url('images/bg_footer.png') no-repeat scroll bottom center #076180; padding: 35px 0; width: 100%; }
.custom #footer .wrapper { position: relative; }
.custom #footer .overlay { height: 40px; left: 50%; margin-left: -50px; position: absolute; top: -65px; width: 1000px; }
.custom #footer .inner { margin: 0 auto; max-width: 114em; overflow: hidden; text-align: center; }
.custom #footer  h5.footer_title { color: #FFFFFF; font: 700 30px/30px 'Open Sans',sans-serif; margin-bottom: 30px; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
.custom #footer .column { display: inline-block; float: none; overflow: hidden; padding: 0 25px 25px; width: 370px; }
.custom #footer .column h6 { color: #FFFFFF; font: 400 16px/16px 'Open Sans',sans-serif; margin-bottom: 20px; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
.custom #footer .column h6 span { font-weight: 800; }
.custom #footer .item { margin-bottom: 20px; }
.custom #footer .call { height: 30px; }
.custom #footer .left_col { }
.custom #footer ul.social { height: 30px; text-align: center; }
.custom #footer ul.social li { display: inline-block; margin: 0 3px; }
.custom #footer ul.social li a { background: #083749; border-radius: 50%; display: block; height: 30px; width: 30px; }
.custom #footer ul.social li a:hover { background: #E5952E; }
.custom #footer .middle_col { }
.custom #footer .middle_col a.resource { display: block; margin-bottom: 20px; }
.custom #footer .middle_col img { border-radius: 6px; height: auto; max-width: 320px; width: 100%; }
.custom #footer .middle_col .button a { background: #083749; border-radius: 15px; color: #FFFFFF; display: block; font: 600 13px/13px 'Open Sans', sans-serif; height: 30px; letter-spacing: 1px; margin: 0 auto; padding: 9px 0; text-transform: uppercase; width: 200px; }  
.custom #footer .middle_col .button a:hover { background: #E5952E; text-decoration: none; }
.custom #footer .right_col {  }
.custom #footer .right_col .video img { border: 2px solid #FFFFFF; border-radius: 6px; margin-bottom: 20px; }
.custom #footer .right_col .text { color: #FFFFFF; font: 400 14px/24px 'Open Sans',sans-serif; text-align: justify; }
.custom #footer .right_col .button a { background: #083749; border-radius: 15px; color: #FFFFFF; display: block; font: 600 13px/13px 'Open Sans', sans-serif; height: 30px; letter-spacing: 1px; margin: 0 auto; padding: 9px 0; text-transform: uppercase; width: 200px; }  
.custom #footer .right_col .button a:hover { background: #E5952E; text-decoration: none; }

/* ---- format copyright area ---- */

.custom #copyright { background: #EFEFEF; border-top: 6px solid #E5952E; color: #076180; padding: 22px 0 20px; text-transform: uppercase; width: 100%; }
.custom #copyright .inner .left { font: 700 11px/15px 'Open Sans',sans-serif; }
.custom #copyright .inner .right { font: 700 11px/15px 'Open Sans',sans-serif; }
.custom #copyright .separator { position: relative; top: -1px; }
.custom #copyright .last { display: none; }
.custom #copyright a { color: #076180; }
.custom #copyright a:hover { color: #E5952E; }


/* flexible widths for desktops and laptops  */
@media all and (max-width: 1200px) {
	.custom #navigate .menu li { padding: 0 2.6%; }
	.newsroom #full .box ul li { max-width: 286px; }
	.resources #full .box .button a { float: right; }
	.resource #full .box .button a { float: right; }
	.custom #footer { background: #076180; }
}

/* flexible widths for desktops and laptops  */
@media all and (max-width: 1023px) {
	.custom #intro { display: none; }
	.custom #mobile { background: #083749; display: block; padding: 10px 0; }
	.custom #mobile .wrapper { margin: 0 15px; } 
	.custom #mobile .left { height: 30px; float: left; overflow: hidden; width: 30px; }
	.custom #mobile .flip { background: url('images/icon_menu.png') no-repeat 50% 50% #083749; cursor: pointer; display: inline; float: left; height: 30px; opacity: 0.8; overflow: hidden; width: 30px; }
	.custom #mobile .flip:hover { opacity: 1; }
	.custom #mobile .right { float: right; text-align: right; }
	.custom #mobile ul.social { float: right; }
	.custom #mobile ul.social li { float: left; margin: 0 0 0 6px; }
	.custom #mobile ul.social li a { background: #083749; border-radius: 3px; display: block; height: 30px; width: 30px; }
	.custom #mobile ul.social li a:hover { background: #FEC023; }
	.custom #mobile_area { background-color: #076180; }
	.custom #mobile_area ul { overflow-y: hidden; }
	.custom #mobile_area.mm-menu.mm-front { box-shadow: 0 0 0 rgba(0,0,0,0); }
	.custom #mobile_area .mm-list > li > a { border-bottom: 1px solid rgba(255,255,255,0.2); color: #F5F5F5; font-weight: 400; padding: 10px 10px 10px 20px; text-transform: uppercase; }
	.custom #mobile_area .mm-list > li > a:hover { background-color: rgba(255,255,255,0.1); color: #F5F5F5; text-decoration: none; }
	.custom #mobile_area .mm-list > li > a.close_link { border-bottom: 0; font-weight: 400; padding: 15px 10px 15px 15px; }
	.custom #mobile_area .mm-list a.close_link:before { top: 20px; }
	.custom #mobile_area .mm-list a.close_link { background-color: #083749; }
	.custom #mobile_area .mm-list a.close_link:hover { background-color: #083749; }
	.custom #mobile_area .mm-list > li { border-bottom: 0; }
	.custom #mobile_area .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { border: 0; }
	.custom #all { position: static; top: 0; }
	.custom #header .inner { padding: 20px 0; }
	.custom #header td.logo img.flex { float: none; margin: 0 auto; }
	.custom #navigate { display: none; }
	.custom #container .wrapper { margin: 0; }
	.custom #container #content { float: none; margin: 0 auto; padding: 0 0 40px; max-width: 720px; width: 100%; }
	.custom #container #sidebar { float: none; margin: 0 auto; padding: 0 30px 40px; max-width: 480px; width: 100%; }
	.custom #container #full { float: none; margin: 0 auto 60px; max-width: 720px; width: 100%; }

	.pages h2.headline { font: 800 16px/20px 'Open Sans',sans-serif; }
	.resources #full .box h3 { font: 800 16px/20px 'Open Sans',sans-serif; }
	.resources .format_text .row { float: left; }
	
	.custom #sidebar #php_widget-22 img,
	.custom #sidebar #php_widget-24 img,
	.custom #sidebar #php_widget-26 img { max-width: 480px; }

	.custom #footer .column { display: block; float: none; margin: 0 auto; max-width: 480px; padding: 0 0 25px; width: 100%; }
	.custom #footer .column .item { height: auto !important; max-height: 888678px; }
}

/* ipad, ipad mini and iphone 5 specific  */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
	html { overflow-x: hidden; overflow-y: scroll; width: 100%; }
	body { overflow-x: hidden; width: 100%; }
	.newsroom #full .box ul li { max-width: 290px; }
	.resources #full .box .button a { float: right; }
	.resource #full .box .button a { float: right; }
}

/* ipad, ipad mini and iphone 5 specific  */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
	html { overflow-x: hidden; overflow-y: scroll; width: 100%; }
	body { overflow-x: hidden; width: 100%; }
	.newsroom #full .box ul li { max-width: 316px; }
}

/* flexible widths for most large mobile devices */
@media all and (max-width: 767px) {
	
	.custom #container .inner { padding-top: 0; }
	.custom #container #content { max-width: 767px; min-height: none; }
	.custom #container #full { max-width: 767px; }

	.custom #container #sidebar { padding: 0 15px 40px; }
	.blog #content .archive_meta { padding: 15px; }
	.blog #content .post_box { margin-bottom: 0; }
	.blog #content .meta_data { margin: 25px 15px 12px; }
	.blog #content h2.headline { font: 800 15px/20px 'Open Sans', sans-serif; margin: 0 15px 20px; }
	.blog .post_content { margin: 0 15px 20px; }
	.blog #content .read_more { margin: 0 15px; padding-bottom: 25px; }
	.blog #paginate { margin: 30px 15px; }

	.custom .format_text p { font: 400 14px/24px 'Open Sans',sans-serif; margin-bottom: 24px; }
	.custom .format_text h3 { font: 800 16px/16px 'Open Sans',sans-serif; }
	.custom .format_text h4 { font: 800 16px/16px 'Open Sans',sans-serif; }
	.custom .format_text h5 { font: 800 16px/16px 'Open Sans',sans-serif; }
	.custom .format_text h6 { font: 800 16px/16px 'Open Sans',sans-serif; }
	.custom .format_text ul { margin: 0 15px 20px; }
	.custom .format_text ol { margin: 0 15px 20px; }
	.custom .format_text ul li { font: 400 14px/24px 'Open Sans',sans-serif; }
	.custom .format_text ol li { font: 400 14px/24px 'Open Sans',sans-serif; }
	.custom .format_text ul.children { margin-top: 24px; }
	.custom .format_text blockquote { font: italic 400 14px/24px 'Open Sans',sans-serif; margin: 0 10px 25px; }
	.custom .format_text blockquote p { font: italic 400 14px/24px 'Open Sans',sans-serif; }
	.custom .format_text blockquote .quote { font: italic 400 14px/24px 'Open Sans',sans-serif; }
	.custom .format_text blockquote .attribute { font: 700 14px/24px 'Open Sans',sans-serif; }
	.contact .format_text p { font: 400 14px/24px 'Open Sans',sans-serif; margin-bottom: 24px; }

	.posts #call { font: italic 700 14px/24px 'Open Sans',sans-serif; margin: 0 15px 30px; }
	.posts #attribution { margin: 0 15px 30px; }
	.posts #author { margin: 0 15px 30px; }
	.posts #tags { margin: 0 15px 30px; }
	.posts #share { margin: 0 15px 30px; }
	.posts #comments { margin: 0 15px 30px; }
	.posts #comments .comment { padding: 12px; }
	.posts #commentform { margin: 0 15px 30px; }
	.posts #author #description { overflow: visible; }
	
	.pages #content .post_box { padding: 0 15px; }
	.pages #full .box { margin: 0 15px; }
	.pages #full .box h2 { margin: 0 0 26px; }
	.about #full .tops h2 { margin-top: 26px; }
	.about #full div.middle img.alignright { float: none; margin: 5px auto 25px; padding-left: 0; position: static; top: 0; }
	.newsroom #full .box ul li { max-width: 316px; width: 100%; }
	.newsroom #full .featured h2 { margin-top: 26px; }
	.resources #full .first h2 { margin-top: 26px; }
	.resources #full .box .button a { float: right; }
	.resources #full .box .item { padding: 0; }
	.resources #full .assess .divider { margin: 0 0 30px; }
	.resources #full .guides .divider { margin: 0 0 30px; }
	
	.resource #full .first h2 { margin-top: 26px; }
	.resource #full .box .button a { float: right; }
	.resource #full .guide .divider { margin: 0 0 30px; }
	.resource #full .box .item { padding: 0; }

	.challenge #full .banner_title { padding: 20px 15px 30px; }
	.challenge #full .box h2 { margin-top: 26px; }
	.challenge #full .first h2 { margin-top: 0; }
	.story #full .banner_title { padding: 20px 15px 30px; }
	.story #full .box h2 { margin-top: 26px; }
	.story #full .first h2 { margin-top: 0; }
	.story .format_text .left_row { float: none; margin-right: 0; width: 100%; }
	.story .format_text .right_row { float: none; margin-left: 0; width: 100%; }
	.contact .format_text p { font: italic 700 13px/20px 'Open Sans',sans-serif; }

	.custom #copyright .inner .left { float: none; margin: 5px 0; overflow: hidden; text-align: center; }
	.custom #copyright .inner .left .copyright { display: block; margin-bottom: 5px; }
	.custom #copyright .inner .left .separator { display: none; }
	.custom #copyright .inner .right { float: none; margin: 5px 0; overflow: hidden; text-align: center; }
	.custom #copyright .inner .right .copyright { display: block; }
	

}

/* flexible widths for most small mobile devices */
@media all and (max-width: 479px) {	
	.newsroom #full .box ul li { margin: 0 0 26px; }
	.resources #full .box .thumb { margin: 0 15px 10px 0; } 
	.resources #full .box .thumb img { height: 120px; width: 84px; }
	.resources #full .box .button { text-align: center; }
	.resources #full .box .button a { float: none; }
	.resource #full .box ul li { margin: 0 0 26px; }
	.resource #full .box .thumb { margin: 0 15px 10px 0; } 
	.resource #full .box .thumb img { height: 120px; width: 84px; }
	.resource #full .box .button { text-align: center; }
	.resource #full .box .button a { float: none; }
	.posts #author #avatar img { height: 64px; width: 64px; }
}