/*
Description:	Custom stylesheet for Random Acts of Leadership
Author:			John Marcello
*/

/* ---- embed font ---- */

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Bold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Italic';
    src: url('fonts/proximanova-regularitalic-webfont.eot');
    src: url('fonts/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regularitalic-webfont.woff') format('woff'),
         url('fonts/proximanova-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regularitalic-webfont.svg#proxima_nova_rgitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* ---- 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; }
em { font-style: italic; }

/* ---- site wide defaults ---- */

html { overflow-y: scroll; }
.custom * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom { background: #FFFFFF; color: #333333; font-size: 62.5%; font-family: "Proxima Nova"; }
.custom a { color: #154890; text-decoration: none; }
.custom a:hover { color: #6699FF; text-decoration: underline; }

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

.custom #header { background: #154890; width: 100%; }
.custom #header .wrapper { margin: 0 2%; } 
.custom #header .inner { margin: 0 auto; max-width: 96em; overflow: hidden; }
.custom #header .inner .left { float: left; margin-right: 2%; padding: 0; width: 48%; }
.custom #header .inner .left img { display: block; height: auto; max-width: 100%; }
.custom #header .inner .right { float: left; margin-right: 0; padding: 0; width: 48%; }
.custom #header .inner .right .social { margin: 2em 2em 1em 2em; }
.custom #header .inner .right .optin { float: right; margin: 1em 2em 2em 0; text-align: right; }
.custom #header .inner .right .optin label { color: #FFFFFF; display: block; font-size: 1.2em; font-style: italic; height: 0.5em; margin: 0 0.25em 0.25em 0; }
.custom #header .inner .right .optin input[type="text"] { background: #E9E9E9; border: 3px solid #CFCFCF; border-radius: 4px; margin-right: 1em; padding: 0.3em; width: 15em; }
.custom #header .inner .right .optin input[type="text"]:focus { background: #FFFFFF; border: 3px solid #FFFFFF; }
.custom #header .inner .right .optin button { background: #6699FF; border: 1px solid #6699FF; border-radius: 4px; color: #FFFFFF; font-size: 1.2em; padding: 0.35em 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); width: 4em; }

/*
.custom #nav .wrapper .inner .menu li { display: inline; position: relative; padding: 0 0.5em; }
.custom #nav .wrapper .inner .menu li a { color: #FFFFFF; display: inline-block; font-family: calibri, arial; font-size: 1.5em; padding: 0.6em 1.5em ; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }

.custom #nav .wrapper .inner .menu li.current-menu-item a { }
*/

.custom #nav { 
	background: #6699FF; 
	background: -webkit-gradient(linear, left top, left bottom, from(#6699FF), to(#154890));
	background: -webkit-linear-gradient(#6699FF, #154890);
	background: -moz-linear-gradient(center top, #6699FF 0%, #154890 100%);
	background: -moz-gradient(center top, #6699FF 0%, #154890 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6699FF',endColorstr='#154890');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6699FF', endColorstr='#154890')"; 
}
.custom #nav .wrapper { margin: 0 2%; } 
.custom #nav .wrapper .inner { border-radius: 0.3em; margin: 0 auto; max-width: 98em; padding: 1em 0; }
.custom #nav .wrapper .inner .menu li { display: inline; position: relative; padding: 0 3em; }
.custom #nav .wrapper .inner .menu li a { color: #FFFFFF; display: inline-block; font-family: calibri, arial; font-size: 1.5em; padding: 0.6em 2em ; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }
.custom #nav .wrapper .inner .menu li a:hover { background: #6699FF;
background: -webkit-gradient(linear, left top, left bottom, from(#6699FF), to(#154890));
background: -webkit-linear-gradient(#6699FF, #154890);
background: -moz-linear-gradient(center top, #6699FF 0%, #154890 100%);
background: -moz-gradient(center top, #6699FF 0%, #154890 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6699FF',endColorstr='#154890');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6699FF', endColorstr='#154890')";
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
}

.custom .toggleMenu { display: none; }
.custom #nav .wrapper .inner .menu { text-align: center; *zoom: 1; }
.custom .menu:before, .menu:after { content: " "; display: table; }
.custom .menu:after { clear: both; }
.custom .menu ul { width: 9em; }
.custom .menu li { position: relative; }
.custom .menu a { color:#FFFFFF; padding: 10px 15px; }
.custom .menu > li {  }
.custom .menu > li > .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: right; }
.custom .menu > li > a { display: block; }
.custom .menu li ul { position: absolute; left: -9999px; }
.custom .menu > li.hover > ul { left: 0; }
.custom .menu li li.hover ul { left: 100%; top: 0; }
.custom .menu li li a { background: #1d7a62; border-top: 1px solid #175e4c; display: block; position: relative; z-index: 100; }
.custom .menu li li li a { background:#249578; border-top: 1px solid #1d7a62; z-index: 200; }

/*
.custom #nav .wrapper .inner ul ul { display: none;  background: #154890; float: left; margin: 0; position: absolute; top: 2.4em; left: 0; width: 24em; z-index: 99999; }
.custom #nav .wrapper .inner ul li:hover > ul { display: block; }
.custom #nav .wrapper .inner ul li:hover > a { background: #154890; color: #FFFFFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.custom #nav .wrapper .inner ul ul.sub-menu li { float: left; }
.custom #nav .wrapper .inner ul ul.sub-menu li a { color: #FFFFFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
*/

.custom #category_filter { background: #E9E9E9; border-bottom: 1px solid #CFCFCF; padding: 1% 0; width: 100%; }
.custom #category_filter .wrapper { margin: 0 2%;} 
.custom #category_filter .wrapper .inner { margin: 0 auto; max-width: 96em; overflow: hidden; } 
.custom #category_filter .wrapper .inner li.cat-item { float: left; font-size: 1.5em; list-style: none; }

.custom #slider { background: #E9E9E9; border-bottom: 1px solid #CFCFCF; padding: 2% 0; width: 100%; }
.custom #slider .wrapper { margin: 0 2%;} 
.custom #slider .wrapper .inner { margin: 0 auto; max-width: 96em; overflow: hidden; } 

/* ---- major structural elements ---- */

.custom #container { width: 100%; }
.custom #container .wrapper { margin: 0 2%;} 
.custom #container .wrapper .inner { margin: 0 auto; max-width: 96em; overflow: hidden; } 
.custom #content { background: #FFFFFF; border-right: 1px solid #CDCDCD; float: left; margin: 0 3% 0 0 ; padding: 3% 2% 0 0; width: 66%; } /* styles content area */
.custom #sidebar { background: #FFFFFF; float: right; margin: 0 0 0 0; padding: 2% 0 0 0; width: 31%; } /* styles sidebar area */
 custom #footer { background: none 0; border: 0; display: none; margin: 0 auto; padding: 0; } /* styles footer */

/* ---- content area ---- */

.custom .meta { font-size: 1.3em; min-height: 2em; line-height: 2em; margin-bottom: 1em; width: 100%; }
.custom .meta a { color: #333333; }
.custom .meta .post_date { display: inline-block; }
.custom .meta .date_on {  }

.custom .post_box { border-bottom: 1px solid #CFCFCF; margin-bottom: 3em; overflow: hidden; padding-bottom: 3em; width: 100%; }
.custom .post_box .num_comments_link { background: url('images/icon_comment.png') no-repeat scroll center 0 transparent; display: inline; float: right; height: 6em; margin: 0; width: 6.4em; }
.custom .post_box a.num_comments_link:hover { text-decoration: none; } 
.custom .post_box .num_comments { color: #FFFFFF; display: block; font-family: 'Proxima Bold'; font-size: 2em; margin-top: 11px; text-align: center; } 
.pages .post_box { border: none 0; }
.posts .post_box { border: none 0; }

.archives #archive_intro { border-bottom: 1px solid #CFCFCF; margin: 0 auto 2em; }
.archives #archive_intro h2 { color: #999999; font-family: 'Proxima Bold'; font-size: 1.6em; letter-spacing: -1px; line-height: 1em; text-transform: uppercase; }

.custom h2.headline_area { color: #333333; display: block; font-size: 2.4em; letter-spacing: -2px; line-height: 1em; padding: 0; width: 100%; }
.custom h2.headline_area a { color: #333333; }
.custom h2.headline_area a:hover { color: #6699FF; }
.pages h2.headline_area { margin-bottom: 0.75em; }

.custom .format_text blockquote { border-left: 1px solid #CFCFCF; color: #000000; font-size: 1.2em; letter-spacing: -1px; line-height: 1em; padding: 0 1em; margin: 0 0 0 1em; }

.custom .blockquote_area blockquote { margin: 1em 0; }
.custom .blockquote_area blockquote h3 { border-left: 1px solid #CFCFCF; color: #333333; font-size: 1.6em; letter-spacing: -1px; line-height: 1em; padding: 0 1em; margin: 0 0 0 1em; }
.custom .blockquote_area blockquote h4 { border-left: 1px solid #CFCFCF; color: #333333; font-size: 1.6em; letter-spacing: -1px; line-height: 1.5em; padding: 0 1em 0 1.1em; margin: 0 0 0 1em; }

.custom .format_text { color: #333333; font-size: 1em; line-height: 1em; }
.custom .format_text { }
.custom .format_text strong { font-weight: bold; }
.custom .format_text em { font-style: italic; }
.custom .format_text p { font-size: 1.6em; line-height: 1.6em; margin-bottom: 1.2em; }
.custom .format_text a { color: #154890; text-decoration: underline; }
.custom .format_text a:hover { color: #6699FF; text-decoration: underline; }
.custom .format_text h2 { color: #6699FF; font-size: 2.4em; letter-spacing: -1px; line-height: 1em; margin: 0.8em 0; }
.custom .format_text h3 { color: #154890; font-size: 1.8em; letter-spacing: -1px; line-height: 1em; margin: 1.1em 0; }
.custom .format_text h4 { color: #333333; font-size: 1.8em; letter-spacing: -1px; line-height: 1em; margin: 1.1em 0; }
.custom .format_text h5 { color: #6699FF; font-size: 1.8em; letter-spacing: -1px; line-height: 1em; margin: 1.1em 0; }
.custom .format_text ul { list-style: square; }
.custom .format_text ol { list-style: decimal; }
.custom .format_text ul li { font-size: 1.6em; line-height: 1.6em; margin: 0 1.6em 1.2em 1.6em; }
.custom .format_text ol li { font-size: 1.6em; line-height: 1.6em; margin: 0 1.6em 1.2em 1.6em; }
.custom .format_text a.read_more { color: #154890; display: block; font-family: 'Proxima Bold'; margin: 0.5em 0 0 1px; letter-spacing: 0; text-align: right; text-decoration: none; width: 100%; }
.custom .format_text a.read_more:hover { color: #6699FF; }
.custom .format_text .addtoany_share_save_container { margin: 3em 0; }

.custom .format_text .alignright { display: block; height: auto; margin: 0.3em 0 1em 1.2em; max-width: 40%; }
.custom .format_text .alignleft { display: block; height: auto; margin: 0.3em 1.2em 1em 0; max-width: 40%; }
.custom .format_text .center { display: block; height: auto; margin: 0.3em 1.2em 1em 0; max-width: 100%; }

.feeds .post_image { display: none; }
.feeds img.thumb.alignleft { display: block; height: auto; margin: 0.5em 2em 0 0; max-width: 40%; }
.feeds img.thumb.alignright { display: block; height: auto; margin: 0.5em 0 0 2em; max-width: 40%; }
.feeds img.thumb.aligncenter { display: block; height: auto; margin: 0.5em auto 2em; max-width: 100%; }

.posts .thumb { display: none; }
.posts img.post_image.alignleft { display: block; height: auto; margin: 0.5em 2em 0 0; max-width: 40%; }
.posts img.post_image.alignright { display: block; height: auto; margin: 0.5em 0 0 2em; max-width: 40%; }
.posts img.post_image.aligncenter { display: block; height: auto; margin: 0.5em auto 2em; max-width: 100%; }

.pages img.post_image.alignleft { display: block; height: auto; margin: 0.5em 2em 0 0; max-width: 40%; }
.pages img.post_image.alignright { display: block; height: auto; margin: 0.5em 0 0 2em; max-width: 40%; }
.pages img.post_image.aligncenter { display: block; height: auto; margin: 0.5em auto 2em; max-width: 100%; }

.custom .endline_meta { height: 30px; letter-spacing: 0; line-height: 3em; margin-bottom: 30px; width: 100%; }
.custom .endline_meta .post_tags { background: url('images/icon_tag.png') no-repeat scroll -0.2em top transparent; display: block; padding-left: 30px; padding-right: 0; }
.custom .endline_meta .post_tags a { color: #333333; font-size: 1.4em; font-weight: bold; text-decoration: underline; }
.custom .endline_meta .post_tags a:hover { color: #6699FF; text-decoration: underline; }

.landing_full { background: #FFFFFF; color: #333333; font-size: 62.5%; font-family: "Proxima Nova"; }

.landing_full #landing_full_top { background: #154890; border-bottom: 10px solid #6699FF; height: 5em; margin-bottom: 20px; width: 100%; }
.landing_full #landing_full_top .wrapper { margin: 0 2%; } 
.landing_full #landing_full_top .inner { margin: 0 auto; max-width: 96em; overflow: hidden; }

.landing_full #landing_full_content { width: 100%; margin-bottom: 20px; }
.landing_full #landing_full_content .wrapper { margin: 0 2%; } 
.landing_full #landing_full_content .wrapper .inner { border: 10px solid #CFCFCF; border-radius: 5px; margin: 0 auto; max-width: 87em; min-height: 50em; overflow: hidden; padding: 3em; } 
.landing_full .landing_full_headline_area { display: none; }
.landing_full .post_content { color: #333333; font-size: 1em; line-height: 1em; }
.landing_full .post_content strong { font-weight: bold; }
.landing_full .post_content em { font-style: italic; }
.landing_full .post_content p { }
.landing_full .post_content a {  }
.landing_full .post_content a:hover { }
.landing_full .post_content h2 { }
.landing_full .post_content h3 { }
.landing_full .post_content h4 { }
.landing_full .post_content h5 { }
.landing_full .post_content ul { list-style: square; }
.landing_full .post_content ol { list-style: decimal; }
.landing_full .post_content ul li { margin: 0 0 0 1.6em; }
.landing_full .post_content ol li { margin: 0 0 0 1.6em; }

.landing_full #landing_full_bottom { background: #154890; border-top: 10px solid #6699FF; height: 5em; width: 100%; }
.landing_full #landing_full_bottom .wrapper { margin: 0 2%; } 
.landing_full #landing_full_bottom .inner { margin: 0 auto; max-width: 89em; overflow: hidden; }

/* ---- sidebar area ---- */

.custom #sidebar .widget { margin-bottom: 3em; }
.custom #sidebar .widget h4 { background: #154890; }
.custom #sidebar .widget h4 { border-radius: 0.3em; color: #FFFFFF; font-family: 'Proxima Nova'; font-size: 1.5em; margin-bottom: 1.1em; padding:0.7em 0.8em 0.5em; text-transform: uppercase; } 
.custom #sidebar .widget p { font-size: 1.4em; line-height: 1.6em; margin-bottom: 1em; } 
.custom #sidebar .widget img { display: block; height: auto; max-width: 100%; }

.custom #sidebar .widget_categories ul { list-style: disc; margin-left: 3em; }
.custom #sidebar .widget_categories ul li {  font-size: 1.3em; }
.custom #sidebar .widget_categories ul li a { color: #333333; display: inline-block; letter-spacing: -1px; line-height: 1.2em; margin-bottom: 1em; }
.custom #sidebar .widget_categories ul li a:hover { color: #6699FF; }

.custom #sidebar .widget .advanced-recent-posts { }
.custom #sidebar .widget .advanced-recent-posts .feed_container { border-bottom: 1px dotted #CFCFCF; margin-bottom: 1em; padding-bottom: 1em; }
.custom #sidebar .widget .advanced-recent-posts .feed_thumb { display: block; float: left; margin-right: 1em; width: 4.5em; }
.custom #sidebar .widget .advanced-recent-posts .feed_thumb img { border: 1px solid #CFCFCF; height: 4.5em; padding: 2px; width: 4.5em; }
.custom #sidebar .widget .advanced-recent-posts .feed_headline { display: block; float: left; }
.custom #sidebar .widget .advanced-recent-posts .feed_headline h5 { border: none; }
.custom #sidebar .widget .advanced-recent-posts .feed_headline h5 a { color: #333333; font-size: 1.3em; letter-spacing: -1px; line-height: 1.2em; }
.custom #sidebar .widget .advanced-recent-posts .feed_headline h5 a:hover { color: #6699FF; border-bottom: 1px solid #6699FF }

/* ---- format pagination ---- */ 

.custom #pagination { height: 6em; } /* styles content area */
.custom #pagination .previous_posts { float: left; font-size: 1.2em; font-family: 'Proxima Bold'; letter-spacing: 0; margin-left: 0; padding: 1em 0; text-transform: uppercase; }
.custom #pagination .previous_posts a { color: #333333; text-decoration: none; }
.custom #pagination .previous_posts a:hover { color: #6699FF; text-decoration: none; }
.custom #pagination .next_posts { float: right; font-size: 1.2em; font-family: 'Proxima Bold'; letter-spacing: 0; margin-right: 0; padding: 1em 0; text-transform: uppercase; }
.custom #pagination .next_posts a { color: #333333; text-decoration: none; }
.custom #pagination .next_posts a:hover { color: #6699FF; text-decoration: none; }

.custom #comment_nav { padding: 10px 0; }
.custom li.next_comments { font-size: 1.2em; font-family: 'Proxima Bold'; letter-spacing: 0; float: right; text-transform: uppercase; }
.custom li.previous_comments { font-size: 1.2em; font-family: 'Proxima Bold'; letter-spacing: 0; float: left; text-transform: uppercase; }

/* ---- format comments ---- */

.custom #comment_form_title { border-bottom: 1px solid #CDCDCD; color: #333333; font-family: 'Proxima Bold'; font-size: 1.8em !important; font-weight: bold; padding: 2em 0 0 0 !important; text-transform: capitalize; }
.custom #commentform p { font-size: 1.4em; font-weight: bold; padding: 1em 0 0.5em 0;  }
.custom #commentform p a { color: #333333; }
.custom #commentform p a:hover { color: #333333; }

.custom #comment_form_name label { display: inline-block; margin: 1em 2em 0 0; width: 5em; }
.custom #comment_form_name input { background: #EEEEEE; border: 1px solid #CDCDCD; border-radius: 0.3em; padding: 0.5em; width: 20em; }
.custom #comment_form_name input:focus { background: #FFFFFF; }
.custom #comment_form_email label { display: inline-block; margin: 0 2em 0 0; width: 5em; }
.custom #comment_form_email input { background: #EEEEEE; border: 1px solid #CDCDCD; border-radius: 0.3em; padding: 0.5em; width: 20em; }
.custom #comment_form_email input:focus { background: #FFFFFF; }
.custom #comment_form_url label { display: inline-block; margin: 0 2em 0 0; width: 5em; }
.custom #comment_form_url input {  background: #EEEEEE; border: 1px solid #CDCDCD; border-radius: 0.3em; padding: 1%; width: 20em; }
.custom #comment_form_url input:focus { background: #FFFFFF; }
.custom #comment_form_comment label { display: inline-block; margin: 0; vertical-align: top; width: 100%; }
.custom #comment_form_comment textarea {  background: #EEEEEE; border: 1px solid #CDCDCD; border-radius: 0.3em; padding: 1%; width: 100%; }
.custom #comment_form_comment textarea:focus { background: #FFFFFF; }
.custom #comment_form_submit { overflow: hidden; width: 100%; }
.custom #comment_form_submit input.input_submit { background: #6699FF; border: none 0; border-radius: 0.5em; color: #FFFFFF; display: block; float: right; font-size: 1em; font-weight: bold; margin: 0; padding: 0.5em 2.5em; text-align: center; text-decoration: none; }
.custom #comment_form_submit input.input_submit:hover { background: #154890; }

.custom .comment_list { margin-top: 2em; overflow: hidden; }
.custom .comment_list .comment { background: #EFEFEF; border: 1px solid #CFCFCF; border-radius: 5px; clear: both; overflow: hidden; margin: 2em 0 0 0; padding: 2em; }
.custom .comment_list .comment .children .comment { background: #FFFFFF; }

.custom .comment_list .avatar { float: left; margin: 0 1em 0 0; }
.custom .comment_list .avatar img { height: 6em; width: 6em; }
.custom .comment_list .comment_author { color: #333333; font-size: 1.5em; line-height: 1em; font-weight: bold; float: left; margin-bottom: 1em; }
.custom .comment_list .bypostauthor .comment_author { color: #FF6600; }
.custom .comment_list .comment_date { color: #333333; font-size: 1.5em; font-weight: bold; float: left; margin-bottom: 1em; }
.custom .comment_list .bypostauthor .comment_date { color: #FF6600; }
.custom .comment_list a.comment-reply-link { color: #154890; font-size: 1.5em; font-weight: bold; float: left; margin-bottom: 1em; }
.custom .comment_list .comment_text { float: left; width: 80%; }
.custom .comment_list .comment_text p { color: #333333; font-size: 1.5em; line-height: 1.5em; margin-bottom: 1.5em; text-align: justify; }


.custom #trackback_list { margin-top: 2em; overflow: hidden; }
.custom #trackback_list li { background: #EFEFEF; border: 1px solid #CFCFCF; border-radius: 5px; clear: both; overflow: hidden; margin: 2em 0 0 0; padding: 2em; }
.custom #trackback_list .avatar { float: left; margin: 0 1em 0 0; }
.custom #trackback_list .avatar img { height: 6em; width: 6em; }
.custom #trackback_list .comment_author { color: #333333; font-size: 1.5em; line-height: 1em; font-weight: bold; float: left; margin-bottom: 1em; }
.custom #trackback_list .bypostauthor .comment_author { color: #FF6600; }
.custom #trackback_list .comment_date { color: #333333; font-size: 1.5em; font-weight: bold; float: left; margin-bottom: 1em; }
.custom #trackback_list .bypostauthor .comment_date { color: #FF6600; }
.custom #trackback_list a.comment-reply-link { color: #154890; font-size: 1.5em; font-weight: bold; float: left; margin-bottom: 1em; }
.custom #trackback_list .comment_text { float: left; width: 80%; }
.custom #trackback_list .comment_text p { color: #333333; font-size: 1.5em; line-height: 1.5em; margin-bottom: 1.5em; text-align: justify; }

/* ---- contact form area ---- */

.contact .format_text .row { float: left; margin-right: 20px; max-width: 50%; }
.contact .format_text .text_row { max-width: 100%; }
.contact .format_text .required_row { float: left; max-width: 50%; }
.contact .format_text .submit_row { float: right;  max-width: 50%; }
.contact .format_text .last { margin-right: 0; }
.contact .format_text .label { font-family: "PT Sans Bold"; font-size: 1.3em; margin: 12px 0 0 5px; text-align: left; }
.contact .format_text input { border: 1px solid #CFCFCF; border-radius: 5px; max-width: 100%; padding: 5px; }
.contact .format_text input[type="submit"] { background: #154890; border: 0; border-radius: 5px; color: #FFFFFF; float: right; font-size: 1.4em; padding: 0.5em 1.5em; }
.contact .format_text input[type="submit"]:hover { background: #6699FF; }
.contact .format_text textarea { border: 1px solid #CFCFCF; border-radius: 5px; width: 100%; padding: 5px; }

/* ---- format footer area ---- */

.custom #footer { background: #154890; width: 100%; }
.custom #footer .wrapper { margin: 0 2%; } 
.custom #footer .wrapper .inner { margin: 0 auto; max-width: 96em; overflow: hidden; }
.custom #footer .wrapper .inner .left { color: #E6E6E6; font-size: 1.3em; float: left; padding: 2em 0 1.8em; width: 50%; }
.custom #footer .wrapper .inner .right { color: #E6E6E6; font-size: 1.3em; float: right; padding: 2em 0 1.8em; text-align: right; width: 50%; }
.custom #footer .wrapper .inner .right a { color: #E6E6E6; }
.custom #footer .wrapper .inner .right a:hover { color: #FFFFFF; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
	.custom #nav .wrapper .inner .menu li { padding: 0 0.3em; }
	.custom #nav .wrapper .inner .menu li a { font-size: 1.2em; padding: 0.6em 0.3em; }
	.custom #sidebar .widget .advanced-recent-posts .feed_container { }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
	.custom #nav .wrapper .inner .menu li { padding: 0 0.3em; }
	.custom #nav .wrapper .inner .menu li a { font-size: 1.3em; padding: 0.6em 1.7em; }
	.custom #sidebar .widget .advanced-recent-posts .feed_container { }
}

@media all and (max-width: 1023px) {
	.custom { font-size: 56%; line-height: 1; }
	.custom #header .inner .right .optin label { font-size: 1.3em; }

	.custom #nav .wrapper .inner .menu li { padding: 0 0.3em; }
	.custom #nav .wrapper .inner .menu li a { padding: 0.6em 1em; }

	.custom #sidebar .widget div div { float: none !important; }

}

@media all and (max-width: 767px) {
	.custom #header .inner { height: auto; }
	.custom #header .inner .left { float: none; margin-right:0; width: 100%; }
	.custom #header .inner .left img { margin: 0 auto; }
	.custom #header .inner .right { float: none; margin-right: 0; padding: 0 0 1em 0; width: 100%; }
	.custom #header .inner .right .social { margin: 0 0 2em 0; }
	.custom #header .inner .right .smw_right { text-align: center; }
	.custom #header .inner .right .socialmedia-buttons { margin: 0; }
	.custom #header .inner .right .smw_right img { display: inline-block; height: auto; max-width: 24px; }
	.custom #header .inner .right .optin { float: none; text-align: center; }
	
	.custom a.toggleMenu { background: #154890; color: #FFFFFF; font-family: calibri, arial; font-size: 1.5em; padding: 0.6em 1.5em ; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }
    .custom a.toggleMenu:hover { color: #FFFFFF; text-decoration: underline; }
	.custom .active { display: block; }
    .custom .menu > li { float: none; }
    .custom .menu > li > .parent { background-position: 95% 50%; }
    .custom .menu li li .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }
    .custom .menu ul { display: block; width: 100%; }
   	.custom .menu > li.hover > ul , .menu li li.hover ul { position: static; }

	.custom #nav { background: #6699FF; }
	.custom #nav .wrapper { margin: 0 10px; } 	
	.custom #nav .wrapper .inner .menu { background: #154890; text-align: left; }
	.custom #nav .wrapper .inner .menu li { display: block; float: left; width: 100%; }
	.custom #nav .wrapper .inner .menu li a { display: block; margin-left: 0.3em; }
	.custom #nav .wrapper .inner .menu li a:hover { 
		background: #154890; 
		text-decoration: underline; 
		-webkit-box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.4), inset 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.4), inset 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.4), inset 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.5); 
	}
	.custom #slider { display: none; }
	.custom #content { border-right: none 0; float: none; margin: 0 ; padding: 0; width: 100%; } 
	.custom #sidebar { float: none; margin: 0; padding: 0; width: 100%; } 
	.custom h2.headline_area { margin-top: 1em; }

	.custom #footer .wrapper .inner { padding: 1em 0; }
	.custom #footer .wrapper .inner .left { float: none; padding: 0 0 0.5em 0; text-align: center; width: 100%; }
	.custom #footer .wrapper .inner .right { float: none; padding: 0.5em 0 0 0; text-align: center; width: 100%; }
}

@media all and (max-width: 600px) {
	.custom #header .inner .right .smw_right img { margin: 0 3px !important; }
	.custom #nav { padding: 0.5em 0; }
	.custom .meta { display: none; }

	.custom #container .wrapper { margin: 0 ;} 
	.custom #container .wrapper .inner { border: 0; border-radius: 0; } 

	.contact #container .wrapper { margin: 0 4%;} 
	.contact .format_text .row { float: none; margin: 0; max-width: 96%; }
	.contact .format_text .align {text-align: center; }
	.contact .format_text .required_row { display: none; }
	.contact .format_text .submit_row { float: none;  max-width: 96%; text-align: center; }
	.contact .format_text input { width: 96%; }
	.contact .format_text input[type="submit"] { float: none; max-width: 50%; padding: 0.5em 2%; }
	.contact .format_text .ajax-loader { display: none; }

	.custom #comments .avatar { float: left; margin: 1em 0; width: 100%; }
	.custom #comments .comment_text { width: 100%; }
	.custom #header .inner .right .social { margin: 0; }
	.custom #header .inner .right .optin {}

}

@media all and (max-width: 480px) {
.custom #content .post_box .num_comments_link { display: none; }
.custom #sidebar .widget .advanced-recent-posts .feed_container { border: none 0; height: auto; margin: 0 5px; padding-bottom: 2em;  }
.custom #sidebar .widget .advanced-recent-posts .feed_thumb { display: none; }
.custom #sidebar .widget .advanced-recent-posts .feed_headline { float: none; height: auto; max-width: 100%; position: relative; }
.custom #sidebar .widget .advanced-recent-posts .feed_headline h5 { left: 0; }

}