/*
Theme Name: fabbs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fabbs
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

fabbs is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FONTS USED
--------------------------------------------------------------*/

@import 'https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900';

/* font-family: 'Raleway', sans-serif; */

/*--------------------------------------------------------------
# DEFAULT
--------------------------------------------------------------*/

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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, ooter, header, hgroup, menu, nav, section {display: block;}
body {	line-height: 1; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 20px; }
ol, ul {list-style: none;}
ol li, ul li{ line-height: 24px;}
ol li:hover, ul li:hover{ text-decoration: none;}
a:active, a:hover, a:focus{ outline: none; text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content: none;}
table {border-collapse: collapse;border-spacing: 0;}
strong{ font-weight: 700;}
h1{ font-size: 54px; font-weight: 300; color: #fff; text-transform: capitalize; line-height: 72px;}
h2{ font-size: 36px; font-weight: 600; line-height: 40px;}
h3{ font-size: 24px; font-weight: 600; line-height: 24px;}
h4{ font-size: 18px; font-weight: 700; line-height: 24px;}

p { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 15px;}

.button {background: #8dc741; border-radius: 5px; color: #ffffff; display: inline-block; font-weight: 700; height: 55px; line-height: 24px; padding: 15px 20px; text-transform: uppercase;}
.button:focus, .button:hover{ color: #fff;}

::-webkit-input-placeholder { color: #fff; opacity: 1; font-weight: 300; text-transform: uppercase;}
:-moz-placeholder { /* Firefox 18- */color: #fff;opacity: 1; font-weight: 300; text-transform: uppercase;}
::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1; font-weight: 300; text-transform: uppercase;}
:-ms-input-placeholder { color: #fff; opacity: 1; font-weight: 300; text-transform: uppercase;}
input:focus { outline:none;}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
header { padding: 20px 0 30px; background: url(images/header-bg.jpg) no-repeat 0 0 / cover; position: relative; z-index: 1; right: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.logo { float: left; width: 25%;}
.logo img { max-width:235px;}
.right-nav{ float: left; width: 75%; margin-top: 25px; text-align: right;}

/* MAIN MENU */
.main-nav { display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; text-align: right;}
.main-nav:after{ position: absolute; content: ""; width: 1px; height: 40px; right: -6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #959595;}
.main-nav .menu > li { display: inline-block; vertical-align: middle; margin: 0 10px;}
.main-nav .menu > li a{ color: #5c5b5b; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 24px;}
.main-nav .menu > li.current-menu-item > a { font-weight: 800;}

.menu-item-has-children{ position: relative;}
.menu-item-has-children > .sub-menu { background: #ffffff; left: 0; padding-left: 5px; min-width: 140px; position: relative; text-align: left; /* -webkit-transform: translateX(-50%); transform: translateX(-50%);*/ display: block; z-index: 1;}
.no-touch .menu-item-has-children:hover > .sub-menu{ display: block;}
.menu-item-has-children > .sub-menu .sub-menu { left: 100%; top: 0; -webkit-transform: none; transform: none;}
.sub-menu a{ padding: 5px 0;}




/* SOCIAL */
.social { display: inline-block; vertical-align: middle;}
.social li { background: url("images/social-icons.png") no-repeat; float: left; margin: 0 5px; list-style: none;}
.social li:last-child { margin-right: 0;}
.social a { display: block; height: 25px;width: 25px;}
.social li.twit{ background-position: 0 bottom;}
.social li.fb{ background-position: -35px bottom;}
.social li.insta{ background-position: -70px bottom;}
.social li.yt{ background-position: -103px bottom;}
.social li.linkedin { background-position: right bottom;}

.site-wrapper{ position: relative; right: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/

/* BANNER */

.banner-section{ box-shadow: 0 9px 19px 2px rgba(0,0,0,.32);}
.banner-slider{ position: relative;}
.banner-slider > li { background-repeat: no-repeat; background-size: cover; background-position: center center;}
.banner-slider img{ opacity: 0; visibility: hidden;}
.bx-wrapper .bx-viewport{ left: 0; box-shadow: none; border: none;}

.slider-content{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.slider-content p{ line-height: 100px; font-size: 33px; font-weight: 700; color: #8dc741;}
.bx-wrapper .bx-controls-direction a{ -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(images/arrow.png) no-repeat 0 0 / contain; height: 42px; width: 40px; overflow: hidden; margin: 0;}
.bx-wrapper .bx-controls-direction a.bx-prev{ -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); left: 70px;}
.bx-wrapper .bx-controls-direction a.bx-next{ -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); right: 70px;}
.bx-wrapper .bx-controls-direction a.bx-prev, .bx-wrapper .bx-controls-direction a.bx-next{ background-position: 0 0;}

/* banner image */
.banner-image { background-position: left top; background-repeat: no-repeat; background-size: cover;}
.banner-image img{ opacity: 0; visibility: hidden; width: 100%; height: auto;}

/*--------------------------------------------------------------
# INTRO SECTION
--------------------------------------------------------------*/
.intro-section{ background: url(images/intro-banner.jpg) no-repeat center center / cover; padding: 60px 0;}
.left{ display: inline-block; vertical-align: middle; width: 24%;}
.intro-content .left img { max-width: 160px;}
.intro-content .right { padding-left: 80px; position: relative;}
.intro-content .right:after{ position: absolute; content: ""; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 115px; background-color: rgba(255,255,255,0.5);}
.right{ display: inline-block; vertical-align: middle; width: 74%;}
.intro-content h2 { color: #ffffff; font-size: 82px; font-weight: 600; line-height: 110px;}
.intro-content p{ font-size: 18px; font-weight: 600; color: #fff; line-height: 24px;}


/*--------------------------------------------------------------
# BOX TABS
--------------------------------------------------------------*/

.box-tabs{ background: #e2e2e2; padding: 45px 0;}
.tab-wrapper .nav-tabs{ border: none;}
.tab-wrapper .nav-tabs img { height: auto; width: 100%; display:block; }
.tab-wrapper .tab-content, .panel-collapse .panel-body{ background: #7f7f7f; margin: 40px 0 0;}
.tab-wrapper .tab-pane{ padding: 25px 0 35px; position: relative;}
.tab-wrapper .tab-pane:before{ position: absolute; content: ""; bottom: 100%; width: 0; height: 0; border-style: solid; border-width: 0 18px 18px 18px; border-color: transparent transparent #7f7f7f transparent;}
.tab-wrapper .tab-pane.active.pane-1:before{  left: 14%;}
.tab-wrapper .tab-pane.active.pane-2:before{  left: 48%;}
.tab-wrapper .tab-pane.active.pane-3:before{  left: 83%;}
.nav > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background: none; display: block; margin: 0; padding: 0; border: none; line-height: 0;}
.nav-tabs > li > .box{ position: relative;}
.nav-tabs > li > .box:before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color:rgba(1, 94, 175, 0.75);}
.tab-title { left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 0 10px; z-index: 1; color: #ffffff; font-size: 24px; font-weight: 600; line-height: 24px;}
.nav-tabs .arrow, .arrow{ bottom: 25px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1;}
.nav-tabs .arrow > img, .arrow > img { width: 31px; }

.tab-links { float: left; width: 35%;}
.tab-links li { margin-left: 40px; padding-left: 30px; position: relative; list-style:none;}
.tab-links li:before { color: #ffffff; content: "+"; font-size: 48px; left: 0; position: absolute; top: 12px;}
.tab-links a { color: #ffffff; font-size: 24px; font-weight: 400; line-height: 48px; text-transform: capitalize; display: inline-block;}
.tab-description { float: left; margin-top: 10px; max-width: 660px; padding-left: 10px; position: relative; width: 65%;}
.tab-description:before { background-color: #b7b7b7; content: ""; height: calc(100% - 10px); left: -30px; position: absolute; top: 0; width: 2px;}
.tab-description > h3 { color:#8dc741; margin-bottom: 20px;}
.tab-description > h3  a{ color:#8dc741; }
.tab-description p{ font-size: 18px; font-weight: 400; color: #fff; line-height: 24px; margin-bottom: 6px;}

.read-more { color: #8dc741; font-size: 18px; font-weight: 800; text-transform: uppercase;}
.read-more:hover{ color: #8dc741;}
.tab-description .read-more{ line-height: 40px;}

/* panel accordian */
.tab-wrapper .panel-group{ margin: 0;}
.tab-wrapper .panel-title{ text-align: center;}
.tab-wrapper .panel-title .accordion-toggle { display: inline-block; text-align: center; line-height: 0; position: relative;}
.tab-wrapper .panel-title .accordion-toggle:before { background-color: rgba(1, 94, 175, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
.accordion-toggle > img { width: auto; height: auto;}

.down-link{ background: url(images/down-bg.jpg) no-repeat 0 0 / cover; position: relative; text-align: center; padding: 25px 0;}
.down-link:after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(1, 94, 175, 0.75);}
.down-link .arrow{ position: relative; left: auto; bottom: auto; -webkit-transform: none; transform: none;}


/*--------------------------------------------------------------
# PAGE LINKS
--------------------------------------------------------------*/

.page-links { padding: 40px 0 50px; overflow: hidden;}
.single-link{ position: relative;}
.single-link:after { background-color:rgba(1, 94, 175, 0.75); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.link-title { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1;width: 100%; padding: 0 15px; text-align: center;}
.link-title > h3 { color: #ffffff; line-height: 24px;}
.link-img { background-position: left top; background-repeat: no-repeat; background-size: cover;}
.link-img > img { height: auto; width: 100%; opacity: 0; visibility: hidden;}
.single-link > a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}

/*--------------------------------------------------------------
# NEWS-SECTION
--------------------------------------------------------------*/

.news-section { background: #e2e2e2; padding: 40px 0;}
.item-news { position: relative; background-size: cover; background-repeat: no-repeat;}
.news-section .item-title { left: 45px; z-index: 2; position: absolute; top: 35px; font-weight: 800; font-size: 16px; text-transform: uppercase; color: #8dc741; line-height: 24px;}
.item-news > img { opacity: 0; visibility: hidden;}
.item-news .news-content { bottom: 85px; left: 45px; max-width: 500px; position: absolute;}
.news-content > h2 { margin-bottom: 13px; letter-spacing: 1px; color: #fff;}
.item-news .news-content > p { color: #ffffff; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.6px;}
.item-news .read-more { bottom: 28px; left: 45px; position: absolute; color: #fff; font-size: 16px;}
.view-link { bottom: 28px; color: #ffffff; font-size: 16px; font-weight: 800; position: absolute; right: 40px; color: #8dc741;}
.view-link:focus, .view-link:hover{ color: #8dc741; }

.news-slider .bx-controls-direction { position: absolute; right: 24px; top: 26px; width: 135px; height: 50px}
.news-slider .bx-controls-direction:before { background-color: #ffffff; content: ""; height: 41px; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px;}
.news-slider .bx-wrapper .bx-controls-direction a{ top: 0;}
.news-slider .bx-wrapper .bx-controls-direction a.bx-prev, .bx-wrapper .bx-controls-direction a.bx-next { margin: 0; }
.news-slider .bx-wrapper .bx-controls-direction a.bx-prev{ -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); left: auto; right: 96px;}
.news-slider .bx-wrapper .bx-controls-direction a.bx-next{ -webkit-transform: translateY(0) rotate(-90deg); transform: translateY(0) rotate(-90deg); right: 0;}

/* newsletter section */
.newsletter h3 { color: #005dab; font-size: 23px; margin: 22px 0 20px;}
.wpcf7-form-control { width: 100%; border: none; border-radius: 5px; padding: 0 18px;}
.wpcf7-form-control.wpcf7-submit{ width: auto;}
input.wpcf7-form-control{ height: 55px;}
.wpcf7-form-control-wrap{ display: block;}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{ background: #848484; color: #fff;}
.wpcf7-form-control-wrap textarea{ padding-top: 15px;resize:none;}
.wpcf7-form-control.captcha{ margin-bottom: 15px; padding: 0;}
.form-item { float: left; padding: 0 12px; width: 33.33%; position: relative;}
.form-item.first{ padding-left: 0}
.form-item.last{ padding-right: 0}
.form-item .wpcf7-submit.button{ padding: 0;}
.form-item img.ajax-loader{ position: absolute; right: -30px; top: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.newsletter .wysija-paragraph { float: left; width: 31%; margin: 0 12px;}
.newsletter .wysija-paragraph:nth-child(1){ margin-left: 0;}
.newsletter .wysija-paragraph .wysija-input { background-color: #848484; color: #ffffff; padding: 0 15px; width: 100%;}
.newsletter .wysija-submit{ float: left; width: 31%; margin: 0 0 0 12px;}
.newsletter .shortcode_wysija input{ border: none; height: 55px; border-radius: 5px;}
.newsletter .formError{ top: 130px !important; left: 280px !important;}

/* twitter feeds */
.twitter-feeds{ box-shadow: 0 0 35px 5px rgba(0,0,0,0.1);}
.twitter-feeds > img { width: 100%; height: auto;}
.twitter-feeds .timeline-Footer {display: none !important;}

/*--------------------------------------------------------------
# DONATION SECTION
--------------------------------------------------------------*/

.donation-section { padding: 40px 0 50px; overflow: hidden;}
.donate-wrapper{ position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.donate-wrapper:before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.donate-wrapper > img { opacity: 0; visibility: hidden; width: 100%; height: auto;}
.donate-content {left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; color: #fff; padding: 0 25px;}
.donate-content > h3 { margin-bottom: 15px; color: #fff;}
.donate-content p { font-size: 18px; font-weight: 600; line-height: normal;}
.donate-content .button { width: 350px; margin-top: 40px;}

.donate-form { padding: 50px 0;}

/*--------------------------------------------------------------
# INNER TITLE
--------------------------------------------------------------*/
.inner-title{ background: #8dc741; background: -webkit-linear-gradient(left,  #8dc741 0%,#8dc741 40%,#848484 41%,#848484 100%);
background: linear-gradient(to right,  #8dc741 0%,#8dc741 40%,#848484 41%,#848484 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc741', endColorstr='#848484',GradientType=1 );}

.inner-content > h3 { color: #004095; line-height: 36px; font-weight: 500;}
.page-content { margin-top: 30px; margin-bottom: 70px;}
.page-title { float: left; margin-right: 55px; padding: 16px 0; max-width: 40%;background-color: #8dc741;}
.page-title h4{ color: #fff; text-transform: uppercase; margin-bottom: 0px;}
.page-description { background-color: #848484; float: left; padding: 19px 0 19px 30px; width: 50%;}
.page-description span { color: #ffffff; font-size: 18px;}

/*--------------------------------------------------------------
# POST LIST
--------------------------------------------------------------*/

/* post categories */
.post-categories-list { border-bottom: 2px solid #8dc741; border-top: 2px solid #8dc741; margin-top: 20px; padding: 25px 0; float: left; width: 100%;}
.inner-content .post-categories-list ul{ margin: 0; padding: 0;}
.post-categories > li { display: inline-block; padding: 0 10px; vertical-align: middle; position: relative;}
.post-categories > li:after { content: "|"; position: absolute; right: -3px; top: 0; color: #848484;}
.post-categories > li:first-child{ padding-left: 0;}
.post-categories > li:last-child{ padding-right: 0;}
.post-categories > li:last-child:after{ display: none;}
.post-categories > li a{ font-size: 14px; color: #848484;}
.post-categories > li.active a { color: #004095; font-weight: 700;}

/* list items */
.button.blue{ background-color: #004095; color: #fff;}
.list-item-wrapper { margin-top: 10px; float: left; width: 100%; padding-bottom: 35px; margin-bottom: 15px; border-bottom: 2px solid #8dc741;}
.list-item-wrapper .button { font-size: 12px; font-weight: 500; height: auto; padding: 5px 32px;}
.list-item-wrapper .item{ margin: 15px 0; float: left; width: 100%;}
.list-item-wrapper .item > h3 { font-weight: 400; line-height: 36px; margin-bottom: 10px;}
.list-item-wrapper .item > p{ font-size: 14px; color: #848484; line-height: 24px; margin-bottom: 20px;}

.pagi-nation { float: left; text-align: center; width: 100%;}
.pagination > li > a, .pagination > li > span{ margin: 0; border-left: none;border-top: none;border-bottom: none; border-right: 1px solid #b1b1b1; background-color: #cccccc; color: #243d96; padding: 5px 14px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{ border: none;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus, .pagination li .current{ background-color: #243d96; border-color: #b1b1b1; color: #cccccc;}

.pagination > li.disabled > a, .pagination > li.disabled > a:focus, .pagination > li.disabled > a:hover{ background-color: #ccc; color: #5f5f5f; }

.inner-content .pagination li:before{ display: none;}

/*--------------------------------------------------------------
# CONTACT
--------------------------------------------------------------*/

.page-template-tp-contact-php .item { float: left; margin-top: 20px; width: 100%;}
.contact-item{ margin-bottom: 15px;}
.contact-item label{ font-weight: 600; margin-right: 10px;}


/* error msgs */
span.wpcf7-not-valid-tip{ margin-top: 5px;}


/*--------------------------------------------------------------
# SIDEBAR
--------------------------------------------------------------*/

.side-bar ::-webkit-input-placeholder { color: #848484; font-size: 12px; text-transform: uppercase; }
.side-bar :-moz-placeholder { /* Firefox 18- */color: #848484; font-size: 10px; text-transform: uppercase;}
.side-bar ::-moz-placeholder { /* Firefox 19+ */color: #848484; font-size: 10px; text-transform: uppercase;}
.side-bar :-ms-input-placeholder { color: #848484; font-size: 10px;  text-transform: uppercase;}

.side-bar {margin-top:0px; }
.side-bar input { height: 34px; padding: 0 10px; width: 100%; border: none; border-radius: 5px; color: #848484;}
.side-bar .panel{ border-radius: 0; border: none; margin-bottom: 50px;}
.side-bar .panel-heading { padding: 14px 38px; border: none; background-color: #e2e2e2; border-radius: 0;}
.side-bar .panel-title { font-size: 24px; line-height: 36px; font-weight: 500; position: relative; padding-left: 25px;}
.side-bar .panel-title:before { content: "+"; font-size: 48px; left: 0; margin-right: 5px; position: absolute; top: 0; vertical-align: middle;}
.side-bar .panel-body { padding: 35px;}

.search-archive .panel-body { background-color: #8dc741;}
.signup-form .panel-body { background-color: #005aa5;}
.search-form{ position: relative;}
.search-form > input[type="submit"] { background: url("images/search-icon.png") no-repeat 0 0 / 12px auto; border: medium none;  height: 18px; width: 18px; position: absolute; right: 10px; top: 8px; padding: 0;}
.newsletter-form > input, .side-bar .shortcode_wysija  input { margin-bottom: 15px; font-size: 12px;}
.newsletter-form > input[type="submit"], .shortcode_wysija input[type="submit"]{ margin-bottom: 0;}
.widget_wysija_cont .wysija-submit { background-color: #8dc741; color: #ffffff; font-weight: 700; margin-top: 0; text-transform: uppercase;}


.single-box > a{ display: block; position: relative; line-height: 0;}
.single-box > a:before { background-color: rgba(1, 94, 175, 0.75); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.single-box > a > img{ width: 100%; height: auto;}

.item-listing .panel-body { background-color: #8dc741;}
.item-listing ul { padding-left: 5px;}
.item-listing li { margin-bottom: 10px; position: relative; padding-left: 15px;}
.item-listing li:before{ content: ""; position: absolute; left: 0; top: 5px; height: 6px; width: 6px; background: url(images/list-icon-white.png) no-repeat;}
.item-listing li:last-child{ margin-bottom: 0;}
.scientist-grid .item-listing a { color: #ffffff; display: block; font-size: 12px; line-height: normal;}

.inner-content article .single-awardee:nth-child(odd) p img { float: left; margin-left: 0; margin-right: 24px;}
.inner-content article .single-awardee:nth-child(even) p img { float: right; margin-left: 24px; margin-right: 0;}
.single-awardee em{ display: block;}
.single-awardee { border-top: 3px solid #8dc741; float: left; margin-top: 20px; padding-top: 30px; width: 100%;}
.single-awardee .one-half { float: left;margin: 20px 0;width: 50%;}
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.not-found{ text-align: center;}
.not-found h1 { color: #fff;  float: none;  margin: 0; max-width: 100%;}
.not-found .button{ background-color: #005aa5; }

.photo-gallery{ float: left; width: 100%; margin-top: 24px;}
.photo-gallery > h3 { margin: 24px 0;}
.photo-gallery img { width: 100%;}
.photo-gallery .fancybox { display: block; margin: 24px 0;}


/*--------------------------------------------------------------
# CONTENT PAGE
--------------------------------------------------------------*/
.inner-content h2{ margin-bottom: 20px; font-size: 30px; display:inline-block; width:100%;}
.inner-content h3 { margin-bottom: 10px;}
.inner-content h4{ margin-bottom:20px; margin-top:0px; display: inline-block;}
.inner-content a { color: #8dc741;}
.inner-content ul{ margin-bottom: 15px; list-style:inside none disc;}
.inner-content li { line-height: 24px; position: relative; margin-bottom: 5px;}
/*.inner-content li:before{ content: ""; position: absolute; left: 0; top: 10px; height: 6px; width: 6px; background: url(images/list-icon.png) no-repeat;}*/
.inner-content article p img { float: left; margin-right: 24px;}

/* board , council , staff */
.scientist-grid{ padding: 25px 0;}
.scientist-grid h1 { color: #848484; font-weight: 600; margin: 15px 0;}
.scientist-grid h4{ margin: 15px 0;}
.scientist-grid a{ color: #8dc741; }
.scientist-row { float: left; margin: 24px 0 0; text-align: center; width: 100%;}
.scientist-row  .col-sm-3 { width: 25%; float: none;  display: inline-block; vertical-align: top; }
h3.row-title { font-size: 28px; padding-bottom: 15px;}
.single-prof { text-align: center; margin: 24px 0;}
.single-prof > a, .single-prof > span { display: block; font-size: 14px; line-height: normal; margin: 0px 0; line-height: 20px; color:#8dc741;}
.single-prof > h3 { color:#005aa5;  display: block; font-size: 14px; margin: 0px 0;}
.single-prof > h4 { font-size: 14px; font-weight: 500; display: inline-block; margin: 0px 0; color:#848484; line-height: 20px;}
.single-prof  img { border:5px solid #e2e2e2; max-height: 204px; }
/* speaker bureu */
.speakers-list, .scientist-detail{ padding: 24px 0;}
.scientist-title{ padding:24px 0;}
.scientist-title h3 { margin-bottom: 20px;}
.speakers-list a { color: #8dc741; display: inline-block; margin-bottom: 10px;}
.speaker-item { float: left; padding: 24px 0; width: 100%;}
.speaker-item div > img { max-width: 100%;}

.speakers-list h1 { color: #848484; font-size: 30px; font-weight: 600;}
.speaker-details h3 { margin-bottom: 20px;}
.speaker-img{ background-size: cover; background-position: center center;}
.speaker-img > img{ opacity: 0; visibility: hidden; width: 100%; height: auto;}

/* our scientists */
.image-content{ float: left; width: 100%; margin-bottom: 15px;}
.image-content ul { float: left;}
.image-content.right-side img{ float: right;}
.scientist-description ul { margin-bottom: 15px;}
.scientist-description ul li{ position:relative; padding-left: 15px;}
.scientist-description ul li:before{ content: ""; background: url(images/list-icon.png) no-repeat; position: absolute; width: 6px; height: 6px; left: 0; top: 10px;}


/* society list */
.single-society { padding: 24px 0; border-bottom: 5px solid #8dc741;}
.single-society img { margin-bottom: 15px;}
.inner-content .society-links { float: left; margin: 20px 0; width: 100%;}
.corporate { float: left; margin-top: 24px; width: 100%;}
.society-img{ float: left; width: 100%; margin: 15px 0;}
.society-img > a { display: block; font-weight: 600; padding-top: 10px;}

.donation-form .wpcf7-form-control-wrap{ display: block;}
.donation-form form { padding-top: 20px;}
.inner-content .donation-form img{ float: none; margin-right: 0;}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox { background: none; color: #848484; padding-left: 0;}
.wpcf7-form-control-wrap.chkbox{ margin-top: 10px;}
.wpcf7-checkbox .wpcf7-list-item-label { margin-left: 10px;}
.inner-content .item p > img.ajax-loader { width: auto;}


/*--------------------------------------------------------------
# EVENT
--------------------------------------------------------------*/
.event-detail { margin: 24px 0;}
.event-img { float: right; margin-left: 24px;}
.speaker-item > h4 { margin-bottom: 24px;}

.alignleft { float: left; margin-right: 24px; margin-bottom: 20px;}
.alignright { float: right; margin-left: 24px; margin-bottom: 20px;}
.single-event .scientist-grid h2 { margin-bottom: 24px; margin-top: 15px;}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/

footer{ background: url("images/footer-bg.jpg") no-repeat 0 bottom / cover; position: relative; right: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.footer-wrapper { border-top: 1px solid #ffffff; margin-top: 47px; padding: 30px 0;}
.copyright{ float: left; width: 75%;}
.copyright p { color: #ffffff; font-size: 14px; font-weight: 600; line-height: 34px;}
footer .social { float: left; width: 25%}
footer .social > ul { float: right;}
footer .social li.twit{ background-position: 0 top;}
footer .social li.fb{ background-position: -35px top;}
footer .social li.insta{ background-position: -70px top;}
footer .social li.yt{ background-position: -103px top;}
.category-select { display: inline-block; position: relative; width: 220px;}
.category-select:after { background:url("images/caret.png") no-repeat scroll 0 0 / contain ; content: "";  height: 6px; position: absolute;  right: 10px; top: 50%; transform: translateY(-50%); width: 12px; }
.category-select select { border: 1px solid #ccc; border-radius: 5px; padding:5px 25px 5px 5px; width: 100%; appearance:none; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none;}
.nav-links .nav-previous { float: left; }
.nav-links .nav-next { float: right; }
.link-to-blog {display: inline-block; width: 100%; text-align: center;}

/*.side-bar { background-color:#e2e2e2;  margin-top: 10px; padding: 10px 15px; }*/
.side-bar .menu li a { color:#848484; font-size:14px; padding:3px 0px; display:inline-block; width:100%;}
.side-bar .menu > li.current_page_parent > a, .side-bar .menu > li.current_page_item > a, .side-bar .children > li.current_page_item > a  { color:#000;}
.side-bar .menu li .children { padding-left:0px;}
.side-bar .menu li .children li a { padding: 7px 10px 7px 29px;} 

.widget-area .search-form {  margin: 15px 10px; }
.scientist-detail h1 { color: #015aa6; font-size:28px; margin-bottom:20px; line-height: 26px; width: 100%; }

.left-sidebar {z-index: 999;}
/*================================ 25-10-2015 =================================*/

.left-sidebar  .menu { margin-bottom: 35px; width: 100%; float: left;}
.left-sidebar  .side-bar .panel-title::before { display: none;}
.left-sidebar  .side-bar .panel-heading {  padding: 12px 30px;}
.left-sidebar  .side-bar .panel-title { font-size: 18px;  font-weight: 500; line-height: 28px; padding-left: 0; position: relative; }
.left-sidebar  .side-bar .panel-body { padding: 25px;}
.wysija-paragraph { margin-bottom: 0px;}
.left-sidebar  .side-bar input { border-radius: 3px; height: 26px;}
.left-sidebar  .side-bar input.search-field { padding: 0 30px 0px 10px;}
.left-sidebar  .side-bar .shortcode_wysija input { font-size: 10px;}
.inner-content ul, .scientist-description ol , .inner-content ol , .entry-content ol  { list-style: outside none disc; margin-bottom: 15px;  padding-left: 15px;font-size: 14px; }
p {font-size:14px;}
.inner-content li, .scientist-description ol li, .inner-content ol li, .entry-content ol li   { line-height: 24px; margin-bottom: 10px;  position: relative;list-style:disc; }


hr { border-bottom: 2px solid #8dc741; margin-bottom: 25px;}
h4 { display: inline-block;  margin-bottom: 15px; margin-top:0px; font-weight: 500; color: #015aa6; font-size: 24px; width: 100%; }
.left-sidebar .menu li { display: inline-block; width: 100%;  }
.left-sidebar .menu li a { display: inline-block; width: 100%; background-color: #e2e2e2; padding: 7px 10px 7px 15px; color: #848484; margin-bottom: 2px; position: relative;}
.left-sidebar .menu li.current_page_item > a { background-color:#8dc741; color: #fff; font-weight: 600;}
.left-sidebar .menu li.current_page_item > a:after { content: "\f105"; display: inline-block; font-family: FontAwesome; position: absolute; right:15px; top: 7px;}
h2 { color: #015aa6; font-size: 28px; margin-bottom:20px; line-height: 28px; width: 100%;}
h3 { color: #015aa6; font-size: 26px; margin-bottom:20px; line-height: 26px; width: 100%;}
.speaker-details h3 a { color: #015aa6; }
.left-sidebar .signup-form { float: left; width: 100%;  }
h5 { color:#000000; margin-bottom: 20px; font-weight: bold;}
.search-archive { float: left; width: 100%;}

.page-template-default  ul{ padding-left:0; }
.page-template-default  ul li {list-style-position:inside;}

p.intro { font-size:16px; }
.contact-form { margin-bottom: 20px; }

.home .banner-section .banner-slider, .home .banner-section .banner-slider li { height: 100%;}


.scientist-description em, .inner-content em, .entry-content em  { font-style: italic; }
.scientist-description blockquote, .inner-content blockquote, .entry-content blockquote {border-left: 2px solid #8dc741;margin-left: 35px;padding-bottom: 20px;padding-left: 40px;padding-top: 20px;}
.scientist-description ol li, .inner-content ol li, .entry-content ol li  { list-style:decimal;  }

body ol, body ul {
list-style: square inside none;
}
.page-template-default ul li > ul {
    padding-left: 20px;
    display: inline-block;
    width: 100%;
	margin-top: 10px;
}