/*
Theme Name: Metabolic
Theme URI: http://underscores.me/
Author: combinedmedia
Author URI: http://www.combinedmedia.ie
Description: Metabolic Responsive Wordpress Theme
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: combinedmedia
Domain Path: /languages/
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.

 combinedmedia is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url('css/base.css');


/*--------------------------------------------------------------
>>> THEME SPECIFIC STYLES
----------------------------------------------------------------*/

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body{
/*font-size:12px;
font-size:1.2rem;*/
color:#666!important;
font-size:14px;
font-size:1.4rem;
/*font-size:100%;*/
}

h1, h2, h3, h4, h5{
color:#2F78BC;
font-family: 'Ubuntu Condensed', sans-serif;
}

/* Page */
#page{
background:#fff;
padding-bottom:1px;
}

body .site{
/*-moz-box-shadow:0 2px 6px rgba(100, 100, 100, 0.3);
-webkit-box-shadow:0 2px 6px rgba(100, 100, 100, 0.3);
box-shadow:0 2px 6px rgba(100, 100, 100, 0.3);*/
}

/* Social Menu */

.social{
position:absolute;
top:20px;
right:30px;
}

.menu-social ul {
    float: right;
    text-align: center;
    list-style: none;    
}

.menu-social ul li {
    position: relative;
    display:  inline-block;    
}


#menu-social li a {
	display:     inline-block;
	width:       40px;
	height:      40px;
	text-indent: -99999em;
	/*background:  url( 'img/sprites.png' );*/
}


.menu-social li a[href*="youtube.com"] { background-image: url(img/youtube.jpg); }

.menu-social li a[href*="twitter.com"] { background-image: url(img/twitter.jpg); }

.menu-social li a[href*="facebook.com"] { background-image: url(img/facebook.jpg); }

.menu-social li a[href*="linkedin"] { background-image: url(img/linkedin.jpg); }


@media screen and (max-width: 800px){
.better-forever{
display:none;
}
}

                    


/*--------------------------------------------------------------
>>> CUSTOM HOMEPAGE
----------------------------------------------------------------*/

/** remove bottom margin from header **/
.home #masthead{
margin-bottom:0px!important;
}

.home .entry-header{
display:none;
}

.home .entry-content{
margin:0px;
}

.home .widget-title{
color:#1AA599;
font-size:20px;
font-weight:normal;
margin-bottom:0px;
}

.home .textwidget h3{
margin:0px;
color:#CC14B7;
font-weight:bold;
letter-spacing:-1px;
font-size:15px;
}

.home .textwidget a, .home .textwidget a:visited{
color:#666;
display:inline-block;
background:#fff;
padding:2px 8px;
text-decoration:none;
margin-left:7px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.home .textwidget a::after{
content: "\f138";
 font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left:5px;
}

.home-about{
/*text-align:center;*/
}

.home-about .widget-title{
font-size:32px;
}

.home-summary{
color:#fff;
}

.home-summary img{
width:100%;
border:2px solid #fff;
}

.home-summary .widget-title{
color:#fff;
font-size:20px;
}


/*--------------------------------------------------------------
>>> NAVIGATION
----------------------------------------------------------------*/
.main-navigation{
	position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
	background: #1AA599;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
font-family: 'Ubuntu Condensed', sans-serif;
    display: block;
    padding: 10px;
    /*padding:10px;*/
    font-size: 20px;
    font-size: 2.0rem;
    text-decoration: none;
    line-height: 1.3em;
    color: #fff;
   
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    top:40px;
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
    color:#fff;
    font-size:14px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
    background: #313131;
    background: hsl(0, 0%, 19%);
}
.main-navigation ul li:hover > ul {
    display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
    background: #2D77BB;
    color: #fff;
  
}

.main-navigation .current_page_ancestor {
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

.main-navigation .current_page_ancestor a{
color:#fff;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #313131;
    background: hsl(0, 0%, 19%);
} 




/*--------------------------------------------------------------
>>> SIDEMENU NAVIGATON
----------------------------------------------------------------*/

#advanced_menu-2 .menu, #advanced_menu-3 .menu{
list-style:none;
margin:0px;
background:#fff;
padding-left:0px;
}

#advanced_menu-2 li {
/*margin-bottom:5px;
border-bottom:1px solid #eee;
border-left:5px solid #F97B00;
padding-left:10px;*/
}

#advanced_menu-2 a, #advanced_menu-3 a{
margin-bottom:5px;
border-bottom:1px solid #eee;
border-left:5px solid #2A76BD;
padding-left:10px;
}

#advanced_menu-2 .sub-nav-blue{
border-left: 5px solid #0085B2;
}

#advanced_menu-2 .sub-nav-green{
border-left:5px solid #85B200;
}

#advanced_menu-2 .sub-nav-purple{
border-left:5px solid #EE46A2;
}

#advanced_menu-2 .sub-nav-orange{
border-left:5px solid #FFBF00;
}



#advanced_menu-2 li a:hover, #advanced_menu-3 li a:hover{
background:#eee;
}

#advanced_menu-2 li a, #advanced_menu-3 li a{
display:block;
text-decoration:none;
color:#444;
}

#advanced_menu-2 .sub-menu, #advanced_menu-3 .sub-menu{
list-style:none;
margin-left:0px;
padding-left:0px;
}

#advanced_menu-2 .sub-menu li, #advanced_menu-3 .sub-menu li{
padding-left:20px;
}

