/*   
	Theme Name: AddBio theme
	Version: 1.0
	Theme URI: http://www.additivebiomanufacturing.org.au/
	Description: Customisation of Enfold theme by Kriesi
	Author: Tory Grice - Budgie Business Design
	Author URI: http://www.budgiebusinessdesign.com
	Template: enfold
	Version: 3.2
	License: Themeforest Split Licence	
	Tags: custom, enfold, ARC Centre, additive biomanufacturing, 
	Text Domain: addbio
*/


/**
 * Resets
 * Typography
 * Colours
 * Forms
 * Links
 * Layout
 * Header & Navigation
 * Content & Media
 * Footer
 * Miscellaneous
 * Media queries
**/


/********************************
	Resets
********************************/

* {
	padding:0;
	margin:0;
	border:0;
	outline:none;
	box-sizing:border-box !important;
	line-height:100%;
}


/********************************
	Typography
********************************/
/* 

web fonts:

Open Sans Light 300
Open Sans Regular 400
Open Sans Semi-bold 600 
Open Sans Bold 700
Raleway 300


font stacks:

font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-family: 'Raleway', Arial, Helvetica, sans-serif;

*/

body, p, ul li {	 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:300 !important;
	line-height:1.4em;
}

p strong,
.alternate_color p strong { 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:600;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif !important;
	font-weight:200 !important;
	line-height:120% !important;	
	text-transform:none !important;
}

.alternate_color p, 
.alternate_color ul li, 
.alternate_color h1, 
.alternate_color h2, 
.alternate_color h3, 
.alternate_color h4, 
.alternate_color h5, 
.alternate_color h6 {
	font-weight:200 !important;
}

h1 { 
	font-size:3em; 
	margin-bottom:30px;
}

h1.av-special-heading-tag { 
	font-size:4em;
	margin-top:0.5em !important; 
	margin-bottom:0.5em !important; 
}
.special-heading-border .special-heading-inner-border { border:none; }

.big {
	font-size:1.4em !important;
	line-height:1.4em !important;
}
.huge {
    font-size:1.8em !important;
	line-height:1.8em !important;
}
.bold { font-weight:600 !important; }
.light { font-weight:300 !important; }
.thin { font-weight:100 !important; }

/********************************
	Colours
********************************/
/* 

HEX:


DARK BLUE			#006580
LIGHT BLUE 			#00adbb
EXTRA DARK BLUE		#003e52
EXTRA LIGHT BLUE	#b8dde1
GREY 				#5c6670


RGB:


*/

/* type */

