h1 {
	text-align: center;
}
a, .blog_entry h1 {
	color:#FB5F18;
}

li a, a.back_link, .social_icons a {
	text-decoration:none !important;
}

a:hover {
	color:#FB5F18;
}

.forum-speakers h3 {
	margin-top:0;
}

/** extra stylings for menu **/
.subsubpage a{
	padding-left: 40px !important;
}


.summary_entry {
	padding-top: 8px;
	padding-bottom: 8px;
}

	.summary_entry h2 {
		margin:0;
	}

.blog_thumb {
	width: 100%;
	height: 180px;
	float: left;
	background-size: cover;
	background-position: center center;
	background-image: none;
	background-color: #000000;
}

.blog-summary-item {
	margin-bottom: 5em;
}
.blog-summary-item img {
	width: 100%;
	height: 30rem;
	object-fit: cover;
}

.spacer {
	margin-top:2.2rem;
}
.spacer2x {
	margin-top:4.4rem;
}
img,picture {
	transition: width 0.5s;
}


@font-face {
	font-family: 'Glyphter';
	src: url('../../fonts/Glyphter.eot');
	src: url('https://www.abliforum.org/plugins/templates/abli/fonts/Glyphter?') format('embedded-opentype'),
		 url('../../fonts/Glyphter.woff') format('woff'),
		 url('../../fonts/Glyphter.ttf') format('truetype'),
		 url('../../fonts/Glyphter.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class*='ibacsym-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   vertical-align:-15%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.ibacsym-arts:before{content:'\0041';}
.ibacsym-education:before{content:'\0045';}
.ibacsym-media:before{content:'\004D';}
.ibacsym-politics:before{content:'\0050';}


/* bootstrap styles updates */		

html {
	font-size: 62.5%;
}
body {
	font-family: 'Roboto Condensed', sans-serif;
}
.panel-default {
	border-radius:0;
	border:1.0rem solid #F3F3F3;
}
.panel-heading {
	filter:none !important; /* adjust bootstrap default old IE */
	background:white !important; /* adjust bootstrap default old IE */
	border:0;
	padding-bottom:0.5rem;
}
.panel-title {
	font-size: 28px;
	font-size: 2.9rem; 
	line-height: 1; /* $line-height-base ÷ 29 */
	padding-bottom:0.5rem;
	border-bottom:1px solid #F3F3F3;
}
.panel-body {
	padding-top:0;
}
.pagination {
	margin: 0px;
}
.pagination>li>a, .pagination>li>span {
	color: #FB5F18;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #FB5F18;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color: #FFFFFF;
	background-color: #FB5F18;
    border-color: #FB5F18;
}


.page-footer {
	background-color: #F3F3F3;
	margin-top: 50px;
	padding: 3rem 0;
}
.page-footer .container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
}
.page-footer .container .left-column {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 60%;
}
.page-footer .container .right-column {
	display: flex;
	flex-direction: column;
	width: 40%;
}
.page-footer .text-links a {
	line-height: 40px;
	padding: 0 1rem;
	color: black;
	white-space: nowrap;
}
.page-footer .text-links a:hover {
	color: #FB5F18;
	text-decoration: underline;	
}
.page-footer .container .left-column > a {
	height: 40px;
	margin: 0 0.5rem 1rem 0.5em;
}
.page-footer .container .left-column > a img.logo-link {
	height: 40px;
	border-radius: 2px;
}
.page-footer .header-language-selector {
	line-height: 35px;
	margin: 0 0.5rem 1rem 0.5em;
}


.project-image-gallery .col-lg-9 {
	padding:0;
}

.project-image-gallery .item,
.project-image-gallery .active,
.project-image-gallery .item img,
.project-image-gallery .active img {
	width:100%;
	height:100%;
}

/* header/nav styles */
.nav-header {
	padding: 2rem 2rem 0.5rem 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nav-header .header-logo {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-header .header-logo img {
	height: 100%;
}
.nav-header .header-logo .header-logo-text {
	color: #000000;
	font-size: 0.6em;
	font-family: serif;
	transform: scale(1, 1.5);
	text-decoration: none;
}
.nav-header .header-logo .header-logo-text > div {
	line-height: 1.2em;
	white-space: nowrap;
}
.nav-header .header-logo .header-logo-text > div > span {
	vertical-align: middle;
}
.nav-header .header-logo .header-logo-text > div > span.tall {
	font-size: 1.5em;
	vertical-align: middle;
}
.nav-header .navigation {
	flex-grow: 2;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	margin-top: 1rem;
}
.nav-header .navigation label.view-more {
	padding: 0.7rem 1.2rem;
	border-left: 1px solid;
	white-space: nowrap;
	cursor: pointer;
}
.nav-header .navigation label.view-more::after {
	content: " \025BC";
    font-size: small;
}
.nav-header input[type=checkbox] {
	position: fixed;
	right: -50px;
	opacity: 0;
}
.nav-header input[type=checkbox]:checked ~ ul {
	height: unset;
}
.nav-header input[type=checkbox]:checked ~ label.view-more::after {
	content: " \025B2";
}
.nav-header .navigation ul {
	list-style: none;
	margin-block-start: 0;
    padding-inline-start: 0;
    margin-block-end: 0;
	width: 100%;
	height: 3.6rem;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.nav-header .navigation ul>li>a {
	color: #333;
	padding: 0;
}
.nav-header .navigation ul li {
	padding: 0.7rem 1.2rem;
	white-space: nowrap;
}
.nav-header .navigation ul li.active a {
	border-bottom: 3px solid #FB5F18;
}

@media only screen and (min-width: 663px) {

	.nav-header .navigation {
		width: unset;
		display: block;
		margin-top: 0;
	}
	.nav-header .navigation ul {
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.nav-header .navigation .view-more {
		display: none;
	}

	.page-footer .container .left-column { width: unset; }
	.page-footer .container .right-column {
		width: unset;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		flex-grow: 1;
	}
}

@media only screen and (min-width: 1000px) {
	
	.nav-header {
		flex-wrap: nowrap;
		padding: 2rem;
	}
	.nav-header .header-logo {
		width: unset;
		justify-content: flex-start;
	}
	.nav-header .navigation {
		order: 2;
	}
	.nav-header .navigation ul {
		flex-wrap: nowrap;
		justify-content: flex-start;
		height: unset;
		margin-left: 3em;
	}
}

/* Home page styles */
.home-banner {
	background-color: #000000;
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 50vh;
	margin-bottom: -25vh;
}
.container.container-overlap {
	background-color: #FFFFFF;
}
.strapline {
	text-align: center;
    font-size: 1em;
    margin-top: -0.5em;
	margin-bottom: 1em;
    font-weight: 100;
    color: #a2d135;
}

.home-image-button {
	margin: 1.2em 0;
}
.home-image-button h3 {
	position: absolute;
	margin-top: 0.4em;
	margin-left: -1px;
	padding: 0.5em 1em;
	background-color: #FFFFFF;
}
.home-image-button img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

/* project styles - for header banner */

.project_banner {
	margin:0 0 0 0;
	height:10rem;
	background:url(../../../../../uploads/page_pics/home2.png) no-repeat top center;
	background-size: cover;
	background-position: center;
	border-bottom:0;
}
.flag_banner {
	margin:5rem 0 0 0;
	height:50px;
	background-image:none;
}

.project_title .title {
	color:white;
	text-shadow: 1px 1px 1px #000;
}
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen and (min-width: 400px) {

	.project_banner {
		height: 20rem;
	}
}
@media only screen and (min-width: 767.9px) {

	.project_banner {
		height: 30rem;
	}
}

.icon_box {
	color:white;
	font-size:75%;
	padding:0.1em 0.3em;
	vertical-align:10%;
}
.project_title h1 {
	margin-top:0;
	border-bottom:1px solid #495969;
	padding-bottom:0.2em;
}
.project_title_l3 {
	font-weight:bold;
	font-size:1.7em;
}
.project_desc {
	margin-bottom:3.0rem;
}
.panel-body div {
	width:100%;
	font-weight:bold;
	background-color:#CCEFF5;
	padding:0.5rem 1.0rem;
	margin:0.7rem 0;
}		
.panel-body div a {
	color:black;
}

.contact_details_heading {
	border-bottom:1px solid #c7c7c7;
	margin-top: 2.8rem;
	padding-bottom:1.0rem;
	margin-bottom:1.0rem;
}
address span {
	display: inline-block;
	margin-top:1.5rem;
}
.action_button {
	font-weight:bold;
	background:#00afcf;
	color:white;
	font-size:22px;
	font-size:2.0rem;
	line-height: 1.318; /* $line-height-base ÷ $fontbase */
	text-align:center;
	padding:2.2rem 0;
	margin-top:2.2rem;
}


.flag_location {
	float:right; 
	height:1.0em;
	width:2em !important; 
	background-color:inherit !important;
	data-layzr-bg: url(../../images/flag_cn.png);
	background: url(../../images/flag_cn.png) no-repeat top left;
	background: -webkit-image-set( url('../../images/flag_cn.webp') 1x) no-repeat top left; 
	background-size: contain;
}

.video_img {
	height: 31.2rem;
	width:100%;
	background-color:black;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	text-align:center;
	font-size:25.0rem;
	line-height: 31.2rem;
	color:#C8CDD1;
	text-shadow: 0 0 10px black;
}
.video_title {
	color:white;
	padding:0.2rem 0.6rem;
	margin:1.5rem 0 1rem 0;
}
.video_desc {
	margin-bottom:4rem;
}


/* related projects */

.related_img {
	height: 21.3rem;
	width:100%;
	background-color:black;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	margin-bottom:2.63rem;
}
.related_link {
	color:white;
	padding:0.2rem 0.6rem;
	margin:1.5rem 0 5rem 0;
}


.related_project_pane a, .video_placer a, .action_pane a {
	text-decoration:none;
}

.icon-bar {
	background-color:#333;
}

.intro p {
	font-size:1.4em;
}

.home .featured_video {
	border:5px #fff solid;
}

.home_banner {
	position:relative;
	margin-top:-200px;
}

.label-default a {
	color:#fff;
}

.contact_details {
	line-height: 1.42857143;
}

.resource_description {
	display:none;
}

.clear { clear:both; }

/****************** Speaker program table styles *******************/
table, td {
	border:1px #ccc solid;
}

td {
	padding:5px;
}

td.heading {
	background-color: #969851 !important;
	color: #fff;
	text-align: center;
}

td.time {
	background-color:#ffd401;
	width:120px;
}

td.heading_break {
	text-align: center;
	color: #b25436;
	font-size: 1.5em;
	font-weight: bold;
	padding-top:12px;
	padding-bottom:12px;
}

td.time_white {
	background-color:#fff !important;
}

@media only screen and (max-width:800px) {
	
	td.time {
		width:88px;
	}
	
}



/* alternative media widths */
@media (max-device-width: 480px) {
	/* 
	$contentwidth = 420
	$fontbase = 13
	$line-height-base = 21
	*/
	body {
		font-size:13px;
		font-size:1.3rem;
		line-height: 1.615; /* $line-height-base ÷ $fontbase */
	}
	h1,.project_title .title	{
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.625; 
	}
	h2 {
		font-size: 23px;
		font-size: 2.3rem;
		line-height: 1.3; 
	}
	h3, .contact_details_heading {
		font-size: 21px;
		font-size: 2.1rem; 
		line-height: 1.0;
	}
	h4 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.333;
	}
}
@media (max-width: 767px) {
	/* 
	$contentwidth = 580
	$fontbase = 15
	$line-height-base = 24
	*/
	body {
		font-size:15px;
		font-size:1.5rem;
		line-height: 1.6;
	}
	h1	{
		font-size: 30px;
		font-size: 3.0rem;
		line-height: 1.619;
	}
	h2 {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.3;
	}
	h3, .contact_details_heading {
		font-size: 24px;
		font-size: 2.4rem; 
		line-height: 1.0;
	}
	h4 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.333;
	}
	.project_title .title {
		font-size:40px;
		font-size:4.0rem;
		line-height:1.2;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	/* 
	$contentwidth = 690
	$fontbase = 16
	$line-height-base = 26 
	*/
	body {
		font-size:16px;
		font-size:1.6rem;
		line-height: 1.625;
	}
	h1	{
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1.639;
	}
	h2	{
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 1.3;
	}
	h3, .contact_details_heading {
		font-size: 26px;
		font-size: 2.6rem; 
		line-height: 1.0;
	}
	h4 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.444;
	}
	.project_title .title {
		font-size:40px;
		font-size:4.0rem;
		line-height:1.2;
	}
}
@media (min-width: 992px) {
	/* 
	http://gregrickaby.com/using-the-golden-ratio-and-rems/
	$contentwidth = 818
	$fontbase = 18
	$line-height-base = 29
	*/
	body {
		font-size:18px;
		font-size:1.8rem;
		line-height: 1.611; 
	}
	h1	{
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 1.625; 
	}
	h2	{
		font-size: 30px;
		font-size: 3rem;
		line-height: 1.3;
	}
	h3 {
		font-size: 28px;
		font-size: 2.8rem; 
		line-height: 1.0; 
	}
	h4 {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.208; 
	}
	.project_title .title {
		font-size:50px;
		font-size:5.0rem;
		line-height:1.2;
	}
	.contact_details_heading {
		font-size:22px;
		font-size:2.2rem;
		line-height: 1.318;
	}
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	width:100% !important;
	height:100% !important;
}

.show-navigation{
	width: 100% !important;
}

.flickr-embed {
	box-shadow: none !important;
	}
	
.flickr-embed-photo{
	width: auto !important;
	height: auto !important;
}	

.main_logo img{
    max-width: 100%;
}

body.previous-forums .forum {
	margin-bottom: 30px;
}
body.previous-forums .forum .forum-header-image {
	height: 200px;
	background-image: url(../../../../../uploads/page_pics/home2.png);
	background-position: center;
	background-size: cover;
}
body.previous-forums .forum h3 {
	margin-top: 8px;
}

.picturegallery {
	position: relative;
   	width: 100%;
   	overflow: hidden;
}