/*
Theme name: APAC
Description: Custom Theme
*/

/******* APAC WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /APAC WordPress CSS *******/

* { margin: 0; padding: 0; outline: 0; }

html,
body { height: 100%; }

html { overflow-y: scroll; }

body { font-size: 14px; line-height: 1.36; font-family: 'Lato', sans-serif; color: #101010; background: url(images/bg.jpg) repeat 0 0; min-width: 1080px; }

a { color: #5d6d7d; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img { vertical-align: middle; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-family: 'BrandonGrotesqueBold', sans-serif; }

h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

input, 
textarea, 
select { font-size: 14px; font-family: 'Lato', sans-serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
textarea { overflow: auto; resize: none; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] { -webkit-appearance: none; }

/* =====================================================
	#Common
====================================================== */

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }

.container { min-height: 100%; position: relative; }
.shell { width: 1020px; margin: 0 auto; }

a,
.button {
	-webkit-transition: opacity .2s;
	        transition: opacity .2s;
}

.comment-respond #submit,
.button { display: inline-block; background-color: #2d3e4f; border: 0; height: 40px; line-height: 40px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; padding: 0 28px; cursor: pointer; }

.comment-respond #submit:hover,
.button:hover { text-decoration: none; opacity: .7; }

.icon { display: inline-block; background: no-repeat 0 0; vertical-align: middle; position: relative; top: -1px; }
.icon-twitter { background-image: url(images/icon-twitter.png); width: 37px; height: 30px; }
.icon-facebook { background-image: url(images/icon-facebook.png); width: 15px; height: 33px; }
.icon-users { background-image: url(images/icon-users.png); width: 43px; height: 41px; }
.icon-video { background-image: url(images/icon-video.png); width: 43px; height: 38px; }
.icon-forum { background-image: url(images/icon-forum.png); width: 43px; height: 38px; }
.icon-info { background-image: url(images/icon-info.png); width: 43px; height: 38px; }
.icon-polls { background-image: url(images/icon-polls.png); width: 43px; height: 38px; }

/* =====================================================
	#Header
====================================================== */

.header { background-color: #fff; padding-bottom: 22px; }

.logo { float: left; width: 272px; padding-top: 27px; }
.logo a { display: inline-block; }
.logo img { width: 100%; height: auto; }

.donate { float: right; background: url(images/donate.png) no-repeat 0 0; width: 103px; height: 113px; text-indent: -4000px; white-space: nowrap; overflow: hidden; }

.nav { padding: 61px 120px 0 290px; font-size: 0; line-height: 0; font-weight: 500; text-align: center; color: #2d3e4f; }
.nav ul { display: inline-block; list-style: none outside none; font-size: 14px; line-height: 1; text-transform: uppercase; }
.nav li { float: left; }
.nav li + li:before { content: '|'; padding: 0 25px; }
.nav a { color: #2d3e4f; }

/* =====================================================
	#Banner
====================================================== */

.title { text-align: center; color: #2d3e4f; font-size: 19px; text-transform: uppercase; }
.title h1 { position: relative; }
.title p { padding-top: 9px; }
.title h1 span { padding: 0 50px; }

.line { background-color: #2d3e4f; height: 2px; position: absolute; top: 50%; margin-top: -1px; }
.line-left { left: 100px; }
.line-right { right: 100px; }

.banner { background: url(images/banner.jpg) no-repeat center 0; background-size: cover; height: 300px; position: relative; }
.home .banner { height: 425px; }
.banner .title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner .title .shell { display: table; height: 100%; }
.banner .title-inner { display: table-cell; vertical-align: middle; padding-bottom: 130px; }

.newsletter { background-color: rgba(93, 109, 125, .9); text-align: center; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 22px 0 25px; }
.newsletter p { font-size: 16px; font-style: italic; padding-bottom: 22px; color: #fff; }

.home .newsletter { background: transparent; padding-bottom: 93px; }
.home .newsletter p { color: #2d3e4f; padding-bottom: 52px; font-size: 18px; }
.home .banner .title-inner { padding-bottom: 120px; }
.home .banner .title h1 span { padding: 0 20px; }

.newsletter .gform_wrapper { font-size: 0; line-height: 0; }
.newsletter .gform_wrapper form { display: inline-block; font-size: 14px; line-height: 1; }
.newsletter .gform_body { float: left; }
.newsletter .gform_footer { float: left; }
.newsletter .gfield { float: left; position: relative; margin: 0 20px 0 0; }
.newsletter .gfield_label { position: absolute; top: 14px; left: 0; right: 0; cursor: text; font-size: 14px; margin-bottom: 0; }
.newsletter .gfield_label .gfield_required { display:none; }
.newsletter .gfield_label.hidden { display: none; }
.newsletter .gfield input { border: 0; width: 220px; height: 40px; color: #2d3e4f; padding: 0 11px; text-align: center; }
.newsletter .gfield input[type="email"] { width: 300px; }
.newsletter .validation_error { display:none; }
.newsletter .gfield_error .ginput_container { border: 2px solid  #f11; }
.newsletter .gfield_error .validation_message { display:none; }
/* =====================================================
	#Features
====================================================== */

.features { background: url(images/features.jpg) repeat 0 0; padding: 80px 0; text-align: center; }
.feature { display: inline-block; width: 178px; width: 178px; margin: 0 30px; position: relative; }
.feature:hover { text-decoration: none; opacity: .7; }
.feature span { background-color: #5d6d7d; height: 30px; line-height: 30px; color: #fff; text-transform: uppercase; font-size: 14px; position: absolute; bottom: 22px; left: 10px; right: 10px; z-index: 1; }
.feature img { border: 5px solid #5d6d7d; border-radius: 50%; width: 100%; height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.ribbon-left,
.ribbon-right { position: absolute; width: 0; height: 0; }

.ribbon-left,
.ribbon-right { border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 15px solid #5d6d7d; top: 0; }

.ribbon-left { left: -11px; }
.ribbon-right { right: -11px; }
.ribbon-left:after { left: -11px; }
.ribbon-right:after { right: -11px; }

.ribbon-left:after,
.ribbon-right:after { content: ''; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 15px solid #5d6d7d; position: absolute; top: 100%; }

/* =====================================================
	#Main
====================================================== */

.main { padding: 50px 0 150px; }

.content { width: 640px; }

/* post */
.post { background-color: #fff; }
.posts .post + .post { margin-top: 50px; }
.posts a { text-decoration: underline; font-weight: bold; }
.posts a:hover { text-decoration: none; }

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 { padding-bottom: 10px; }

.post p,
.post ul,
.post ol { padding-bottom: 29px; }

.post ul,
.post ol { padding-left: 20px; } 

.post ul ul,
.post ul ol,
.post ol ol,
.post ol ul { padding: 0 0 0 25px; }

.post blockquote { padding: 10px 30px 30px; font-style: italic; font-size: 16px; position: relative; overflow: hidden; }
.post blockquote:before { content: '"'; position: absolute; top: 5px; left: 0; font-size: 40px; }

.post img { margin-bottom: 15px; max-width: 100%; height: auto; }

.post .alignleft { margin: 0 20px 10px 0; }
.post .alignright { margin: 0 0 10px 20px; }
.post .postmetadata { margin-bottom: 20px; }


.entry { padding: 0 20px; }
.entry .read-more { text-transform: uppercase; }
.entry-image { display: block; position: relative; margin-bottom: 15px; }
.entry-image:before { content: ''; background-color: #2d3e4f; border-radius: 50%; width: 52px; height: 52px; position: absolute; top: -26px; left: 50%; margin-left: -26px; z-index: 1; }
a.entry-image:hover { opacity: .7; }
.entry-image img { width: 100%; margin-bottom: 0; }
.entry-image span { background-color: rgba(241, 241, 241, .8); position: absolute; bottom: 0; left: 0; right: 0; text-transform: uppercase; font-size: 16px; font-weight: 500; padding: 22px 20px 18px; z-index: 1; }
.entry-meta { padding: 0 20px; font-style: italic; }
.entry-meta a { color: #101010; text-decoration: none; font-weight: normal; }
.entry-meta a:hover { text-decoration: underline; }

.paging a { font-weight: bold; }

.share { border-top: 1px solid #2d3e4f; margin: 0 20px; overflow: hidden; padding: 15px 0; }
.share p { float: left; padding: 2px 12px 0 0; text-transform: uppercase; font-weight: bold; }
.share-buttons { float: left; }

/* contact */
.contact { background-color: #fff; margin-top: 50px; padding: 15px 20px; }
.contact h3 { padding-bottom: 23px; }

.gform_heading { display: none; }
.gform_fields { list-style: none outside none; }

.gfield { margin-bottom: 20px; }
.comment-respond label,
.gfield_label { display: inline-block; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; }
.comment-respond input[type="text"],
.comment-respond textarea,
.gfield input,
.gfield textarea { display: block; border: 1px solid #5d6d7d; width: 280px; height: 45px; padding: 0 10px; }
.comment-respond textarea,
.gfield textarea { width: 100%; height: 200px; padding: 10px; }

.comment-respond .comment-form-url { display:none; }
.comment-respond p { margin-bottom: 20px; }

/* sidebar */
.sidebar { width: 350px; }
.widgets { list-style: none outside none; }

.widget { border: 5px solid #5d6d7d; background-color: #fff; margin-bottom: 20px; }
.widget-title { background-color: #f1f1f1; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 500; text-transform: uppercase; text-align: center; padding: 27px 0 22px; position: relative; }

.widget-body { padding: 17px 25px 25px; }

.widget_social { font-size: 12px; line-height: 1.6; }
.widget_social a { color: #101010; }

.widget_social .widget-title  { padding-left: 25px; }
.carbon_plain_text_widget .widget-title .icon,
.widget_social .widget-title .icon { position: absolute; }
.carbon_plain_text_widget .widget-title .icon-twitter,
.widget_social .widget-title .icon-twitter { top: 23px; left: 25px; }
.carbon_plain_text_widget .widget-title .icon-facebook,
.widget_social .widget-title .icon-facebook { top: 18px; left: 33px; }
.social-comment + .social-comment { padding-top: 20px; }

.widget_button a { display: block; background-color: #2d3e4f; color: #fff; font-weight: 500; text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 36px 0 33px 25px; position: relative; }
.widget_button a:hover { text-decoration: none; opacity: .9; }
.widget_button .icon { position: absolute; }
.widget_button .icon-users { top: 25px; left: 45px; }
.widget_button .icon-video { top: 25px; left: 45px; }
.widget_button .icon-forum { top: 25px; left: 45px; }
.widget_button .icon-info { top: 25px; left: 45px; }
.widget_button .icon-polls { top: 25px; left: 45px; }


/* =====================================================
	#Footer
====================================================== */

.footer { background-color: #2d3e4f; color: #fff; text-align: center; padding: 40px 0; position: absolute; bottom: 0; left: 0; right: 0; }
.footer .copyright { font-weight: 300; text-transform: uppercase; letter-spacing: 1px; }


/* ==========================================================================
	#Default Widget
========================================================================== */
.widget_text .widgettitle,
.widget_nav_menu .widgettitle, 
.widget_tag_cloud .widgettitle, 
.widget_search .widgettitle, 
.widget_recent_entries .widgettitle, 
.widget_recent_comments .widgettitle, 
.widget_pages .widgettitle, 
.widget_meta .widgettitle, 
.widget_categories .widgettitle, 
.widget_calendar .widgettitle, 
.widget_archive .widgettitle { text-align: center; }

.widget_search { padding: 10px; text-align: center; }
.widget_search form { display: inline-block; }
.widget_search input[type="text"] { height: 28px; line-height: 28px; padding: 0 5px; border: 1px solid  #5d6d7d; vertical-align: middle; }
.widget_search .searchsubmit { display: inline-block; background-color: #2d3e4f; border: 0; line-height: 28px; height: 27px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500;  cursor: pointer; padding: 0 5px; }
.widget_search .searchsubmit:hover { text-decoration: none; opacity: .7; }

.widget_calendar table { width: 100%;  }


.widget_nav_menu ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul { list-style: none outside none; text-align: center; }

/* ==========================================================================
	#Comment Listing
========================================================================== */
.comments { padding-top: 30px; }
.comments a { text-decoration: none; }
.comments a:hover { text-decoration: underline; }
.comments .response-title { border: 1px solid #ccc; border-left: 0; border-right: 0; padding: 10px; margin-bottom: 20px; font-size: 20px; text-align: left; }
.comments ol,
.comments ul { list-style-type: none !important; }
.comments li { background: none !important; }
.comments .commentlist { list-style-type: none; padding-left: 0; }
.comments .commentlist li { border-top: 1px solid #ccc; }
.comments .commentlist > li:first-child { border-top: 0; }
.comments .commentlist li > div { padding-bottom: 20px; padding-top: 20px; }
.comments .comment-text { padding: 10px 0 5px; margin: 10px 0; border: 1px dashed #ccc; border-left: 0; border-right: 0; }
.comments .comment-text p { padding-bottom: 5px; }
.comments .comment-meta { padding-top: 10px; }
.comments .children { padding-left: 40px; list-style-type: none !important; padding-bottom: 0; }