.dark-blue { color:#006580 !important; }
.light-blue { color:#00adbb !important; }
.x-dark-blue { color:#003e52 !important; }
.x-light-blue { color:#b8dde1 !important; }
.white { color:#ffffff !important; }
.grey { color:#5c6670 !important; }


/* background */

.dark-blue-bg { background-color:#006580 !important; }
.light-blue-bg { background-color:#00adbb !important; }
.x-dark-blue-bg { background-color:#003e52 !important; }
.x-light-blue-bg { background-color:#b8dde1 !important; }
.white-bg { background-color:#ffffff !important; }
.grey-bg { background-color:#5c6670 !important; }

/********************************
	Links
********************************/

a, a.btn, input[type=submit] {
	-webkit-transition:all ease 1s;
	-moz-transition:all ease 1s;
	-o-transition:all ease 1s;
	transition:all ease 1s;
	text-decoration:none;
}


/********************************
	Layout
********************************/

.row {
    clear:both;
    display:block;
    padding:0px 0px 20px 0px;
    vertical-align: top !important;}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width70 { width: 70%; }
.width50 { width: 50%; }
.width45 { width: 45%; }
.width30 { width: 30%; }
.width25 { width: 25%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearFloat { float: none; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }

.main_color {
	border:none !important;
}
/********************************
    Header & Navigation
********************************/


/*** logo ***/




/*** main menu ***/

.main_menu li a {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:200;
}
.main_menu li a:hover { color:#b8dde1 !important; }



/********************************
	   Content & Media
********************************/

/*** titles ***/

.title_container h1.main-title { font-size:2em; }
.page .title_container { display:none; }

#title-banner { max-height:350px; }

/*** HOME PAGE ***/

/** slider **/

.home .avia-layerslider { 

    z-index: 1; }




.home .avia-layerslider h2 span { 
	background-color:rgba(0,173,187,0.6);	
    color:#ffffff;
	font-size:1.7em !important;
	font-weight:100 !important;		
	line-height: 170% !important;
	padding:0.2em;
}

.home .avia-layerslider .slider-box {
    color:#ffffff;	
    font-family: 'Raleway', Arial, Helvetica, sans-serif;

    width:300px;
}

.home .avia-layerslider .slider-box .text-area {
    background-color:rgba(0,101,128,0.7);
    font-size:1.4em !important;
	font-weight:100 !important;	
    line-height:140%;
    padding:1em;   
}

.home .avia-layerslider .btn {
    background-color:rgba(0,62,82,0.1) !important;
    border:solid 2px #ffffff;
	font-size:2em;
	font-weight:200 !important;
    margin-top:0.5em;
    padding:0.7em;
    text-align:center;
}

/** blurb **/
#av-layout-grid-1 { border-top:#006580 solid 10px; }
#blurb { 
	padding-left:6%;
	padding-right:6%;
}
#blurb .blurb-inner { background-color:rgba(0,101,128,0.90); }
.home #blurb .blurb-inner { background-color:rgba(0,173,187,0.95); }

/** latest **/

#hp-latest .blog-categories,
#hp-latest .slide-meta-comments,
#hp-latest .slide-meta-del,
#hp-latest .image-overlay { display:none !important; }
#hp-latest time { font-size:0.75em; }
#hp-latest .slide-entry-excerpt { 
    color:#ffffff !important;
    font-size:0.9em; }
#hp-latest h1 { 
	margin-bottom:0;
	margin-top:30px;
}
#hp-latest h3 > a { color:#ffffff !important; }


#hp-latest p > a { font-size: 1.3em; }

#hp-latest .avia-slideshow-arrows a {
    border:solid 1px #00adbb;
    font-size:20px;
    height:30px;
    line-height:28px;
    width:30px;
}
#hp-latest .avia-slideshow-arrows a:before { 
    background: rgba(0,101,128,0.3); 
    line-height:28px;
}
#hp-latest .avia-slideshow-arrows a:hover:before { background: rgba(0,173,187,0.3); }
#hp-latest .avia-slideshow-arrows a.next-slide { right:1px; }
#hp-latest .avia-content-slider .avia-slideshow-arrows a { top: 34%; }

/* show slider nav all the time */
#hp-latest .avia-slideshow-arrows.avia-slideshow-controls, 
#hp-latest .avia-slideshow-arrows.avia-slideshow-controls * {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#hp-latest .avia-content-slider .slide-image { background:none; }

/** partners **/
.partners h1 { 
	margin-bottom:0;
	margin-top:30px;
}
.partners h3 { text-align:center !important; }
.avia-content-slider .slide-image { background: #ffffff !important; }
.partners .avia-content-slider .avia-tooltip  { display:none !important;}
.partners img { padding:12px; }



/** BLOG AND NEWS **/

.page-blog .tab_content.active_tab_content,
.page-news-media .tab_content.active_tab_content { padding-top:30px !important; }

.page-blog .slide-content,
.page-news-media .slide-content { text-align: center; }

.page-blog h3, 
.page-news-media h3 {
    font-size:1.6em !important;
    padding-top:20px !important;
}
.page-news-media .blog-categories,
.page-news-media .slide-meta-comments, 
.page-news-media .slide-meta-del, 
.page-blog .blog-categories,
.page-blog .slide-meta-comments, 
.page-blog .slide-meta-del { display:none !important; }


/*** RESEARCH ***/


#subprograms h2 { color:#00adbb; }




/*** PEOPLE ***/

#people h1 { color:#ffffff; }

.avia-team-member { text-align: center; }
.avia-team-member h3 { font-size:1em; }
.avia-team-member .team-member-job-title { 
    font-size: 0.9em; 
    margin-top:0.2em;
}
.avia-team-member .team-member-description { font-size:0.9em; }
.avia-team-member .team-social {
    border: 0;
    border-radius:500px;
    background-color:rgba(0,101,128,0.6);
}
.avia-team-member .team-img-container,
.avia-team-member .team-img-container img { border-radius:400px; }

.page-people #main .main_color.container_wrap_first.container_wrap.fullsize {
	display:none;
}


/*** PUBLICATIONS, RESOURCES and EVENTS ***/

/** tabs **/
.page-publications .tab { 
    background:#b8dde1;
    border:none !important; 
    color:#ffffff !important;
    font-size:1.3em;
    margin-right:20px; 
}
.page-publications .tab.active_tab { 
    background:#00adbb !important;
    font-weight:normal;
}
.page-publications .active_tab_content { 
    background:none !important; 
    border:none !important; 
    padding:10px 0px 0px 0px !important;
}

/** portfolio filters - Resources **/
.sort_by_cat a {
    background:#b8dde1;
    color:#ffffff !important;
    font-size:1.7em;
    margin-right:20px; 
    padding:12px 16px 14px 16px;
}
.sort_by_cat a.active_sort { background:#00adbb !important; } 
.sort_by_cat .text-sep,
.page-resources .grid-content .avia-arrow { display:none; }
.page-resources .grid-content,
.page-resources .grid-entry-title { 
    background: #b8dde1; }
.page-resources .grid-content { min-height: 86px;}
.page-resources .grid-entry:hover .grid-content,
.page-resources .grid-entry:hover .grid-entry-title,
.page-resources .grid-entry:active .grid-content,
.page-resources .grid-entry:active .grid-entry-title{ 
    background: #00adbb; 
color:#ffffff; }
.page-resources .grid-entry .inner-entry { box-shadow: none; }
.page-resources .grid-entry-title { 
    color:#003e52;
    font-size:1.1em;
    font-weight:400;
}

/** posts **/
.page-events .template-blog article,
.page-publications .template-blog article { 
    border-bottom: #b8dde1 1px solid;
    margin:0 auto; 
    padding-top: 30px;
}
.page-events .template-blog .blog-meta,
.page-publications .template-blog .blog-meta {
    float: left !important;
    height:100%;
    line-height: 160px !important;
    margin-right:-242px;
    padding-right: 30px !important; 
    width:242px !important;
}
.page-events .template-blog .blog-meta .small-preview,
.page-publications .template-blog .blog-meta .small-preview {
    background:none !important;;
    height:160px !important;
    width:197px !important;
    line-height: 160px !important;
}
/*.page-events .template-blog .blog-meta .small-preview img,
.page-publications .template-blog .blog-meta .small-preview img {     
      height:160px !important;
  }*/
.page-events .template-blog .blog-meta .small-preview .image-overlay, 
.page-publications .template-blog .blog-meta .small-preview .image-overlay { display: none !important; }
.page-events .template-blog .entry-content-wrapper, 
.page-publications .template-blog .entry-content-wrapper {
    margin-bottom: -70px !important;
    margin-left:242px !important;  
    max-width:960px !important;
}
.page-events .template-blog .post .entry-content-wrapper > *,
.page-publications .template-blog .post .entry-content-wrapper > * { max-width:960px !important; }
.page-publications .template-blog h2.post-title, 
.page-events .template-blog h2.post-title { 
    margin-top:0;
    margin-left:0px;
    max-width:960px !important;
    line-height:100% !important;
    padding-bottom:0 !important;
    padding-top:0 !important;
    text-align: left !important; 
}
.page-events .template-blog h2.post-title a,
.page-publications .template-blog h2.post-title a { 
    color: #00adbb !important; 
    font-size: 0.8em;
    
}
.page-events .template-blog .post-meta-infos ,
.page-publications .template-blog .post-meta-infos { display: none; }
.page-events .template-blog .entry-content p,
.page-publications .template-blog .entry-content p
{ 
    font-size: 0.8em; 
    margin-top:8px;
}
.page-events .template-blog a.more-link,
.page-publications .template-blog a.more-link { 
    background:#00adbb;
    color: #ffffff;
    font-size: 0; 
    padding:6px 30px 0px 30px;
    text-transform: uppercase;
}
.page-events .template-blog span.more-link-arrow, 
.page-publications .template-blog span.more-link-arrow { display: none; }
.page-events .template-blog .post_author_timeline,
.page-publications .template-blog .post_author_timeline { clear:both; }


/** publications only **/
.page-publications .tab_titles { margin-bottom: 20px; }
.page-publications .template-blog .entry-content p .authors { 
    color:#006580; 
    font-weight:bold; 
}
.page-publications .template-blog .entry-content p .journal { font-style: italic;}
.page-publications .template-blog a.more-link:before {
    content: "View publication";
    font-size: 16px;
}
.page-events #past-events-section .content { padding-top:0 !important; }
/** events only **/

.upcoming-event #event-media,
.past-event .addbio-button { display:none; }

.event-date-time { 
    color:#00adbb; 
    font-weight:400;
}
.event-location { font-weight:600 !important; }
.page-events .template-blog a.more-link:before {
    content: "Learn more";
    font-size: 16px;
}
.event-img { 
    margin:0 auto;
    text-align:center; 
}
.single-event #event-details.avia-section .container { max-width: 900px !important; }

.single-event .main_color.container_wrap_first { display:none !important; }
.single-event #event-header h1,
#addbio-post-header h1{ 
    font-size:1.3em;
    margin-bottom:0px !important; }

.single-post.news .title_container,
.single-post.blog .title_container {
    padding-top:50px;
    text-align:center;
}

.single-post.news .title_container h1 a,
.single-post.blog .title_container h1 a {
    color:#006480 !important;
    font-size:1.3em;
}

.post-meta-infos { 
    padding-bottom:30px;
    text-align:center; 
}
.post-meta-infos .blog-author,
.post-meta-infos .blog-author a { color:#00adbb; }

/********************************
      REUSABLE ELEMENTS
********************************/

/** FILTERED POSTS (MODIFIED TABS)**/

.addbio-filtered-posts .tab { 
    background:#b8dde1;
    border:none !important; 
    color:#ffffff !important;
    font-size:1.3em;
    margin-right:20px; 
}
.addbio-filtered-posts .tab.active_tab { 
    background:#00adbb !important;
    font-weight:normal;
}
.addbio-filtered-posts .active_tab_content { 
    background:none !important; 
    border:none !important; 
    padding:10px 0px 0px 0px !important;
}


/** SMALL ICON LIST **/

.addbio-small-icon-list .article-icon-entry { padding-bottom:0.7em; }
.addbio-small-icon-list .iconlist_content_wrap { padding-left:0.5em !important; }


/** Compensation for negative margin below blurb **/
.negative-top-margin { margin-top:-120px; }



/********************************
    Buttons & CTAs
********************************/

a.addbio-button { 
    background:#00adbb;
    color:#ffffff !important;
    display:block;
    font-size:1.4em;
    line-height:1.4em;
    padding:16px 30px;
    text-align:center;
    width:100%;
}

a.addbio-button:hover { 
    background:#006580;
    text-decoration:none;
}

/********************************
    Forms
********************************/

.contact-form .col { width:48%; }
.contact-form textarea { height:120px; }
.contact-form input[type='text'], 
.contact-form input[type='email'], 
.contact-form textarea { 
    background: #5d8e9c !important;
    border: solid 2px #b8dde1 !important;
    color:#ffffff !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 300 !important;
    padding:10px !important;
}
.contact-form input[type='submit'] { 
    background:#003e52 !important; 
    border:solid 2px #ffffff;
    color:#ffffff !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:1.6em;
    font-weight: 300 !important;
    padding:10px !important;
    width:100%; 
}

/********************************
	Footer
********************************/


/*** FOOTER ***/ 

#footer { padding-top: 30px; }
#footer p { 
    font-size:0.9em;
    line-height: 1.3em;
    margin:0px; 
}
#footer .contact-details.row { margin-bottom: 40px; }
#footer div.floatLeft { padding-right:10px; }


/********************************
	Miscellaneous
********************************/

#top .scroll-top-link { font-size:2em; }

.image-overlay { background: #00adbb !important; }

.hide { display:none; }

.avia-tooltip, .avia-tooltip .avia-arrow {                                          
    background:rgba(0,101,128,0.6);
    border:1px solid #00adbb; 
    border-radius:2px; 
}
.avia-tooltip h2 { margin-top:0px !important; }

/* FTS Social feeds */

.fts-powered-by-text-popup a.fts-powered-by-text { display: none !important; }
.slicker-instagram-placeholder .slicker-date { left: 0px; }

.fts-twitter-scrollable::-webkit-scrollbar,
.fts-instagram-scrollable::-webkit-scrollbar {
    width: 1em;
}
 
.fts-twitter-scrollable::-webkit-scrollbar-track,
.fts-instagram-scrollable::-webkit-scrollbar-track {
    background-color:#b8dde1;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.fts-twitter-scrollable::-webkit-scrollbar-thumb,
.fts-instagram-scrollable::-webkit-scrollbar-thumb {
  background-color: #00adbb;
  outline: 1px solid #006580;
}

/********************************
	Media Queries
********************************/
/* 
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */



@media only screen 
	and (max-width: 1374px) {
	.avia-fullwidth-slider h2 span { 
		font-size:1.5em !important;
	}
}
@media only screen and (max-width: 1268px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }
}
@media only screen 
	and (max-width: 1235px) {
	.top-heading { font-size:1.6em; overflow:hidden; }
	.avia-fullwidth-slider h2 span { 
		font-size:1.3em !important;
	}
}
@media only screen 
	and (max-width: 1094px) {
	#blurb { 
    	padding-left:0;
    	padding-right:0;
    }
	.avia-fullwidth-slider h2 span { 
		font-size:1.1em !important;
	}
	.avia-fullwidth-slider  .avia-slideshow-button {
		font-size:1.4em;
		margin-top:0 !important;
	}
}

@media only screen 
	and (max-width: 955px) {
	.avia-fullwidth-slider h2 span { 
		font-size:0.9em !important;
	}
	.avia-fullwidth-slider  .avia-slideshow-button {
		font-size:1.1em;
	}
}
@media only screen 
	and (min-width: 768px) {
  /* Add your Desktop Styles here */
	
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 990px) {
    #wrap_all {
        position: relative !important;
    }
}


@media only screen 
	and (max-width: 989px) {
	    
    #blurb { 
    	padding-left:0;
    	padding-right:0;
    }
    .responsive  #top .avia-team-member .team-social {
            background: rgba(0,0,0,0.0);
            border: rgba(0,0,0,0.0);
    }
     #title-banner > div:nth-child(2) h1 { font-size: 1.9em; }
    .addbio-filtered-posts article.slide-entry h3 { font-size:1.4em !important; }
}


@media only screen 
	and (max-width: 767px) {
  /* Add your Mobile Styles here */	

	.hide-on-mobile { display:none; }
	.home #blurb .flex_column_table { margin-top: -30px !important; }
	.home .avia-layerslider h2 span { 
		font-size:2.9em !important;
		width:100% !important;
	}
	#blurb .flex_column_table { margin-top: -60px !important; }
	
	.responsive #top .av-masonry-entry { width:100% }
	#title-banner { max-height:200px; }
    #title-banner > div:first-child { 
        max-height:200px !important;
        min-height:200px !important;
    }
    #title-banner > div:first-child h1 { 
        font-weight:300 !important;
    }
    #title-banner > div:nth-child(2) { 
        min-height:240px !important;
    }
    #title-banner > div:nth-child(2) { 
        padding-bottom:40px;
        padding-top:40px;
    }
    #title-banner > div:nth-child(2) h1 { font-size: 1.9em; }
	
	
	
	.page-publications #title-banner > div,
	.page-research #title-banner > div,
	.page-resources #title-banner > div,
	.page-people #title-banner > div,
	.page-careers #title-banner > div,
	.page-events #title-banner > div,
	.page-news-media #title-banner > div,
	.page-blog #title-banner > div { 
        min-height:120px !important;
    }
    .responsive #top.page-publications #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-research #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-resources #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-people #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-careers #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-events #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-news-media #wrap_all .av-flex-cells .no_margin,
    .responsive #top.page-blog #wrap_all .av-flex-cells .no_margin {
        padding-bottom:40px !important;
        padding-top:40px !important;
    }
	.page-publications #title-banner > div:nth-child(2) h1,
	.page-research #title-banner > div:nth-child(2) h1,
	.page-resources #title-banner > div:nth-child(2) h1,
	.page-people #title-banner > div:nth-child(2) h1,
	.page-careers #title-banner > div:nth-child(2) h1,
	.page-events #title-banner > div:nth-child(2) h1,
	.page-news-media #title-banner > div:nth-child(2) h1,
	.page-blog #title-banner > div:nth-child(2) h1 { margin-bottom:0px;}
	
	.addbio-filtered-posts .tab { border-top:1px solid #00adbb !important; }
	.addbio-filtered-posts .tab_inner_content { margin:11px 15px; }
	
	.responsive #top #wrap_all article.slide-entry,
	.responsive #top .addbio-filtered-posts article.slide-entry { 
	    padding-bottom:20px;
	    width:100%; 
	
	}
	.addbio-filtered-posts article.slide-entry h3 { font-size:1.1em !important; }
    .page-events .template-blog .blog-meta,
    .page-events .template-blog .blog-meta .small-preview,
    .page-events .template-blog .post .entry-content-wrapper {
        float:none !important;
        margin-left:0 !important;
        width:100% !important;
    }
    .page-events .template-blog a.more-link { 
        margin-bottom:30px;
        text-align:center;
        width:100%;}
}

@media only screen 
	and (max-width: 767px)
	and (min-width: 480px) {
		
	
		
	}
@media only screen
	and (max-width:480px) {
	    
	.flex_column.av_one_half { width:100%; }
	h1 { font-size:2.3em; } 
	.content { 
	    padding-top:25px;
	    padding-bottom:25px;
	}
	.home #blurb .blurb-inner { padding:30px 20px !important; }
	.home #blurb h1 { font-size:1.8em !important; }
	.home #blurb p.big.light { font-size:1.1em !important; }
    
    #hp-latest h2 { margin-top:30px; }
    #hp-latest .avia-content-slider { margin:10px 0; }
    .partners h1 { 
        margin-bottom:0;
        margin-top:30px;
    }

     
     #blurb .blurb-inner { 
         margin-bottom:0px !important;
         padding-left:20px !important;
         padding-right:20px !important;
     }
     
}
@media only screen
	and (max-width:320px) {

}