/*
Description:	Custom stylesheet for John Marcello
Author:			John Marcello
*/

/* ---- css reset defaults ---- */

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, b { font-weight: 700; }
em, i { font-style: italic; }
#thesis_launcher { display: none !important; }
	
/* ---- site wide defaults ---- */

html { overflow-y: scroll !important; }
.custom * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom { background: #FFFFFF; color: #434343; font-size: 62.5%; font-family: 'Lato',sans-serif; }
.custom a { color: #459C4E; text-decoration: none; }
.custom a:hover { color: #268DC5; text-decoration: none; }

.custom input[type="text"], textarea, input[type="submit"] { -webkit-appearance: none; }
.custom :focus { /*outline: none; border-color: #CFCFCF; */ }
.custom img.flex { height: auto; margin: 0 auto; width: 100%; }

.custom .none { display: none; }
.custom .left { float: left; }
.custom .right { float: right; }
.custom .clear { clear: both; }

.custom .wrapper { margin: 0 60px; } 
.custom .inner { display: block; margin: 0 auto; max-width: 192em; overflow: hidden; width: 100%; }

.custom .row { display: table; width: 100%; } 
.custom .column { display: table-cell; vertical-align: middle; }
.custom .top { vertical-align: top; }

.custom .text { font: 400 18px/30px 'Lato', sans-serif; }
.custom .text p { margin: 0 auto 18px; }

.custom .one_half { width: 50%; }
.custom .one_third { width: 33.333333%; }
.custom .two_third { width: 66.666667%; }
.custom .one_quarter { width: 25%; }
.custom .three_quarter { width: 75%; }

.custom .screen { display: block; }
.custom .mobile { display: none !important; }

/* mobile area  */

.custom #mobile .panel { background: rgba(69,156,78,1); display: block !important; height: 100%; left: -1024px; position: fixed; top: 60px; width: 320px; z-index: 99999; }
.custom #mobile .panel ul { list-style: none; }
.custom #mobile .panel ul li { border-bottom: 1px solid rgba(255,255,255,0.3);  margin: 0; }
.custom #mobile .panel ul li:hover { background: rgba(255,255,255,0.1); }
.custom #mobile .panel ul li a { color: #FFFFFF; display: block; font: 900 15px/15px 'Lato',sans-serif; padding: 14px 20px; position: relative; text-decoration: none; }
.custom #mobile .panel ul li a:hover { color: #FFFFFF; }

/* header area, general settings  */

.custom #header { background: rgba(255,255,255,0.9); box-shadow: 0 1px 3px rgba(0,0,0,0.1); position: fixed; width: 100%; z-index: 99998; }
.custom #header .inner { max-width: 140em; }
.custom #header .left a { float: left; }

.custom #header .left a.both { color: #FFFFFF; letter-spacing: 1px; padding: 25px 0; transition: ease 0.5s; }
.custom #header .left a.both img { display: inline-block; float: left; height: auto; max-width: 50px; margin-right: 10px; transition: ease 0.5s; width: 100%; }
.custom #header .left a.both span { display: inline-block; float: left; font: 400 44px/40px 'Open Sans',sans-serif; letter-spacing: -2px; transition: ease 0.5s; }
.custom #header .left a.both span.lname { font-weight: 700 !important; }
.custom #header .center { display: none; }
.custom #header .right #menu { float: left; }
.custom #header .right .primary li { float: left; }
.custom #header .right .primary li a { color: #FFFFFF; display: block; font: 700 16px/16px 'Open Sans',sans-serif; letter-spacing: 0; padding: 42px 10px; text-transform: none; transition: ease 0.5s; }
.custom #header .right .primary li a:hover { background: transparent; color: #FFFFFF; transition: ease 0.5s; }
.custom #header .right .primary li.current_page_item a { color: #268EC5; }
.custom #header .right .primary li.current_page_item a:hover { color: #459C4E; }
.custom #header .right .separator { background: url('images/bg_dark_blue.png') repeat-y center 0 ; background-size: contain; color: #E2E2E2; float: left; height: 20px; margin: 40px 10px 40px 15px; transition: ease 0.5s; width: 1px; }
.custom #header .right #social { display: block; float: left; }
.custom #header .right .social { display: block; }
.custom #header .right .social li { float: left; }
.custom #header .right .social li a { display: block; text-decoration: none; transition: ease 0.5s; }
.custom #header .right .social li a:hover { transition: ease 0.5s; }
.custom #header .right .social li .fa { color: #434343; font-size: 20px; padding: 40px 0 40px 12px; transition: ease 0.5s; }
.custom #header .right .social li .fa:hover { color: #535353; }

/* scroll transitions, animates header on scroll */

.custom #header.scroll .left a.both { padding: 5px 0; transition: ease 0.5s; }
.custom #header.scroll .left a.both span { font: 400 34px/40px 'Open Sans',sans-serif; transition: ease 0.5s; }
.custom #header.scroll .right .primary li a { padding: 20px 10px 22px; transition: ease 0.5s; }
.custom #header.scroll .right .separator { margin: 20px 10px 20px 15px; transition: ease 0.5s; }
.custom #header.scroll .right .social li .fa { padding: 20px 0 20px 12px; transition: ease 0.5s; }

/* containers, resets position due to fixed header */

.custom #all { position: relative; top: 100px; transition: ease 0.5s; z-index: 1; } 
.custom #all.scroll { top: 60px; transition: ease 0.5s; } 
.custom #all .title { text-align: center; }
.custom #all .title h3 { border-bottom: 6px solid #459C4E; color: #27579F; display: inline-block; font: 900 36px/40px 'Lato',sans-serif; letter-spacing: 1px; margin: 0 auto 40px; padding-bottom: 6px; text-align: center; text-transform: capitalize; }
.custom #all .title h4 { color: #27579F; display: inline-block; font: 900 26px/30px 'Lato',sans-serif; letter-spacing: 0; margin: 0 auto 25px; text-align: center; text-transform: capitalize; }

.custom #all .shifted { text-align: left; }
.custom #all .shifted h3 { font: 900 26px/30px 'Lato',sans-serif; border: 0; margin: 0 auto 18px; padding: 0; text-align: left; }
.custom #all .italics h3 { font-style: italic; }

.custom #all .grey { background: #E2E2E2; margin-bottom: 60px; }
.custom #all .grey h4 { margin: 20px; }

/* banner area */

.custom #banner { width: 100%; }
.custom #banner .wrapper { margin: 0; } 
.custom #banner .inner { max-width: 192em; }
.custom #banner .banner_only img { height: auto; width: 100%; }
.custom #banner .banner_only .banner_screen { display: block; }
.custom #banner .banner_only .banner_mobile { display: none; }
	
/* promo area */

.custom #promo { background: #F5F4F3; }
.custom #promo .inner { max-width: 160em; }
.custom #promo .offer_only { color: #58B737; display: table; transition: ease 0.5s; width: 100%; }
.custom #promo .offer_only .column { display: table-cell; vertical-align: middle; padding: 40px 60px; }
.custom #promo .offer_only .offer { width: auto; }
.custom #promo .offer_only .offer .title h3 { border: 0; color: #434343; margin-bottom: 20px; padding-bottom: 0; }
.custom #promo .offer_only .offer .copy h4 { color: #434343; font: 18px/30px 'Lato',serif; text-align: center; }
.custom #promo .offer_only .form { width: 60em; }
.custom #promo .offer_only .form .email { padding-bottom: 10px; width: 100%; }
.custom #promo .offer_only .form input { background: #FFFFFF; border: 1px solid #FFFFFF; color: #757473; font: 15px/15px 'Lato',sans-serif; }
.custom #promo .offer_only .form input[type="email"] { padding: 15px 10px; text-align: center; width: 100%; }
.custom #promo .offer_only .form .button { padding-top: 10px; width: 100%; }
.custom #promo .offer_only .form button { background: #AAAAAA; border: 1px solid #AAAAAA; color: #FFFFFF; float: left; font: 900 16px/16px 'Lato',sans-serif; letter-spacing: 2px; padding: 16px 10px 16px 0; text-transform: uppercase; width: 100%; }
.custom #promo .offer_only .form button:before { border: 6px solid transparent; border-left-color: #FFFFFF; content: ""; display: inline-block; height: 0; margin: 0 4px 0 10px; width: 0; }
.custom #promo .offer_only .form button:hover { background: #9A9A9A; border: 1px solid #9A9A9A; color: #FFFFFF; text-decoration: none; }

/* about area */

.front #about { background: #F6F6F6; padding: 40px 0; }
.front #about .about_row { display: table; }
.front #about .column { display: table-cell; vertical-align: middle; }
.front #about .icon.mobile { display: none; }
.front #about .image img { height: 300px; width: 300px; }
.front #about .data { padding-left: 60px; }
.front #about .data .text { font: 18px/30px 'Lato',serif; text-align: left; }
.front #about .data .more { padding: 40px 0 20px; }
.front #about .data .more a { background: none; border: 2px solid #27579F; border-radius: 2px; color: #27579F; display: block; font: 900 16px/16px 'Lato',sans-serif; margin: 0 auto; padding: 12px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; }
.front #about .data .more a:hover { border: 2px solid #459C4E; color: #459C4E; text-decoration: none; }

/* services area */

.front #serve { background: url('images/bg_services.png') scroll repeat center center #F5F4F3; padding: 60px 0 20px; }
.front #serve .inner { max-width: 192em; }
.front #serve .title h3 { margin-bottom: 60px; }
.front #serve .services_only { display: block; margin: 0 auto; text-align: center; }
.front #serve .services_only .column { display: inline-block; margin: 0 auto 40px; padding: 0 10px; text-align: center; width: 30%; }
.front #serve .services_only .column a { color: #27579F; display: block; }
.front #serve .services_only .column a:hover { color: #459C4E; text-decoration: none; }
.front #serve .services_only .column a div.image { background #FFFFFF; border: 8px solid #27579F; border-radius: 50%; height: auto; margin: 0 auto 20px; max-width: 236px; transition: ease 0.1s; width: 100%; }
.front #serve .services_only .column a:hover div.image {  background #FFFFFF; border: 8px solid #459C4E; transition: ease 0.1s; }
.front #serve .services_only .column div.image img { border-radius: 50%; height: auto; padding: 6px; transition: ease-out 0.5s; width: 100%; }
.front #serve .services_only h4 { font: 900 18px/18px 'Lato',sans-serif; text-transform: uppercase; transition: ease 0.5s; }

/* reivews area */

.front #reviews { background: #F6F6F6; padding: 40px 0; }
.front #reviews .title h3 { margin-bottom: 40px; }
.front #reviews .slider_only { margin: 0 auto; max-width: 120em; width: 100%; }
.front #reviews #reviewer {  top: 2px !important; }
.front #reviews #reviewer div.slide { display: block; float: left; overflow: hidden; }
.front #reviews #reviewer div.review { background: #FFFFFF; border: 1px solid #CFCFCF; font: italic 400 20px/26px 'Lato',sans-serif; display: table; padding: 30px; position: relative; }
.front #reviews #reviewer div.review:before { border: 1px solid #CFCFCF; border-color: transparent #CFCFCF; border-style: solid; border-width: 0 83px 45px 0px; bottom: -45px; content: ""; display: block; left: 118px; position: absolute; width: 0; }
.front #reviews #reviewer div.review:after { border: 1px solid #FFFFFF; border-color: transparent #FFFFFF; border-style: solid; border-width: 0 80px 42px 0px; bottom: -42px; content: ""; display: block; left: 120px; position: absolute; width: 0; }
.front #reviews #reviewer div.image { display: none !important; vertical-align: middle; }
.front #reviews #reviewer div.image img { border-radius: 50%; height: auto; margin-right: 30px; max-width: 100px; }
.front #reviews #reviewer div.quote { color: #27579F; display: table-cell; font: 400 100px/80px 'georgia',serif; padding-right: 15px; }
.front #reviews #reviewer div.words { display: table-cell; vertical-align: middle; }
.front #reviews #reviewer div.attribution { color: #459C4E; font: 900 18px/24px 'Lato',sans-serif; margin: 25px auto; max-width: 60em; padding: 25px 0 15px; text-align: center; }
.front #reviews .slider_only .clear { float: none; clear: both; }
.front #reviews .slider_only .pagination { padding-bottom: 10px; text-align: center; }
.front #reviews .slider_only .pagination a { background: url('images/sprite_bullet.png') -20px 0 no-repeat transparent;display: inline-block; height: 20px; margin: 0 5px 0 0; width: 20px; }
.front #reviews .slider_only .pagination a span { display: none; }
.front #reviews .slider_only .pagination a.selected { background-position: 0 0; cursor: default; }

/* blog area */

.front #blogged { background: url('images/bg_services.png') scroll repeat center center #F5F4F3; padding: 40px 0; }
.front #blogged .title h3 { margin-bottom: 40px; }
.front #blogged .title h4 { color: #3A3A3A; font: 18px/30px 'Lato',serif; padding-bottom: 40px; text-align: center; }
.front #blogged .grid { display: table; text-align: center; }
.front #blogged .column { background: #FFFFFF; border: 1px solid #CFCFCF; display: inline-table; margin: 0 1% 40px; text-align: center; vertical-align: top; width: 31%;  }
.front #blogged .col { display: inline-table; padding: 20px 20px 25px; }
.front #blogged .col .featured_image_link { display: block; overflow: hidden; position: relative; }
.front #blogged .col .featured_image_link img { display: block; height: auto; margin: 0 auto; transition: all 0.3s ease-in-out; width: 100%; }
.front #blogged .col .featured_image_link img:hover { transform: scale(1.03); }
.front #blogged .col h5 { display: block; padding-top: 20px; }
.front #blogged .col h5 a { color: #27579F; display: block; font: 900 20px/26px 'Lato'; text-align: center; width: 100%; }
.front #blogged .col h5 a:hover { color: #459C4E; text-decoration: none; }
.front #blogged div.more { padding-bottom: 20px; }
.front #blogged div.more a { border: 2px solid #27579F; border-radius: 2px; color: #27579F; display: block; font: 900 16px/16px 'Lato',sans-serif; margin: 0 auto; padding: 12px; text-align: center; text-transform: uppercase; width: 200px; }
.front #blogged div.more a:hover { border: 2px solid #459C4E; color: #459C4E; text-decoration: none; }

/* major page strutures  */

.custom #page { width: 100%; }
.custom #page .inner { min-height: 800px; padding: 50px 0; }
.custom #full { float: none; width: 100%; } 
.custom #content { float: left; width: 66.666667%; padding-right: 0; } /* styles content area */
.custom #sidebar { float: right; padding-left: 40px; width: 33.333333%; } /* styles sidebar area */

/* postbox and headlines text  */

.custom #content .archive_meta .intro { background: #F6F6F6; border: 1px solid #DEDEDE; color: #268DC5; font: 400 16px/20px 'Lato',sans-serif; margin-bottom: 40px; padding: 10px; }
.custom #content h2.headline { color: #459C4E; font: 900 26px/30px 'Lato',sans-serif; letter-spacing: 0; margin: 0 auto; padding-bottom: 25px; text-transform: capitalize; }
.custom #content .post_box { margin-bottom: 60px; overflow: hidden; }

/* format text  */

.custom .format_text { font: 400 18px/30px 'Lato',sans-serif;  }
.custom .format_text p { margin-bottom: 18px; }
.custom .format_text a { text-decoration: underline; }
.custom .format_text a:hover { text-decoration: underline; }
.custom .format_text h2 { color: #27579F; font: 900 26px/30px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
.custom .format_text h3 { color: #27579F; font: 900 24px/30px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
.custom .format_text h4 { color: #268DC5; font: 900 24px/30px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
.custom .format_text h5 { color: #459C4E; font: 700 24px/30px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
.custom .format_text h6 { color: #459C4E; font: 700 24px/30px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }

.custom .format_text ul { list-style: square; margin: 0 0 18px 12px; padding-left: 12px; }
.custom .format_text ul li { margin: 0 0 12px 12px; text-align: justify; }
.custom .format_text ul li:last-child { margin-bottom: 0; }
.custom .format_text li ul { list-style-type: square; margin-top: 12px !important; }
.custom .format_text li ul li { margin-left: 18px; }
.custom .format_text li ul li:last-child { margin-bottom: 0; }

.custom .format_text ol { list-style: decimal; margin: 0 0 18px 12px; padding-left: 12px; }
.custom .format_text ol li {  margin: 0 0 12px 12px; text-align: justify; }
.custom .format_text ol li:last-child { margin-bottom: 0; }
.custom .format_text li ol { list-style-type: decimal; margin-top: 12px !important; }
.custom .format_text li ol li { margin-left: 18px; }
.custom .format_text li ol li:last-child { margin-bottom: 0; }

.custom .format_text blockquote { border-left: 3px solid #459C4E; color: #3D2314; font: italic 400 18px/30px 'Lato', sans-serif; margin: 30px 10px; padding: 0 20px; }
.custom .format_text blockquote .quote { font: italic 400 18px/30px 'Lato', sans-serif; margin-bottom: 6px; }
.custom .format_text blockquote .attribution { font: 700 18px/18px 'Lato', sans-serif; }

.custom .format_text .alignleft { display: block; float: left; height: auto; margin: 5px 30px 30px 0; max-width: 40%; width: 100%; }
.custom .format_text .alignright { display: block; float: right; height: auto; margin: 5px 0 30px 30px; max-width: 40%; width: 100%; }
.custom .format_text .aligncenter { display: block; float: none; height: auto; margin: 0 auto 30px; max-width: 800px; width: 100%; }
.custom .format_text .alignone { display: block; float: none; }

/* ---- blog feeds ---- */

.not .inner { max-width: 114em; }

.blog .inner { max-width: 114em; }
.blog #content .post_box.last { border-bottom: 3px solid #DEDEDE; margin-bottom: 30px; overflow: hidden; padding-bottom: 60px;  }
 
.blog .meta_data { border-bottom: 3px solid #DEDEDE; color: #878787; display: inline-block; font: 700 12px/12px 'Open Sans',sans-serif; letter-spacing: 2px; padding-bottom: 5px; margin-bottom: 20px; text-transform: uppercase; }
.blog .meta_data .separator { padding: 0 10px; }
.blog .meta_data .meta_cat a { color: #878787; text-decoration: none; }
.blog .meta_data .meta_cat a:hover { color: #268DC5; }

.blog #content h2.headline a { color: #459C4E; display: block; width: 100%; }
.blog #content h2.headline a:hover { color: #268DC5; cursor: pointer; text-decoration: none; }

.blog .thumb_image { padding-bottom: 25px; }
.blog .thumb_image .alignleft { display: block; float: none; height: auto; margin: 0 auto; max-width: 800px; width: 100%; }
.blog .thumb_image .alignright { display: block; float: none; height: auto; margin: 0 auto; max-width: 800px; width: 100%; }
.blog .thumb_image .aligncenter { display: block; float: none; height: auto; margin: 0 auto; max-width: 800px; width: 100%; }
.blog .thumb_image .alignone { display: block; float: none; height: auto; margin: 0 auto; max-width: 800px; width: 100%; }

.blog .divider { height: 25px; }

.blog .post_excerpt { padding-bottom: 20px; }
.blog .post_excerpt p { font: 400 18px/30px "Lato",sans-serif; }

.blog .read_more { color: #459C4E; display: block; font: 800 16px/16px 'Open Sans',sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.blog .read_more a { color: #459C4E; text-decoration: none; }
.blog .read_more a:hover { color: #268DC5; text-decoration: none; }


/* pagination  */

.custom #paginate .wp-pagenavi { margin-bottom: 60px; text-align: center; }
.custom #paginate .wp-pagenavi a, 
.custom #paginate .wp-pagenavi span { background: #FFFFFF; border: 1px solid #CFCFCF; color: #878787; display: inline-block; font: 400 12px/12px 'Lato',sans-serif; height: 24px; padding: 5px; text-align: center; min-width: 24px; } 
.custom #paginate .wp-pagenavi a:hover, 
.custom #paginate .wp-pagenavi span:hover { background: #E6E6E6 ; color: #878787; text-decoration: none; }
.custom #paginate .wp-pagenavi span.current { background: #F6F6F6; color: #878787; }
.custom #paginate .wp-pagenavi span.current:hover { background: #E6E6E6; color: #878787; text-decoration: none; }
.custom #paginate .wp-pagenavi a.nextpostslink,
.custom #paginate .wp-pagenavi a.previouspostslink { }

/* ---- single posts ---- */

.posts #call { color: #3A3A3A; font: italic 700 18px/30px 'Lato',sans-serif; margin-bottom: 30px; }
.posts #call a { color: #268DC5; text-decoration: underline; }
.posts #call a:hover { color: #459C4E; text-decoration: underline; }

.posts #attribution { color: #878787; font: 700 16px/16px 'Lato',sans-serif; margin-bottom: 30px; }
.posts #attribution span { font-weight: 400; color: #878787; }
.posts #attribution a { font-weight: 400; color: #A7A7A7; text-decoration: none; }
.posts #attribution a:hover { color: #A7A7A7; text-decoration: underline; }

/* ---- author module ---- */

.posts #author_box { background: #F6F6F6; border: 1px solid #DEDEDE; display: table; margin: 40px 0; overflow: hidden; padding: 10px 20px; }
.posts #author_box #avatar { display: table-cell; vertical-align: middle; }
.posts #author_box #avatar img { border-radius: 50%; float: left; margin: 10px 20px 10px 0; }
.posts #author_box #description { display: table-cell; vertical-align: middle; }
.posts #author_box #description h4 { color: #459C4E; font: 900 20px/24px 'Lato',sans-serif; margin: 5px 0; }
.posts #author_box #description p { color: #3A3A3A; font: 400 16px/24px 'Lato',sans-serif; margin: 5px 0; }
.posts #author_box #description span { font-weight: 700; }

/* ---- share module ---- */

.posts #share { padding: 0; margin-bottom: 30px; }
.posts #share .share_intro { border-bottom: 3px solid #DEDEDE; color: #27579F; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 25px; padding-bottom: 5px; text-transform: capitalize; }
.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 5px 5px 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: 3px; }
.posts #share .st_twitter_large .stLarge { background: url('images/share_twitter.png') no-repeat 0 0 !important; border-radius: 3px; }
.posts #share .st_linkedin_large .stLarge { background: url('images/share_linkedin.png') no-repeat 0 0 !important; border-radius: 3px; }
.posts #share .st_googleplus_large .stLarge { background: url('images/share_google.png') no-repeat 0 0 !important; border-radius: 3px; }
.posts #share .email_large a { background: url('images/share_email.png') no-repeat 0 0 !important; border-radius: 4px; }

/*
.custom .inner #share .fa { border-radius: 3px; color: #FFFFFF; font-size: 16px; height: 40px; line-height: 40px; text-align: center; transition: all 0.3s ease 0s; margin-right: 6px; width: 60px; }
.custom .inner #share .fa:hover { opacity: 0.7; transition: all 0.3s ease 0s; }
.custom .inner #share .fa-facebook { background: #3c599f none repeat scroll 0 0; }
.custom .inner #share .fa-twitter { background: #32ccfe none repeat scroll 0 0; }
.custom .inner #share .fa-linkedin { background: #0085ae none repeat scroll 0 0; }
.custom .inner #share .fa-google-plus { background: #cf3d2e none repeat scroll 0 0; }
.custom .inner #share .fa-envelope { background-color: #26a03d !important; }
*/

/* ---- tags module ---- */

.posts #tags { margin-bottom: 40px; }
.posts #tags h4.tag_intro { border-bottom: 3px solid #DEDEDE; color: #27579F; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 25px; padding-bottom: 5px; }
.posts #tags .tag_list { color: #268DC5; font: italic 700 18px/20px 'Lato',sans-serif; text-transform: capitalize; }
.posts #tags .tag_list a { color: #268DC5; text-decoration: none; }
.posts #tags .tag_list a:hover { color: #459C4E; text-decoration: none; }

/* ---- comments form module ---- */

.posts #comments { margin-top: -70px; margin-bottom: 40px; padding-top: 70px; }
.posts #comments h4 { border-bottom: 3px solid #DEDEDE; color: #27579F; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 30px; padding-bottom: 5px; text-transform: capitalize; }
.posts #comments .comments_text { font: italic 400 16px/26px 'Lato',sans-serif; }
.posts #comments .comment_list { }
.posts #comments .comment { background: #F9F9F9; border: 1px solid #D5D4D3; margin-bottom: 20px; padding: 20px 20px 0; }
.posts #comments .comment .children .comment { background: #FFFFFF;  border: 1px solid #D5D4D3; margin-bottom: 20px; padding-bottom: 0; }
.posts #comments .comment .children .children .comment { background: #F9F9F9; border: 1px solid #solid; margin-bottom: 20px; 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 20px 20px 0; height: 48px; width: 48px; }
.posts #comments .byline .comment_author,
.posts #comments .byline .comment_date { color: #459C4E; font: 900 16px/16px 'Lato', sans-serif; float: left; margin: 17px 0; text-decoration: none; }
.posts #comments .byline .comment_author a { color: #459C4E; text-decoration: none; }
.posts #comments .byline .comment_author a:hover { color: #459C4E; text-decoration: underline; }
.posts #comments .byline .comment_spacer { color: #49C1F5; display: inline-block; font: 400 11px/11px 'Lato', sans-serif; float: left; margin: 17px 4px; position: relative; top: 0; }
.posts #comments .comment_moderated { color: #434343; font: italic 14px/24px 'Lato', sans-serif; margin: 0 0 15px; }
.posts #comments .comment_text { width: 100%; }
.posts #comments .comment_text p { color: #434343; font: 18px/24px 'Lato', sans-serif; margin-bottom: 15px; }
.posts #comments .meta { overflow: hidden; }
.posts #comments .meta .comment-reply-link { background: #268DC5; border: 0; border-radius: 14px; color: #FFFFFF; display: inline-block; float: right; font: 900 14px/14px 'Lato', sans-serif; margin: 0 20px 24px 0; padding: 7px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 80px; } 
.posts #comments .meta .comment-reply-link:hover { background: #459C4E; text-decoration: none; } 
.posts #comments .comment .children .comment .meta .comment-reply-link { margin-right: 0; }
.posts #comments #cancel-comment-reply-link { font: 900 14px/14px 'Lato', sans-serif; }

.posts #commentform { margin-bottom: 30px; }
.posts .comment_form_title { border-bottom: 3px solid #DEDEDE !important; color: #27579F !important; font: 900 20px/24px 'Lato',sans-serif !important; margin-bottom: 15px !important; padding-bottom: 5px !important; text-transform: capitalize !important; }
.posts #commentform p { color: #27579F; font: 900 16px/16px 'Lato', sans-serif; margin: 15px 0; }
.posts #commentform p a { color: #268DC5; text-decoration: none; }
.posts #commentform p a:hover { color: #459C4E; text-decoration: none; }
.posts #comment_form_name label,
.posts #comment_form_email label,
.posts #comment_form_url label { color: #268DC5; display: inline-block; margin: 0 20px 0 0; width: 60px; }
.posts #comment_form_comment label { color: #268DC5; 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: #F9F9F9; border: 1px solid #DEDEDE; display: inline-block; outline: none; padding: 10px 5px; width: 280px; }
.posts #comment_form_comment textarea { background: #F9F9F9; border: 1px solid #DEDEDE; outline: none; 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 { background: #FFFFFF; border: 1px solid #D5D4D3; }
.posts #comment_form_submit input { background: none; border: 2px solid #268DC5; border-radius: 2px; color: #268DC5; display: block; font: 900 16px/16px 'Lato',sans-serif; margin: 30px 0 40px 6px; max-width: 360px; padding: 10px 0; text-align: center; text-transform: uppercase; width: 160px; }
.posts #comment_form_submit input:hover { border: 2px solid #459C4E; color: #459C4E; text-decoration: none;  }

/* ---- related posts module ---- */

.posts h2#related-posts-via-categories-title { border-bottom: 3px solid #DEDEDE; color: #27579F; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 25px; padding-bottom: 5px; }
.posts ul#related-posts-via-categories-list { margin: 0 0 15px 20px; list-style: square; }
.posts ul#related-posts-via-categories-list li { font: 900 16px/16px 'Lato',sans-serif; margin: 20px 0 20px 20px; text-transform: capitalize; }
.posts ul#related-posts-via-categories-list li a { color: #268DC5; }
.posts ul#related-posts-via-categories-list li a:hover { color: #459C4E; text-decoration: underline; }

/* ---- all page sections ---- */

.custom .area { padding: 40px 0; }

/* ---- about page ---- */

.about #logos { background: #268DC5; padding: 20px 0 !important; }
.about #logos .wrapper { margin: 15px; }
.about #logos ul { display: block; text-align: center; }
.about #logos ul li { display: inline-block; padding: 20px; }
.about #logos ul li img { height: 60px; transition: ease 0.5s; width: auto; }
.about #bio { background: #FFFFFF; }
.about #photos { background: url('images/bg_grid.png') repeat; }
.about #photos .inner { margin: 0 auto; max-width: 120em; width: 100%; }
.about #photos #gallery { overflow: hidden; }
.about #photos #gallery div.slide { display: block; float: left; overflow: hidden; text-align:center; }
.about #photos #gallery div.slide img { height: auto; max-width: 480px; width: 100%; }
.about #photos .pagination { padding: 20px 0; text-align: center; }
.about #photos .pagination a { background: url('images/sprite_bullet.png') -20px 0 no-repeat transparent;display: inline-block; height: 20px; margin: 0 5px 0 0; width: 20px; }
.about #photos .pagination a span { display: none; }
.about #photos .pagination a.selected { background-position: 0 0; cursor: default; }
.about #videos { background: #F5F4F3; }
.about #videos .videos { display: block; text-align: center; }
.about #videos .videos .column { background: #FFFFFF; display: inline-block; margin: 0 1% 40px; text-align: justify; vertical-align: top; width: 31%; }
.about #videos .videos .column .col { border: 1px solid #D5D4D3; padding: 4px; }
.about #videos .videos .column h4.video_title { color: #27579F; font: 900 20px/24px 'Lato'; margin: 10px 0 0 0; text-align: center; }
.about #videos .videos .column div.caption { color: #459C4E; font: 700 italic 16px/20px 'Lato',sans-serif; margin-bottom: 10px; text-align: center; }
.about #videos .videos .column div.run_time { color: #459C4E; font: 700 15px/20px 'Lato',sans-serif; margin-bottom: 30px; text-align: center; }

/* books page */

.books #buy { background:#268DC5; padding: 20px 0 !important; }
.books #buy #logos ul { display: block; text-align: center; }
.books #buy #logos ul li { display: inline-block; padding: 10px 20px; }
.books #buy #logos ul li img { height: 50px; transition: ease 0.5s; width: auto; }
.books #about { background: #FFFFFF; }
.books #about .row { margin: 0 auto 40px; }
.books #about .text { padding: 20px 40px; }
.books #about .image { padding: 20px 0; text-align: center; } 
.books #about .icon img { max-width: 220px; padding-bottom: 20px; }
.books #about .more { margin: 0 auto; max-width: 300px; padding: 20px 0 0; }
.books #about .more a { background: #268DC5; border-radius: 2px; color: #FFFFFF; display: block; font: 700 15px/20px 'Lato',sans-serif; margin: 0 auto; padding: 10px 5px; text-align: center; text-decoration: none; text-transform: uppercase; }
.books #about .more a:hover { background: #459C4E; }
.books #praise { background: #F6F6F6; padding-bottom: 40px; }
.books #praise .title h3 { margin-bottom: 40px; }
.books #praise .endorsement { margin: 0 auto; max-width: 120em; width: 100%; }
.books #praise #quote {  top: 2px !important; }
.books #praise #quote div.slide { display: block; float: left; overflow: hidden; }
.books #praise #quote div.review { background: #FFFFFF; border: 1px solid #CFCFCF; font: italic 400 20px/26px 'Lato',sans-serif; display: table; padding: 30px; position: relative; }
.books #praise #quote div.review:before { border: 1px solid #CFCFCF; border-color: transparent #CFCFCF; border-style: solid; border-width: 0 83px 45px 0px; bottom: -45px; content: ""; display: block; left: 118px; position: absolute; width: 0; }
.books #praise #quote div.review:after { border: 1px solid #FFFFFF; border-color: transparent #FFFFFF; border-style: solid; border-width: 0 80px 42px 0px; bottom: -42px; content: ""; display: block; left: 120px; position: absolute; width: 0; }
.books #praise #quote div.image { display: none; vertical-align: middle; }
.books #praise #quote div.image img { border-radius: 50%; height: auto; margin-right: 30px; max-width: 100px; }
.books #praise #quote div.quote { color: #27579F; display: table-cell; font: 400 100px/80px 'georgia',serif; padding-right: 15px; }
.books #praise #quote div.words { display: table-cell; vertical-align: middle; }
.books #praise #quote div.attribution { color: #459C4E; font: 900 18px/24px 'Lato',sans-serif; margin: 30px auto; max-width: 60em; padding: 25px 0 0; text-align: center; }
.books #praise .pagination { padding-bottom: 10px; text-align: center; }
.books #praise .pagination a { background: url('images/sprite_bullet.png') -20px 0 no-repeat transparent;display: inline-block; height: 20px; margin: 0 5px 0 0; width: 20px; }
.books #praise .pagination a span { display: none; }
.books #praise .pagination a.selected { background-position: 0 0; cursor: default; }
.books #praise .clear { float: none; clear: both; }
.books #get_social .title h4 { margin-bottom: 20px; }
.books #get_social .grey { margin-bottom: 0; }
.books #get_social .wrapper { margin: 0; }
.books #get_social .subtitle h5 { color: #FFFFFF; display: inline-block; font: 900 20px/24px 'Lato',sans-serif; letter-spacing: 1px; margin: 0 auto 10px; text-align: left; text-transform: capitalize; }
.books #get_social .tweet { background: #27579F; padding: 40px 80px; }
.books #get_social .tweet ul.share_tweet { color #FFFFFF; font: italic 400 18px/20px 'Lato',sans-serif; margin-bottom: 20px; }
.books #get_social .tweet ul.share_tweet li { display: table; margin: 10px 0; }
.books #get_social .tweet ul.share_tweet li .fa.fa-twitter { color: #DDDDDD; display: table-cell; font-size: 32px; padding-right: 15px; vertical-align: middle; }
.books #get_social .tweet ul.share_tweet li a { color: #FFFFFF; display: table-cell; vertical-align: middle; }
.books #get_social .tweet ul.share_tweet li a:hover { text-decoration: underline; }
.books #get_social .social { background: #268DC5; padding: 40px 80px; }
.books #get_social .social ul.share_page { color #FFFFFF; }
.books #get_social .social ul.share_page li { margin: 20px 0; }
.books #get_social .social ul.share_page li a { color: #FFFFFF; display: block; overflow: hidden; vertical-align: middle; }
.books #get_social .social ul.share_page li a:hover { text-decoration: none; }
.books #get_social .social ul.share_page li a .fa { border: 3px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; display: block; float: left; font-size: 16px; height: 36px; line-height: 30px; margin-right: 10px; text-align: center; transition: ease 0.3s; width: 36px; }
.books #get_social .social ul.share_page li a .link { display: block; float: left; font: 700 18px/32px 'Lato',sans-serif; text-transform: lowercase; }
.books #get_social .social ul.share_page li a:hover .link { color: #FFFFFF; text-decoration: underline; }
.books #share { background: #FFFFFF; padding-bottom: 40px; }
.books #share ul.share_list { text-align: center; }
.books #share ul.share_list li { display: inline-block; }
.books #share ul.share_list li img { display: inline; height: auto; max-width: 331px /* 331px */; padding: 0 12px; width: 100%; }
.books #share .box.open .popup { display: block; }
.books #share .box .button { cursor: pointer; max-width: 331px; margin: 0 12px; padding: 15px 0 15px; }
.books #share .box.open .button { }
.books #share .box .button .label { background: url('images/icon_arrow_left.png') no-repeat scroll right center; color: #3A3A3A; display: inline-block; font: 700 13px/12px'Lato',sans-serif; padding: 0 18px 0 2px; text-transform: uppercase; transition: background-image 0.3s ease-in-out; }
.books #share .box.open .button .label { background-image: url('images/icon_arrow_up.png'); }
.books #share .box .popup { display: block; height: 0; left: 50%; margin-left: -154px ; opacity: 0; overflow: hidden; position: absolute; top: -156px; width: 307px; transition: opacity 0.3s ease-in-out; }
.books #share .box.open .popup { height: auto; opacity: 1; }
.books #share .box .popup .curtain { filter: alpha(opacity=90); opacity: .9; background-color: #1C1C1C; }
.books #share .box .popup .curtain { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.books #share .box .popup .cell { background-color: transparent; height: 78px; float: left; position: relative; transition: background 0.3s ease-in-out; width: 50%; }
.books #share .box .popup .cell .border-bottom { background-color: #505050; bottom: 0; height: 1px; left: 0; position: absolute; top: auto; right: auto; width: 100%; }
.books #share .box .popup .cell .border-left { background-color: #505050; bottom: auto; height: 100%; left: 0; position: absolute; right: auto; top: 0; width: 1px; }
.books #share .box .popup .cell .share-label { bottom: 15px; color: #FFFFFF; font: 700 12px/12px 'Lato',sans-serif; letter-spacing: 1px; position: absolute; text-align: center; text-transform: uppercase; width: 100%; }
.books #share .box .popup .cell .icon { background-position: center bottom; background-repeat: no-repeat; bottom: 36px; height: 40px; left: 0; position: absolute; width: 100%; }
.books #share .box .popup .cell.facebook .icon { background-image: url('images/icon_share_facebook.png'); }
.books #share .box .popup .cell.twitter .icon { background-image: url('images/icon_share_twitter.png'); }
.books #share .box .popup .cell.google .icon { background-image: url('images/icon_share_google.png'); }
.books #share .box .popup .cell.pinterest .icon { background-image: url('images/icon_share_pinterest.png'); }
.books #share .box .popup .cell.facebook:hover { background-color: #44619D; }
.books #share .box .popup .cell.twitter:hover { background-color: #55ACEE; }
.books #share .box .popup .cell.google:hover { background-color: #DE5342; }
.books #share .box .popup .cell.pinterest:hover { background-color: #CB2027; }
.books #share .box .popup .cell a { display: block; height: 100%; overflow: hidden; left: 0; line-height: 100px; position: absolute; text-align: center; text-indent: -9999px; top: 0; width: 100%; }
.books #order { background: #268DC5; }
.books #order .grey { margin-bottom: 0; }
.books #order #logos { padding: 20px 0; }
.books #order #logos ul { display: block; text-align: center; }
.books #order #logos ul li { display: inline-block; padding: 10px 20px; }
.books #order #logos ul li img { height: 60px; transition: ease 0.5s; width: auto; }
.books #books { background: #FFFFFF; padding-bottom: 40px; }
.books #books ul.other_books { display: block; text-align: center; }
.books #books ul.other_books li { display: inline-block; padding: 0 10px; }
.books #books ul.other_books li img { height: auto; margin-bottom: 20px; max-width: 120px; transition: ease 0.5s; width: 100%; }

.events #content .meta_title { display: table; padding-bottom: 20px; width: 100%; }
.events #content .meta_title .column { display: table-cell; vertical-align: middle; }
.events #content .meta_title .icon { width: 40px; }
.events #content .meta_title .icon img { height: auto; width: 100%; }
.events #content h2.headline { padding: 0 0 0 15px; }
.events #content h3.headline { color: #27579F; font: 700 18px/24px 'Lato',sans-serif; margin-bottom: 15px; }
.events #content .meta_dates { color: #459C4E; font: 700 18px/24px 'Lato',sans-serif; margin-bottom: 15px; }

.event #intro { background: #FFFFFF; padding: 0; }
.event #intro .image { text-align: center; }
.event #intro .image img { margin: 20px 0; max-width: 480px; }
.event #intro div.grey { margin: 0; padding: 20px; }
.event #intro div.grey h4 { margin: 0; }
.event #intro div.headline { color: #27579F; font: 700 18px/24px 'Lato',sans-serif; margin: 5px 0; }
.event #intro div.meta_dates { color: #459C4E; font: 700 16px/24px 'Lato',sans-serif; }
.event #intro div.grey { margin-bottom: 0; padding: 40px 20px; }
.event #intro div.grey h4 { margin: 0; }
.event #intro div.headline { color: #27579F; font: 700 18px/24px 'Lato',sans-serif; margin: 5px auto; max-width: 640px; }
.event #intro div.meta_dates { color: #459C4E; font: 700 18px/24px 'Lato',sans-serif; }
.event #details { background: #FFFFFF; padding: 40px 0 0; }
.event #details div.title { text-align: left; }
.event #details div.title h4 { margin-bottom: 18px; text-align: left; }
.event #details div.grey { margin: 30px 0 0; padding: 20px; text-align: center; }
.event #details div.grey h4 { margin: 0; text-align: center; }
.event #details div.headline { color: #459C4E; font: 700 16px/24px 'Lato',sans-serif; margin: 5px auto; max-width: 640px; }
.event #reserve { background: #FFFFFF; padding: 40px 0 0; }
.event #reserve div.title { text-align: left; }
.event #reserve div.title h4 { margin-bottom: 18px; text-align: left; }
.event #reserve div.grey { margin: 30px 0 0; padding: 20px; text-align: center; }
.event #reserve div.grey h4 { margin: 0; text-align: center; }
.event #reserve div.headline { color: #459C4E; font: 700 16px/24px 'Lato',sans-serif; margin: 5px auto; max-width: 640px; }
.event #reserve div.headline a { color: #27579F; text-decoration: underline; }
.event #reserve div.headline a:hover { color: #268DC5; }

.speaking #resources { background: #268DC5; padding: 20px 0; }
.speaking #resources .resources_only { display: table; transition: all 0.5s ease 0s; width: 100%; }
.speaking #resources .resources_only .column { display: table-cell; vertical-align: middle; }
.speaking #resources .resources_only .offer { padding: 0 40px; }
.speaking #resources .resources_only .offer h3 { color: #FFFFFF; border: 0; font-size: 26px; margin-bottom: 0; padding: 0; text-align: left; }
.speaking #resources .resources_only .offer .copy { color: #FFFFFF; font: 18px/24px 'Lato',serif; padding: 10px 0; text-align: left; }
.speaking #resources .resources_only .offer h4 { color: #FFFFFF; padding: 10px 0; margin: 0 auto; text-align: left; }
.speaking #resources .resources_only .offer h4 .call { font: italic 700 24px/30px 'Lato',serif; }
.speaking #resources .resources_only .offer .info { font: 400 18px/24px 'Lato',serif; color: #FFFFFF; margin: 0 auto; text-align: left; }
.speaking #resources .resources_only .offer .email { margin-bottom: 8px; }
.speaking #resources .resources_only .offer .email a { color: #FFFFFF; }
.speaking #resources .resources_only .offer .email a:hover { text-decoration: underline; }
.speaking #resources .resources_only .form { padding: 0 40px; width: 400px; }
.speaking #resources .resources_only .form .more { margin: 0 auto; max-width: 280px; padding: 10px 0; }
.speaking #resources .resources_only .form .more a { background: #27579F; border-radius: 2px; color: #FFFFFF; display: block; font: 900 16px/20px 'Lato',sans-serif; letter-spacing: 2px; margin: 0 auto; padding: 10px 30px; text-align: center; text-decoration: none; transition: ease 0.3s; }
.speaking #resources .resources_only .form .more a:hover { background: #459C4E; transition: ease 0.3s; } 
.speaking #topic .box { padding: 60px 0; }
.speaking #topic .box:nth-child(odd) { background: #FFFFFF; }
.speaking #topic .box:nth-child(even) { background: #F3F3F3; }
.speaking #topic .row { padding: 0 60px; }
.speaking #topic .column { display: table-cell; vertical-align: middle; }
.speaking #topic .image img { border: 6px solid #27579F; border-radius: 50%; height: 260px; padding: 6px; transition: all 0.5s ease-out 0s; width: 260px; }
.speaking #topic .image img:hover { background #FFFFFF; border: 6px solid #459C4E; transition: ease 0.1s;}
.speaking #topic .box:nth-child(odd) .text { padding-left: 60px; }
.speaking #topic .box:nth-child(even) .text { padding-right: 60px; }
.speaking #videos { background: url('images/bg_grid.png') repeat; }
.speaking #videos .videos {  display: block; text-align: center; }
.speaking #videos .videos .column { background: #ffffff none repeat scroll 0 0; display: inline-block; margin: 0 1% 40px; text-align: justify; vertical-align: top; width: 31%; }
.speaking #videos .videos .column .col { border: 1px solid #DEDEDE; padding: 4px; }
.speaking #videos .videos .column h4.video_title { color: #27579F; font: 900 20px/26px 'Lato'; margin: 10px 0 0; text-align: center; }
.speaking #videos .videos .column div.caption { color: #459C4E; font: 700 italic 16px/20px 'Lato',sans-serif; margin-bottom: 10px; text-align: center; }
.speaking #videos .videos .column div.run_time { color: #459C4E; font: 700 15px/20px 'Lato',sans-serif; margin-bottom: 30px; text-align: center; }

/* contact page */

.contact #page .inner{ max-width: 114em; }
.contact .format_text .row { margin-bottom: 50px; width: 100%; }
.contact .format_text .last_row { margin-bottom:0; }
.contact .format_text .labels { color: #27579F; font: 900 18px/18px 'Lato',sans-serif; margin: 0 0 3px 3px; } 
.contact .format_text input,
.contact .format_text select,
.contact .format_text textarea { background: #F3F3F3; border: 1px solid #CFCFCF; color: #777777; font: 400 14px/14px 'Lato', sans-serif; letter-spacing: 1px; padding: 10px 6px; width: 100%; }
.contact .format_text input:focus,
.contact .format_text select:focus,
.contact .format_text textarea:focus { background: #FCFCFC; border: 1px solid #CFCFCF; outline: none; }
.contact .format_text .button button.wpcf7-submit {  background: none ; border: 2px solid #27579F; border-radius: 2px; color: #27579F; display: block; font: 900 16px/16px 'Lato',sans-serif; margin-top: 20px; padding: 12px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; }
.contact .format_text .button button.wpcf7-submit:hover { background: #none; border: 2px solid #459C4E; color: #459C4E; text-decoration: none; }

/* blog feeds grid style  */

/*
.blog #page #full.grid { display: block; padding: 60px 0 30px; text-align: center; }
.blog #page #full .items { background: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,0.2); display: inline-block; margin: 0 1% 2.5%; min-width: 300px; width: 31%; }
.blog #page #full .post_box { display: inline-table; padding: 16px; }
.blog #page #full .post_box .featured_image_link { display: block; overflow: hidden; position: relative; }
.blog #page #full .post_box .featured_image_link img { display: block; height: 255px; margin: 0 auto; transition: all 0.25s ease-in-out; width: 340px; }
.blog #page #full .post_box .featured_image_link img:hover { transform: scale(1.05); }
.blog #page #full .post_box h2 { color: #4A4848; display: block; font: 700 24px/30px 'Open Sans Condensed',sans-serif; margin: 20px 0; text-align: center; width: 100%; }
.blog #page #full .post_box h2 a { color: #4A4848; display: block; text-align: center; width: 100%; }
.blog #page #full .post_box h2 a:hover { color: #EF6733; text-decoration: none; }
.blog #page #full .post_box .date { background: url('images/bg_black.png') repeat-x center left; margin: 0 15% 20px; }
.blog #page #full .post_box .date span { background: #FFFFFF; color: #EF6733; font: 700 16px/16px 'Open Sans Condensed',sans-serif; padding: 0 15px; text-transform: uppercase; }
.blog #page #full .post_box .post_excerpt p { font: 400 16px/24px 'georgia',serif; padding-bottom: 30px; text-align: center; }
.blog #page #full .post_box .read_more { margin: 0 auto 30px; }
.blog #page #full .post_box .read_more a { background: #EF6733; border: 0; box-shadow: -5px 5px 0px rgba(0,0,0,0.3); color: #FFFFFF; font: 400 20px/20px 'bebas-neue',sans; margin-top: -2px; padding: 6px 25px 6px 0; }
.blog #page #full .post_box .read_more a:before { border: 8px solid transparent; border-left-color: #FFFFFF; content: ""; display: inline-block; height: 0; margin-left: 1em; vertical-align: middle; width: 0; }
.blog #page #full .post_box .read_more a:hover { background: #434343; color: #FFFFFF; text-decoration: none; }
*/

/* sidebar area  */

.custom #sidebar .widget { background: #FFFFFF; margin-bottom: 10px; overflow: hidden; }
.custom #sidebar .widget h4.widget_title { border-top: 6px solid #DEDEDE; color: #27579F; font: 900 20px/24px 'Lato',sans-serif; margin: 30px 0 20px; padding-top: 30px; }
.custom #sidebar .widget p { font: 400 18px/30px 'Lato',sans-serif; }
.custom #sidebar .widget img.flex { display: block; height: auto; margin: 0 auto; max-width: 640px; width: 100%; }
.custom #sidebar .widget ul { list-style: square; margin-left: 20px; }
.custom #sidebar .widget ul li { color: #3A3A3A; font: 400 18px/24px 'Lato',sans-serif; list-style: square; margin-bottom: 12px; } 
.custom #sidebar .widget ul li a { color: #268DC5; }
.custom #sidebar .widget ul li a:hover { color: #459C4E; text-decoration: underline; }

.custom #sidebar #php_widget-15 { background: #268DC5; border: 0; padding: 20px; }
.custom #sidebar #php_widget-15 .box { background: #FFFFFF; position: relative; }
.custom #sidebar #php_widget-15 .box .text { width: 100%; }
.custom #sidebar #php_widget-15 .box .text input[type="text"] { background: 0; border: 0 none; color: #6A6A6A; font: italic 16px/16px 'Lato',sans-serif; margin: 0; padding: 10px; width: 78%; }
.custom #sidebar #php_widget-15 .box .button { float: right; position: absolute; right: 0; top: 0; width: 42px; }
.custom #sidebar #php_widget-15 .box .button input[type="submit"]  { background: url('images/sprite_search.png') 0 0 no-repeat #013856; border: 0; height: 40px; padding: 0; text-indent: -9999px; width: 42px; }
.custom #sidebar #php_widget-15 .box .button input[type="submit"]:hover { background: url('images/sprite_search.png') 0 -40px no-repeat #013856; cursor: pointer; }

.custom #sidebar #php_widget-19 img.flex { margin-bottom: 0; }
.custom #sidebar #php_widget-19 .row { background: #268DC5; padding: 20px; }
.custom #sidebar #php_widget-19 .column { color: #FFFFFF; text-align: center; }
.custom #sidebar #php_widget-19 h5 { font: 900 18px/24px 'Lato',sans-serif; margin-bottom: 10px; text-transform: capitalize; }
.custom #sidebar #php_widget-19 h5 a { color: #FFFFFF; }
.custom #sidebar #php_widget-19 h5 a:hover { color: #FFFFFF; text-decoration: underline; }
.custom #sidebar #php_widget-19 h6 { font: 400 16px/20px 'Lato',sans-serif; margin-bottom: 10px; }
.custom #sidebar #php_widget-19 .date { font: 700 16px/20px 'Lato',sans-serif;  margin-bottom: 6px; }

.custom #sidebar #php_widget-20 img.flex { margin-bottom: 0; }
.custom #sidebar #php_widget-20 .row { background: #268DC5; padding: 20px; }
.custom #sidebar #php_widget-20 .column { color: #FFFFFF; text-align: center; }
.custom #sidebar #php_widget-20 h5 { font: 900 18px/24px 'Lato',sans-serif; margin-bottom: 10px; text-transform: capitalize; }
.custom #sidebar #php_widget-20 h5 a { color: #FFFFFF; }
.custom #sidebar #php_widget-20 h5 a:hover { color: #FFFFFF; text-decoration: underline; }
.custom #sidebar #php_widget-20 h6 { font: 400 16px/20px 'Lato',sans-serif; margin-bottom: 10px; }
.custom #sidebar #php_widget-20 .date { font: 700 16px/20px 'Lato',sans-serif;  margin-bottom: 6px; }

.custom #sidebar #php_widget-21 h4 { margin-bottom: 10px; }
.custom #sidebar #php_widget-21 h5 { color: #459C4E; font: 900 18px/24px 'Lato',sans-serif; padding: 10px 0 20px ; text-transform: capitalize; }

.custom #sidebar #php_widget-23 { background: #268DC5; padding: 20px; }
.custom #sidebar #php_widget-23 .box { background: #FFFFFF; position: relative; }
.custom #sidebar #php_widget-23 .box .text { width: 100%; }
.custom #sidebar #php_widget-23 .box .text input[type="text"] { background: 0; border: 0 none; color: #6A6A6A; font: italic 16px/16px 'Lato',sans-serif; margin: 0; padding: 9px 10px; width: 78%; }
.custom #sidebar #php_widget-23 .box .button { float: right; position: absolute; right: 0; top: 0; width: 42px; }
.custom #sidebar #php_widget-23 .box .button input[type="submit"]  { background: url('images/sprite_search.png') 0 0 no-repeat #013856; border: 0; height: 40px; padding: 0; text-indent: -9999px; width: 42px; }
.custom #sidebar #php_widget-23 .box .button input[type="submit"]:hover { background: url('images/sprite_search.png') 0 -40px no-repeat #013856; cursor: pointer; }

.custom #sidebar #php_widget-24 { background: #268DC5; color: #FFFFFF; margin: 0 auto; padding: 30px 20px; text-align: center; }
.custom #sidebar #php_widget-24 h5 { font: 900 24px/30px 'Lato',sans-serif; letter-spacing: 1px; margin-bottom: 15px; text-transform: capitalize; }
.custom #sidebar #php_widget-24 img { border: 6px solid #FFFFFF; border-radius: 50%; margin: 0 0 10px; max-width: 180px;}
.custom #sidebar #php_widget-24 div.contacts { border-bottom: 1px solid #FFFFFF; margin-bottom: 30px; padding-bottom: 35px; }
.custom #sidebar #php_widget-24 div.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.custom #sidebar #php_widget-24 div { font: 400 18px/24px 'Lato',sans-serif; }
.custom #sidebar #php_widget-24 div.name { font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 6px; }
.custom #sidebar #php_widget-24 div.email a { color: #FFFFFF; margin-bottom: 6px; }
.custom #sidebar #php_widget-24 div.email a:hover { color: #FFFFFF; text-decoration: underline; }
.custom #sidebar #php_widget-24 div.phone { margin-bottom: 20px;  }

.custom #sidebar .more { margin: 0 auto; max-width: 280px; padding: 0; }
.custom #sidebar .more a { background: #27579F; border-radius: 2px; color: #FFFFFF; display: block; font: 900 16px/20px 'Lato',sans-serif; letter-spacing: 2px; margin: 0 auto; padding: 15px; text-align: center; text-decoration: none; transition: ease 0.3s; }
.custom #sidebar .more a:hover { background: #459C4E; transition: ease 0.3s; } 

/* Single Post */


/* footer area  */

.custom #footer { background: #DBDBDB; width: 100%; }
.custom #footer .inner { color: #FFFFFF; display: block; max-width: 192em; margin: 0 auto; padding: 40px 0; text-align: center; }
.custom #footer .inner div.column { display: inline-table; float: left; padding: 0; width: 25%; }
.custom #footer .inner div.column h5 { color: #58B737; font: 700 20px/24px 'Lato',sans-serif; padding-bottom: 24px; text-transform: uppercase; }
.custom #footer .inner div.column ul li { padding-bottom: 12px; }
.custom #footer .inner div.column ul li a { font: 700 15px/15px 'Lato',sans-serif; }

/* copyright area  */

.custom #copyright { background: #268EC5; width: 100%; }
.custom #copyright .inner { max-width: 1200px; margin: 0 auto; padding: 12px 0 10px; text-align: center; }
.custom #copyright .column { color: #FFFFFF; font: 600 10px/12px 'Lato',sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.custom #copyright .copy_left { margin: 10px 0; }
.custom #copyright .column a { color: #FFFFFF; }
.custom #copyright .column a:hover { color: #FFFFFF; text-decoration: underline; }
.custom #copyright .column span.separator { font: 700 10px/12px 'Lato',sans-serif; position: relative; top: 0; }

/* flexible widths for desktops and laptops  */

@media all and (max-width: 1199px) {
	
	.custom .wrapper { margin: 0 30px; }
	.custom #header .left a.both,
	.custom #header.scroll .left a.both { padding: 5px 0; transition: ease 0.5s; }
	.custom #header .left a.both span,
	.custom #header.scroll .left a.both span { font: 400 34px/40px 'Open Sans',sans-serif; transition: ease 0.5s; }
	.custom #header .right .primary li a,
	.custom #header.scroll .right .primary li a { padding: 20px 10px 22px; transition: ease 0.5s; }
	.custom #header .right .separator,
	.custom #header.scroll .right .separator { margin: 20px 10px 20px 15px; transition: ease 0.5s; }
	.custom #header .right .social li .fa,
	.custom #header.scroll .right .social li .fa { padding: 20px 0 20px 12px; transition: ease 0.5s; }
	.custom #all { position: relative; top: 60px; transition: ease 0.5s; z-index: 1; } 
	.about #logos ul li img { height: 40px; transition: ease 0.5s; }

}

@media all and (max-width: 1024px) {

}

@media all and (max-width: 1023px) {

	.custom .wrapper { margin: 0 30px; }
	.custom .inner { max-width: 64em; }
	.custom .hide { display: none !important; }
	.custom .screen { display: none !important	; }
	.custom .mobile { display: block !important; } 
	.custom .row { display: block; }
	.custom .column { display: block; }
	.custom .one_half { margin: 0 auto; width: 100%; }
	.custom .one_third { margin: 0 auto; width: 100%; }
	.custom .two_third { margin: 0 auto; width: 100%; }
	.custom .one_quarter { margin: 0 auto; width: 100%; }
	.custom .three_quarter { margin: 0 auto; width: 100%; }
	.custom #mobile { display: block; }
	.custom #full { margin: 0 auto; max-width: 64em; }
		
	.custom #header,
	.custom #header.scroll { background: #FFFFFF; height: 60px; transition: ease 0.5s; }
	.custom #header .wrapper { margin: 0; }
	.custom #header .inner { text-align: center; }
	.custom #header .mobile { background: url('images/icon_open.png') no-repeat 0 0; height: 50px; width: 60px; }
	.custom #header .mobile.open { background: url('images/icon_close.png') no-repeat 0 0; }
	.custom #header .left { padding: 5px 0; width: 20%; }
	.custom #header .left h1 { display: none; }
	.custom #header .center { display: inline-block; padding: 10px 0; width: 60%; }
	.custom #header .center a.both { color: #FFFFFF; letter-spacing: 1px; padding: 25px 0; transition: ease 0.5s; }
	.custom #header .center a.both img { display: inline-block; float: left; height: auto; max-width: 40px; margin-right: 10px; transition: ease 0.5s; width: 100%; }
	.custom #header .center a.both span { display: inline-block; float: left; font: 400 34px/34px 'Open Sans',sans-serif; letter-spacing: -2px; transition: ease 0.5s; }
	.custom #header .center a.both span.lname { font-weight: 700 !important; }
	.custom #header .right { width: 20%; }
	.custom #header .right #menu { display: none; }
	.custom #header .right .separator { display: none; }
	.custom #header .right .social { display: none; }

	.custom #all { position: relative; top: 60px; transition: ease 0.5s; z-index: 1; } 
	.custom #all .title h3 { font: 900 26px/30px 'Lato',sans-serif; transition: ease 0.5s; }
	.custom #all .shifted { text-align: center; }
	.custom #all .shifted h3 { font: 900 20px/24px 'Lato',sans-serif; border: 0; margin: 0 auto 18px; padding: 0; text-align: center; }
	.custom #all .italics h3 { font-style: italic; }

	.front #banner .overlay_only .banners { background-size: cover !important; height: 360px !important; padding-top: 0 !important; width: auto !important; }
	.front #banner .overlay_only .overlay { top: 0; } 
	.front #banner .overlay_only .overlay .cell h1 { font: 700 32px/36px 'Lato',sans-serif; }
	.front #banner .overlay_only .overlay .cell h2 { font: 400 20px/24px 'Lato',sans-serif; }
	
	.front #promo .inner { max-width: 640px; }	
	.front #promo .offer_only .offer { display: block; margin: 0 auto; max-width: 600px; overflow: hidden; padding: 40px 0 15px; width: 100%; }
	.front #promo .offer_only .form { display: block; margin: 0 auto; max-width: 600px; overflow: hidden; padding: 15px 0 40px; width: 100%; }
	.front #promo .image_only { display: block; margin: 0 auto; overflow: hidden; padding: 30px 0; transition: ease 1s; }
	.front #promo .image_only .offer { display: none; }
	.front #promo .image_only .form { display: block; float: left; padding: 15px 0; width: 100%; }
	.front #promo .image_only .form .call h3 { font: 900 26px/30px 'Lato',sans-serif; letter-spacing: 0; padding-bottom: 20px; text-align: center; }
	.front #promo .image_only .form .copy h4 { display: block; font: italic 18px/28px 'Georgia',serif; }
	.front #promo .image_only .form .box { display: table; width: 100%; }
	.front #promo .image_only .form img { display: table-cell; max-width: 160px; padding-right: 30px; vertical-align: middle; }
	.front #promo .image_only .form form { display: table-cell; vertical-align: middle; }
	.front #promo .image_only .form .email { margin: 10px 0; padding: 0 ; width: 100%; }
	.front #promo .image_only .form .button { margin: 10px 0; padding: 0 ; width: 100%; }
	.front #about .about_only .column.image { display: none; }
	.front #about .about_only .column.data { display: block; margin: 0 auto; padding: 0; width: 100%; }
	.front #about .about_only .icon.mobile { display: block; text-align: center; }
	.front #about .about_only .icon.mobile img { height: auto; margin: 0 auto 20px; max-width: 240px; width: 100%; }	
	.front #blogged .title h4 { padding-bottom: 30px; }
	.front #blogged .column { height: auto !important; max-height: 888678px; margin: 0 auto 60px; min-width: 0; width: 100%; }
	
	.custom #content { float: none; margin: 0 auto; max-width: 64em; padding-right: 0; width: 100%; } /* styles content area */
	.custom #sidebar { float: none; margin: 0 auto; max-width: 64em; padding-left: 0; width: 100%; } /* styles sidebar area */
	
	.custom #content .post_box {  }
	.custom #content h2.headline { font: 900 20px/24px 'Lato',sans-serif; }
	.custom .format_text h2 { color: #459C4E; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
	.custom .format_text h3 { color: #459C4E; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
	.custom .format_text h4 { color: #268DC5; font: 900 20px/24px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
	.custom .format_text h5 { color: #459C4E; font: 700 20px/24px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }
	.custom .format_text h6 { color: #268DC5; font: 700 20px/24px 'Lato',sans-serif; margin-bottom: 18px; text-transform: none; }

	.about #logos ul li img { height: 60px; transition: ease 0.5s; }
	.about #videos .videos .column { margin: 0 auto 40px; width: 100%; }
	
	.books #logos ul li img { height: 40px; transition: ease 0.5s; }
	.books #about .row { margin: 0 auto; }
	.books #about .text { padding: 0; }
	.books #get_social .tweet { padding: 40px 15px; }
	.books #get_social .social { padding: 40px 15px; }

	.speaking #resources { #268DC5; padding: 40px 0; }
	.speaking #resources .resources_only .column { display: block; margin: 0 auto; padding: 0; width: 100%; }
	.speaking #resources .resources_only .offer h3 { font-size: 24px; line-height: 30px; margin-bottom: 10px; text-align: center; }
	.speaking #resources .resources_only .offer .copy { text-align: center; }
	.speaking #resources .resources_only .offer h4 { text-align: center; }
	.speaking #resources .resources_only .offer .info { margin-bottom: 20px; text-align: center; }
	.speaking #topic .row { padding: 0; }
	.speaking #topic .box { padding: 40px 0 22px; }
	.speaking #topic .box:nth-child(odd) .text { padding-left: 0; }
	.speaking #topic .box:nth-child(even) .text { padding-right: 0; }
	.speaking #topic .image { padding: 0; text-align: center; }
	.speaking #topic .image img { height: 220px; margin: 0 auto 20px; width: 220px; }
	.speaking #videos .videos .column { margin: 0 auto 40px; width: 100%; }	

	.custom #footer .inner .column { height: auto !important; max-height: 888678px; }
	.custom #footer .inner .left_col { margin-bottom: 30px; width: 100%; }
	.custom #footer .inner .middle_col { margin-bottom: 30px; width: 100%; }
	.custom #footer .inner .right_col { width: 100%; }
	
	.custom #copyright .copy_left { float: none; }
	.custom #copyright .copy_right { float: none; }
	.custom #copyright .copy_left span{ display: block; width:100%; }
	.custom #copyright .copy_right a{ display: block; width:100%; }
	.custom #copyright .column span.separator { display:none; }

}

/* ipad, ipad mini and iphone 5 specific  */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) { }

/* ipad, ipad mini and iphone 5 specific  */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { }

/* flexible widths for most mobile devices  */

@media all and (max-width: 767px) {
	
	.custom #banner .img_mobile { display: block; min-height: 480px; max-width: 767px; width: auto; }
	.custom #banner .img_screen { display: none; }
	.custom #banner .banner_only .banner_screen { display: none; }
	.custom #banner .banner_only .banner_mobile { display: block; }
	
	.front #serve .services_only .column { padding: 0; width: 100%; }
	
	.front #reviews #reviewer div.review { padding: 15px; }
	.front #reviews #reviewer div.image { display: block; padding-bottom: 20px; text-align: center; width: 100%; }
	.front #reviews #reviewer div.image img { margin: 0; }
	.front #reviews #reviewer div.quote { display: none; }
	.front #reviews #reviewer div.words { text-align: center; }

	.front #praise #quote div.review { padding: 15px; }
	.front #praise #quote div.image { display: block; padding-bottom: 20px; text-align: center; width: 100%; }
	.front #praise #quote div.image img { margin: 0; }
	.front #praise #quote div.quote { display: none; }
	.front #praise #quote div.words { display: block; text-align: center; width: 100%;  }

	.posts #author_box { display: block; }
	.posts #author_box #avatar { display: inline-block; text-align: center; width: 100%; }
	.posts #author_box #avatar img { float: none; margin: 10px auto; }
	.posts #author_box #description { display: inline-block; width: 100%;  }
	.posts #author_box #description h4 { text-align: center; }
	.posts #author_box #description p { text-align: center; }

}
/* flexible widths for most mobile devices */

@media all and (max-width: 640px) {

	.custom .wrapper { margin: 0 20px; }

	.custom #header .center a.both span { font: 400 26px/34px 'Open Sans',sans-serif; transition: ease 0.5s; }

	.custom #promo .image_only .form { padding: 15px 0 30px; }
	.custom #promo .image_only .form img { float: none; margin: 0 auto; max-width: 220px; padding: 0 0 30px; width: 100%; }
	.custom #promo .image_only .form form { display: block; float: none; width: 100%; }
	.custom #promo .image_only .form .email { float: none; margin: 10px 0; padding: 0 ; width: 100%; }
	.custom #promo .image_only .form .button { float: none; margin: 10px 0; padding: 0 ; width: 100%; }	

}

/* flexible widths for most mobile devices */

@media all and (max-width: 479px) {
	
	.custom #header .right #social { display: none; }
	.about #photos .slider_only .caroufredsel_wrapper { height: 256px !important; }
	.books #buy #logos ul li { padding: 10px 0; width: 100%; }

}

@media all and (max-width: 360px) {

	.front #resources .resources_only .form .more a { padding: 10px 20px; }

}