#advanced_menu-2 .sub-menu li a, #advanced_menu-3 .sub-menu li a{
border-left:5px solid #FCB34A;
}

/** pagebuilder panel background color **/
.panel{
background:#F5F4EF;
padding:10px;
}

#panel-4-0-1-0 .widget-title{
font-size:32px;
color:#31313f;
}

#pgc-4-0-0 .panel{
padding:0px;
}



/*--------------------------------------------------------------
>>> FOOTER
----------------------------------------------------------------*/

.site-footer{
background:#2A76BD;
}

.site-info{
background:#2A76BD;
text-align:center;
padding:15px;
color:#fff;
margin:0 auto;
font-size:16px;
font-family: 'Lato', sans-serif;
}

.site-info h3{
color:#fff;
font-size:18px;
}

.site-info a{
color:#fff;
text-decoration:none;
}

.site-info p{
margin-bottom:1em;
}



/*--------------------------------------------------------------
>>> NEWS SECTION STYLES
----------------------------------------------------------------*/

.news-section .entry-title{
/*margin-bottom:0px;*/
}

.news-section .entry-title a{
text-decoration:none;
color:#1AA599;
}

.news-section .entry-meta{
display:none;
}

.news-section .entry-content{
margin:0px;
}

.byline{
display:none;
}

.single .byline, .group-blog .byline{
display:none!important;
}

.single .entry-footer{
display:none;
}

/*--------------------------------------------------------------
Index and Archive
--------------------------------------------------------------*/

.continue-reading {
   
    font-weight: bold;
    /*font-size: 14px;
    font-size: 1.4rem;*/
}

.continue-reading a{
color:#E8AE11;
text-decoration:none;
}

.continue-reading a:hover{
text-decoration:underline;
}

.continue-reading i { margin-left: .5em; }

/** featured image **/
.small-index-thumbnail { 
	background:#fff;
	margin-top: -1em;
    margin-bottom: 1em;
}

/*--------------------------------------------------------------
PAGINATION
--------------------------------------------------------------*/


ul.page-numbers {

    list-style: none;
	margin: 0;
	padding:0;

}

 

.page-numbers:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

 

ul.page-numbers li {

    display: block;

    float: left;

    margin: 0 4px 4px 0;

    text-align: center;

}

 

.page-numbers a,

.page-numbers span {

display: block;
padding: 4px 10px;
color: #666;
font-size: 12px;
line-height: 1.5em;
text-decoration: none;
background: #fff;
border: 1px solid #ddd;
cursor: pointer;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.07);

}

 

.page-numbers a span { padding: 0 }

 

.page-numbers a:hover,

.page-numbers.current,

.page-numbers.current:hover {

    color: #fff;

    background: #263974;
    text-decoration: none;
}
.page-numbers:hover { text-decoration: none }

/*--------------------------------------------------------------
WIDGET STYLES
--------------------------------------------------------------*/

.widget-title{
margin:0;
}

#recent-posts-2 ul{
list-style:none;
margin:0;
padding:0;
}

#recent-posts-2 ul li a{
color:#263974;
}


/*--------------------------------------------------------------
CATEGORY SPECIFIC STYLES
--------------------------------------------------------------*/
.category-grant-stories .featured-image{
background:#fff;
margin-top:0px;
margin-bottom:0px;
}

.archive .rtsocial-container{
display:none;
}


.category-grant-stories .featured-image img{
/*width:200px;*/
}

/*--------------------------------------------------------------
TESTIMONIAL WIDGET SPECIFIC STYLES
--------------------------------------------------------------*/

.widget_sp_image h1{
display:none;
}



/*--------------------------------------------------------------
RESPONSIVE MENU
--------------------------------------------------------------*/


@media screen and (max-width: 600px) {
	.menu-toggle {
            display: block;
            float:right;
            height: 3.75em;
            margin-right:20px;
            padding: 0 1em;
            font-weight: normal;
            font-size: 14px;
            font-size: 1.4rem;
            text-decoration: none;
            line-height: 3.75em;
            color: white;
            border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #1AA599;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

  cursor: pointer;
  -webkit-appearance: button;
   text-shadow: none;
	}
	
	.main-navigation{
	background:#fff;
	}
	
		
        
	.main-navigation.toggled .nav-menu {
	background:#1AA599;
		display: block;
		border-top: 1px solid;
		border-top-color: #fff;
		border-top-color: hsla(0, 0%, 100%, .5);
	}

	.main-navigation ul {
            display: none;
            padding-left: 0;
	}
        
	.main-navigation li { 
		float: none; 
	}

	.main-navigation li a { 
		padding: 1.3em 2em; 
	}

	.main-navigation li li a { 
		padding-left: 4em; 
	}

	.main-navigation li li li a { 
		padding-left: 6em; 
	}

	.main-navigation li:hover > a {
		background: #313131;
		background: hsl(0, 0%, 19%);
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: none;
		float: none;
		background: #313131;
		background: hsl(0, 0%, 19%);
	}
	
	.main-navigation ul ul a { width: 100%; }

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);
	}

	.main-navigation .current_page_ancestor { background: inherit; }

	.main-navigation ul ul .current_page_parent {
		color: inherit;
		background: inherit;
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
		color: #fff;
		color: hsl(0, 0%, 100%);
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);    
	}
	
	.sub-menu{
	display:none;
	}
        
} // End responsive menu

/** iframe index ie fix **/

iframe{
z-index:5555;
}