/*!
Theme Name: SOCI Theme
Theme URI: http://underscores.me/
Author: Linx
Author URI: http://stewardsofchange.org/
Description: Stewards of Change Institute
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: soci
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

SOCI Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,700i,800,800i');

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Open Sans',Arial,sans-serif; 
	font-size: 14px;
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	overflow-x:hidden;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	overflow-x:hidden;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

.site-info {
	text-align: center;
	}

h1.site-title, p.site-title {
	margin:         10px 0 0 -2px;
	padding:        0;
	line-height:    1em;
	font-size:      30px;
	letter-spacing: 1px;
	}

.site-title a {
	margin: 0;
	}

.site-title a:hover {
	text-decoration: none;
	}

.site-description {
	font-size:      16px;
	margin:         10px 0 0;
	letter-spacing: 1px;
	}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

.cat-links, .tags-links, .edit-link, .comments-link {
	margin-right: 5px;
	}

.cat-links a, .tags-links a, .edit-link a, .comments-link a {
	text-decoration: none;
	text-transform:  uppercase;
	color:           #2980b9;
	}

.cat-links a:focus, .cat-links a:hover, .tags-links a:focus, .tags-links a:hover, .edit-link a:focus, .edit-link a:hover, .comments-link a:focus, .comments-link a:hover {
	border-bottom: solid 1px #2980b9;
	}


h1.entry-title, h2.entry-title {
	margin-top: 1em;
	}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
border:  1px solid #ccc;
padding: 10px;
width:   100%;
}


textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #014d97;
}

a:visited {
	color: #014d97;
}

a:hover, a:focus, a:active {
	color: #d6af22;
	text-decoration:none;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.navbar {
	padding-left:  0;
	padding-right: 0;
	}

.open > .dropdown-menu {
	-webkit-transform: scale(1, 1);
	transform:         scale(1, 1);
	opacity:           1;
	}

.dropdown-menu {
	margin-top:                  0;
	opacity:                     .5;
	-webkit-transform-origin:    top;
	transform-origin:            top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode:         forwards;
	-webkit-transform:           scale(1, 0);
	transition:                  all 0.3s linear;
	}

.dropdown-toggle::after {
	vertical-align: .150em;
	}

#secondary .nav {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/* Tag Cloud Widget */
.tagcloud a {
	border:          1px solid;
	border-radius:   2px;
	display:         inline-block;
	line-height:     1;
	margin: 0 0.1875em 0.4375em 0;
	padding: 0.5625em 0.4375em 0.5em;
	text-decoration: none;
	}

.tagcloud a:hover,
.tagcloud a:focus {
	color:   #21759b;
	outline: 0;
	}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
	padding:0 80px;
	display:flex;
	border-top:10px solid #f5f5f5;
	border-bottom:2px solid #f5f5f5;
}
.navbar {
	align-items: center;
    width: 100% ;
}
header #main-menu {
	font-weight:bold;
	margin-top:20px;
	text-transform:uppercase;
	 display: flex;
	 width:100%;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}
header #main-menu li {
	font-size:16px;		
}
header #main-menu li a {
	color:#4a4a4a;
	padding:7px 20px;
	border-bottom:4px solid #fff;
}
header #main-menu li a:hover, header #main-menu li.current-page-ancestor a,  header #main-menu li.current-menu-ancestor a,
header #main-menu li.current-menu-item a, .dropdown-item.active, .dropdown-item:active {
	color:#d6af22;
	background:#f0f0f0;
	border-bottom:4px solid #fff;
}

.dropdown-menu {
	background:#f1f1f1 url(images/menu-top-line.png) no-repeat left top;	
	padding:20px 0;
	border:none;
	border-radius:0;
}
header #main-menu .dropdown-menu .dropdown-item,  header #main-menu li.current-page-ancestor .dropdown-menu .dropdown-item  {
	padding:8px 25px 8px 25px;
	font-size:13px;
	font-weight:bold;
	color:#4a4a4a;
	border:none;	
}

header #main-menu .dropdown-menu .dropdown-item:hover, header #main-menu li.current-page-ancestor .dropdown-menu .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
	color:#009688 !important;
	padding-left:25px;
	background:url(images/menu-arrow.png) no-repeat 15px 15px !important;
	border:none;	
}


.social {
	list-style: none;	
	justify-content: flex-end;
	display: flex;
	flex-grow: 1;
	margin: 34px 0 0;
}
.social li {
	margin: 0 0 0 20px;
	font-size: 25px;
}
header .social li:last-child {
	margin-right: 0;
}
.social li a i {
}
.social li a {
	color:#5a5a5a;
	cursor:pointer;
}
.social li a:hover {
	color:#009688;
}
header .social li {
	font-size: 20px;
	display:inline;
}
/* .social li:nth-child(2) a {
	background: #5a5a5a;
	border-radius: 50px;
	padding: 4px 9px;
	color:#fff;
}
.social li:nth-child(2) a:hover {
	background:#009688;
} */

.container {
    max-width: 1455px;
    min-width: 1140px;
}
header {
	position:relative;	
}

/* Header */
.social .i-search {
	width:35px;
	position:relative;	
}
#search-form {
	margin:0;
	padding:0;
	position:absolute;	
	right:0;
	top:-5px;
}
#search-form input[type=search] {
	background: #fff url(images/i-search2.png) no-repeat 9px center;
	padding: 9px 10px 9px 32px;
	border:1px solid #fff;
	width: 35px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	outline:none;
}
#search-form input[type=search]:hover {
	background-color: #fff;
}
#search-form input[type=search]:focus {
	width: 190px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	border:1px solid #ccc;
	cursor: auto;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#search-form input:-moz-placeholder {
	color: transparent;
}
#search-form input::-webkit-input-placeholder {
	color: transparent;
}

/*header .search-form {
	position:absolute;
	right:10%;
	bottom:10px;
	width:300px;
	display:none;
}
*/


/* Popup Video /////*/

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
}
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.no-padding {
	padding:0;
}
.home-banner {
	margin-bottom:0px;	
}
.first-banner-box {
	min-height:750px;
	background:#ccc;
	margin:0 10px 0 0;
	position:relative;
}
.first-banner-box .title {
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	padding:55px 10%;
	width:100%;
	background:#009688;	
}
.first-banner-box .title h3 {
	font-size:25px;
	font-weight:bold;
	color:#fff;	
}
.first-banner-box .title a {
	color:#fff;
}
.first-banner-box .title a:hover {
	opacity:0.5;	
}
.first-banner-box .title .more-link {
	font-size:14px;
	text-transform:uppercase;
}
.box {
	position:relative;
	padding:30px;
	color:#fff;
	margin-right:10px;
	margin-bottom:10px;
	min-height:370px;	
}

.box .icon {
	margin:30px 0 20px;	
}
.box p {
	font-size:14px;	
}
.box .title {
	position:absolute;
	left:0;
	bottom:20px;
	padding:0 30px;	
}
.box .title h3 {
	font-size:16px;
	font-weight:bold;
	color:#fff;	
}
.box .title a {
	color:#fff;
}
.box .title a:hover {
	opacity:0.5;
}
.box .title .more-link {
	font-size:14px;
	text-transform:uppercase;
}

.breaking-news {
	background:#f0f0f0;
	padding:30px 0;
	border-bottom:10px solid #93cdc8;	
}
.breaking-news p {
	margin:0;
	padding:0;	
	width:100%;
}
.breaking-news p.i-news {
	padding:5px 0 5px 50px;
	background:url(images/i-news.png) no-repeat left top;
}
.breaking-news a {
	float:right;
	font-size:14px;	
}
.information {
	margin:80px 0;	
}
.information h2 {
	margin:0;
	padding:0 0 30px;
	font-size:34px;
	text-align:center;
	font-weight:800;
}
.info-box {
	border:1px solid #9b9b9b;
	padding:30px;
	padding-bottom:85px;
	min-height:340px;
	border-radius:5px;
	position:relative;	
}

.information .info-box h3 {
	margin:0;
	padding:0 0 10px;
	font-size:22px;
	font-weight:bold;
	color:#009688;	
}
.information .info-box p.sub-line {
	font-size:18px;
	font-weight:600;
	color:#4a4a4a;
	font-style:italic;	
}
.information .info-box .btn-yellow {
	position:absolute;
	left:0;
	right:0;
	bottom:30px;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:10px 30px;
	background:#d6af22;
	color:#fff;
	display:inline-block;
	border-radius:40px;
	margin:0 auto;
	width:70%;
}
.information .info-box .btn-yellow:hover {
	background:#009688;
}


.two-section {
	margin:80px 0;
	background:url(images/two-sec-bg.jpg) no-repeat right center;	
}
.two-section .video h2 {
	margin:0 0 30px;
	font-size:28px;
	font-weight:bold;
	color:#434343;
}
.two-section .video {
	padding-right:50px;
	border-right:1px solid #979797;	
}
.center-stage {
	padding:0 50px;	
}
.center-stage h2 {
	margin:0 0 30px;
	font-size:28px;
	font-weight:bold;
	color:#434343;
	position:relative;
}
.center-stage a {
	font-weight:600;	
	text-transform:uppercase;
}
.center-stage h2::after {
	content:'_________________';
	position:absolute;
	left:0;
	bottom:-12px;
	letter-spacing:-1px;
}

.center-stage-slider h3 {
	margin:0 0 15px;
	font-size:22px;
	color:#4a4a4a;
	font-weight:bold;
}
.center-stage-slider .owl-item {
	padding:80px 0px;	
}
.center-stage-slider .owl-item a {
	font-size:14px;
	display:block;
	margin-top:20px;	
}

.center-stage-slider .owl-nav {
	position:absolute;
	top:34%;
	width:100%;
}

.center-stage-slider .owl-nav .owl-next, .center-stage-slider .owl-nav .owl-prev {
	width:8px;
	height:15px;
	text-indent:-9009px;
}
.center-stage-slider .owl-nav .owl-next {
	background:url(images/arrow-right.png) no-repeat left top !important;
	right:-30px;
	position:absolute;	
}
.center-stage-slider .owl-nav .owl-prev {
	background:url(images/arrow-left.png) no-repeat left top !important;
	left:-30px;
	position:absolute;	
}
.center-stage-slider .owl-nav .owl-next:hover, .center-stage-slider .owl-nav .owl-prev:hover {
	opacity:0.5;
}

.center-stage-slider .owl-dots .owl-dot span {
	background:#e2e2e2 !important;	
}
.center-stage-slider .owl-dots .owl-dot.active span, .center-stage-slider .owl-dots .owl-dot:hover span {
	background:#d6af22 !important;
}



.soc-unique {
	background:#f0f0f0;	
}
.soc-unique img {
	width:100%;	
}

.soc-inner {
	margin:90px 10% 0 30%;
}
.soc-inner h3{
	margin:0 0 30px;
	font:36px "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#434343;
}



.featured-pub {
	padding:40px 0;
	background: rgba(124,178,169,1);
	background: -moz-linear-gradient(top, rgba(124,178,169,1) 0%, rgba(0,150,136,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,178,169,1)), color-stop(100%, rgba(0,150,136,1)));
	background: -webkit-linear-gradient(top, rgba(124,178,169,1) 0%, rgba(0,150,136,1) 100%);
	background: -o-linear-gradient(top, rgba(124,178,169,1) 0%, rgba(0,150,136,1) 100%);
	background: -ms-linear-gradient(top, rgba(124,178,169,1) 0%, rgba(0,150,136,1) 100%);
	background: linear-gradient(to bottom, rgba(124,178,169,1) 0%, rgba(0,150,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb2a9', endColorstr='#009688', GradientType=0 );
	
}
.featured-pub h2 {
	margin:8% 0 10px;
	padding:0;
	padding-left:25%;
	font-size:34px;
	font-weight:bold;
	color:#fff;
	background:none;
}
.featured-pub p {
	padding-left:25%;
	font-size:26px;
	color:#fff;
}

.featured-pub .btn-white {
	font-weight:bold;
	padding:10px 50px;
	background:#fff;
	color:#1d998c;
	border-radius:40px;
	margin-left:25%;	
}
.featured-pub .btn-white:hover {
	background:#d6af22;
	color:#fff;	
}


/*--------------------------------------------------------------
## About CSS
--------------------------------------------------------------*/
ul {
	margin:0;
	padding:10px 0 30px 20px;	
}
ul.highlight li {
	color:#009688;	
}

#breadcrumb .breadcrumbs {
	margin:0 0 20px;
	padding:0;
	list-style:none;
	color:#009688;	
}
#breadcrumb .breadcrumbs li {
	margin:0;
	padding:0 10px;
	line-height:12px;
	display:inline-block;
	color:#009688;	
	border-right:1px solid #009688;
}
#breadcrumb .breadcrumbs li a {
	color:#009688;
}
#breadcrumb .breadcrumbs li a:hover {
	color:#4a4a4a;
}
#breadcrumb .breadcrumbs li.trail-end {
	border:none;	
}
#breadcrumb .breadcrumbs li.trail-end span {
	font-weight:bold;
}

article .entry-header h1, h1.head, .page-header h1 {
	margin:0;
	padding:0 0 0 40px;
	font-size:34px;
	font-weight:900;
	color:#4a4a4a;
	background:url(images/heading-bullet.png) no-repeat left 5px;	
}
.page-header h1 {
	padding-bottom:30px;	
}


article .entry-header {
	padding:50px 0 0;	
}

h3 {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:600;	
}

h4 {
	margin:0 0 20px;
	padding:0;
	font-size:18px;
	font-weight:900;	
}


/*.full-width-row {
	padding-left:16% !important;	
}
.full-img img {
	width:100%;
	position:absolute;
	right:0;
	top:-158px;
}*/
.full-form .gray-bg {
    height: 132%;
    position: absolute;
    right: -100%;
    top: -160px;
    width: 100%;
    background: #f8f8f8;
}

.full-form {
	width:100%;	
	position:relative;
	background:#f8f8f8;
	min-height:500px;
}
.full-form form {
	margin:0;
	padding:50px 100px;
	width:100%;
	position:absolute;
	right:0;
	top:-160px;
	background:#f8f8f8;
	height:100%;		
}

/*.page-id-35 .full-img img {
	top:-117px;
}*/


.full-img small {
	color:#000;
	font-size:13px;
	display:block;
	padding-right:20px;
	text-align:left;
}
small {
	font-size:13px;
}

.full-width-row {
	position:relative;	
}

.full-img {
    position: absolute;
    min-height: 260px;
    right: -17%;
    top: -157px;
    width: 60%;
}
.full-img p {
	margin-right:20px;
	display:block;
	text-align:left;	
}
.full-img-right {
    position: absolute;
    min-height: 260px;
    left: -17%;
    top: 0;
    width: 60%;
}

.full-img img, .full-img-right img {
	width:100%;
	margin-bottom:15px;	
}

/* Mission ////*/
.page-id-35 .full-img {
	top: -97px;
}

/* IITC ////*/
.page-id-198 .full-img, .page-id-190 .full-img {
    top: -197px;
}



.page-template-page_full_page .entry-content {
	min-height:500px;	
}
.page-id-194 .entry-content  {
	min-height:inherit;	
}

p.hightlight, p.highlight {
	color:#009688;	
}


.panel-grid-cell .widget-title {
	margin:0;
	padding:0 0 0 40px;
	font-size:34px;
	font-weight:900;
	color:#4a4a4a;
	text-align:center;
	margin-bottom:20px;
}

.soc-inner h3 {
	padding-left:0;
	text-align:inherit;	
}

.textwidget h2 {
	margin:0;
	padding:0 0 20px 40px;
	font-size:34px;
	font-weight:900;
	color:#4a4a4a;
	background:url(images/heading-bullet.png) no-repeat left 5px;
}

.page-id-35 h1 {
	display:none;	
}

.book-list {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;	
}
.book-list li {
	flex:0 0 28%;
	margin:0 0 30px;
	padding:0;
	text-align:center;	
}
.book-list li img {
	margin-bottom:15px;	
}
.page-id-10095 .book-list li .button-yellow {
	display:block;	
}
.page-id-10095 .book-list li {
	flex:0 0 15%;
	margin:0 20px 30px;	
}



/*--------------------------------------------------------------
## Board Directors
--------------------------------------------------------------*/
.page-template .site-content {
	padding-bottom:50px;
}
.directors-img {
	position:relative;
}
.directors-img img {
	width:100%;	
}

.directors-img .directors-name {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 30px;
	min-height:100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+99 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */	
}
.directors-name h3 {
	margin:0 0 5px;
	padding:0;
	font-size:30px;
	font-weight:600;
	color:#fff;	
}
.directors-name p {
	font-size:13px;
	font-style:italic;
	color:#fff;	
}
.directors-info {
	padding:50px 70px;
	background:#fafafa;
	height:100%;
}

.directors-list {
	margin-bottom:40px;	
}

/*--------------------------------------------------------------
## Team
--------------------------------------------------------------*/
.team-list {
	padding:0 !important;	
}
.team-img {
	position:relative;
	overflow:hidden;
}
/*.team-img img {
	height:100%;	
}*/

.team-img .team-name {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 30px;
	min-height:100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+99 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */	
}
.team-name h3 {
	margin:0 0 5px;
	padding:0;
	font-size:30px;
	font-weight:600;
	color:#fff;	
}
.team-name p {
	font-size:13px;
	font-style:italic;
	color:#fff;	
}
.team-info {
	padding:40px 30px;
	background:#f2f2f2;
	height:100%;
	font-size:13px;
	line-height:1.6em;
}
.team-info-blue {
	background:#009688;
	color:#fff;
}
.team-box {
	margin-bottom:30px;	
}
.team-box .team-info {
	background:#f2f2f2;
}

.team-info.blue {
	background:#009688;
	color:#fff;
}


/*--------------------------------------------------------------
## Partners
--------------------------------------------------------------*/
.widget-partners {
	margin-bottom:50px;
	padding-top:10px;	
}
.widget-partners h3 {
	margin:0 0 20px;
	padding:0;
	font-size:26px;
	color:#d6af22;
	font-style:italic;
}

.partners-list {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap: wrap;
}
.partners-list li {
	flex:0 0 18%;
	margin:0 22px 35px 0;
	padding:0;	
}
.partners-list li img {
	max-width:100%;	
}
.partners-list li p {
	margin:10px 0 0;
	padding:0;
	font-size:18px;
	font-weight:bold;
}

.partners-list li a {
	color:#4a4a4a;
}
.partners-list li a:hover {
	color:#4a4a4a;
}

.button-yellow, .button-yellow:visited {
	padding:10px 20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#d6af22;
	color:#fff;
	display:inline-block;
	border-radius:3px;
	cursor:pointer;
	outline:none;
}
.button-yellow:hover {
	color:#fff;
	background:#009688;	
}

.widget-icon {
	margin-bottom:20px;	
}

/*--------------------------------------------------------------
## Footer CSS
--------------------------------------------------------------*/
.collection-list {
	margin-bottom:30px;
 	border-bottom:2px solid #d6af23;	
}
.collection-list .collection-head {
	background:#9b9b9b;
}
.collection-list .head {
	
	padding:20px 0 10px;
	position:relative;
}
.collection-list .head a.i-arrow {
	width:45px;
	height:45px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto auto;
	display:block;
	background:url(images/i-arrow-right.png) no-repeat right center;	
}

.collection-list .head h2 {
	margin:0;
	padding:0 20% 10px 0;
	font-size:34px;
	font-weight:900;
	color:#fff;	
}
.collection-list .head h2 a, .collection-list .head h2 a:visited {
	color:#fff;	
}

.collection-list .head p {
	padding:0 20% 0 0;
	color:#fff;	
}

/* Page Navigation ////////////////////////////////////////////*/ 

.page-navi {
	display:table;	
	padding:30px 0;
	width:100%;
}
.page-navi ul {
	list-style:none;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}
.page-navi ul li {
	flex:0 0 30px;
	padding:0;
}
.page-navi ul li a {
	border:1px solid #eee;
	background:#fff;
	display:block;
	padding:5px 15px;
	color:#333;
}
.page-navi ul li a:hover, .page-navi ul li.active a,
.page-navi ul li .current {
	text-decoration:none;
	border:1px solid #009688;
	background:#009688;
	color:#fff;	
}

.page-navi ul li .current {
	display:block;
	padding:5px 15px;	
}

.page-navi ul li:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.page-navi ul li:last-child a {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


/*--------------------------------------------------------------
## Resources
--------------------------------------------------------------*/
.page-id-15 .site-content {
    position:relative;
}
.widget-filter h2 {
	color:#009688;
	font-size:18px;	
}
.widget-filter .filter h3 {
	font-size:18px;
	margin:0;
	padding:0 0 10px;	
}

.widget-filter .filter {
	margin-bottom:30px;	
}

.resources-box { 
 	border-left:5px solid #009688;
	padding:10px 10px 0 20px;
	border-bottom:2px solid #eee;
	min-height:220px;
	margin-bottom:30px;
}
.resources-box:hover {
	background:#f6f7f9;	
}






.resources-box .meta {
	display:table;
	width:100%;
	padding-bottom:8px;
}
.resources-box .meta .date {
	float:left;
	font-size:12px;
	color:#808080;	
}
.resources-box .meta .cate {
	float:right;
	font-size:12px;
	color:#cd8f00;
	text-transform:uppercase;
}
.resources-box h2 {
	margin:0 0 10px;
	padding-right:50px;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	color:#004a98;
	position:relative;
}
.resources-box  p {
	font-size:14px;
	color:#808080;	
}

.resources-box a.more-link {
	text-align:right;
	display:block;
	font-size:12px;
	padding-right:20px;
	padding-bottom:4px;
	background:url(images/i-more.png) no-repeat 99% 7px;
}

.resources-box h2 span {
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:5px;
	text-align:center;
}
.featured {
	 min-height:265px !important; 
	 border:none !important; 
	 padding:0; 
}
.featured:hover {
	background:none;	
}

.featured a.more-link {
	background:#d6af22 url(images/i-more.png) no-repeat 99% 7px;
	color:#fff;
}


/*--------------------------------------------------------------
## Events
--------------------------------------------------------------*/
.event-main-content {
	position:relative;
	padding:80px 0 0;
	min-height:1600px;	
}
.event-main-content h3 {
	width: 90%;
	margin:40px auto 20px;
	padding:0 0 10px;
	font-size:24px;
	font-style:italic;
	border-bottom:1px solid #cecece;
}

.page-id-13 .site-content {
	padding-bottom:0;	
}

/*.page-id-13 .full-img img {
	top:-112px;	
}
.page-id-13 .full-img {
	min-height:100px;	
}*/

.page-id-13 .sidebar {
    padding: 40px;
    margin-top: -17px;
}

.event-list {
	padding-bottom: 40px;
    padding-left: 180px;
    min-height: 265px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.event-list .date {
	width:150px;
	height:150px;
	padding-top:33px;
	text-align:center;
	position:absolute;
	left:0;
	vertical-align:middle;
	color:#fff;
	font-size:26px;
	font-weight:900;
	line-height:inherit;
	border-radius:90px;
	background: rgba(177,234,226,1);
	background: -moz-linear-gradient(top, rgba(177,234,226,1) 0%, rgba(100,200,188,1) 45%, rgba(0,150,136,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,234,226,1)), color-stop(45%, rgba(100,200,188,1)), color-stop(100%, rgba(0,150,136,1)));
	background: -webkit-linear-gradient(top, rgba(177,234,226,1) 0%, rgba(100,200,188,1) 45%, rgba(0,150,136,1) 100%);
	background: -o-linear-gradient(top, rgba(177,234,226,1) 0%, rgba(100,200,188,1) 45%, rgba(0,150,136,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,234,226,1) 0%, rgba(100,200,188,1) 45%, rgba(0,150,136,1) 100%);
	background: linear-gradient(to bottom, rgba(177,234,226,1) 0%, rgba(100,200,188,1) 45%, rgba(0,150,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1eae2', endColorstr='#009688', GradientType=0 );
}
.event-list .date.past {
	background: rgba(235,214,143,1);
	background: -moz-linear-gradient(top, rgba(235,214,143,1) 0%, rgba(220,187,75,1) 45%, rgba(212,174,41,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,214,143,1)), color-stop(45%, rgba(220,187,75,1)), color-stop(100%, rgba(212,174,41,1)));
	background: -webkit-linear-gradient(top, rgba(235,214,143,1) 0%, rgba(220,187,75,1) 45%, rgba(212,174,41,1) 100%);
	background: -o-linear-gradient(top, rgba(235,214,143,1) 0%, rgba(220,187,75,1) 45%, rgba(212,174,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,214,143,1) 0%, rgba(220,187,75,1) 45%, rgba(212,174,41,1) 100%);
	background: linear-gradient(to bottom, rgba(235,214,143,1) 0%, rgba(220,187,75,1) 45%, rgba(212,174,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd68f', endColorstr='#d4ae29', GradientType=0 );	
}

.event-list h2 {
	margin:0;
	padding:20px 0 8px;
	font-size:30px;
	font-weight:900;	
}
.event-list h2 a {
	color:#4a4a4a;	
}
.event-list h2 a:hover {
	color:#d6af22;	
}
.event-list a.more-link {
	position:relative;
	color:#d6af22;	
}
.event-list a:hover.more-link{
	color:#009688;
}
.event-list a.more-link::after {
	position:absolute;
	left:0;
	bottom:-10px;
	content:'_______________';	
}


.event-list .date span {
	font-weight:100;
	display:block;	
}


/*--------------------------------------------------------------
## Event Detail
--------------------------------------------------------------*/
.event-title-bg {
	width:47%;
	height:100%;
	left:-46%;	
	position:absolute;
	top:0;
	background: rgba(97,198,186,1);
	background: -moz-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,198,186,1)), color-stop(45%, rgba(43,172,159,1)), color-stop(100%, rgba(0,150,136,1)));
	background: -webkit-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: -o-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: -ms-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: linear-gradient(to bottom, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c6ba', endColorstr='#009688', GradientType=0 );
}
.event-title h1 {
	margin:0;
	padding:80px 30px 10px;
	font-size:34px;
	font-weight:900;	
}
.event-title p {
	padding:10px 30px 10px;
}

.event-date {
	position:relative;
	margin-bottom:30px;
	padding:30px 20px;
	color:#fff;
	background: rgba(97,198,186,1);
	background: -moz-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,198,186,1)), color-stop(45%, rgba(43,172,159,1)), color-stop(100%, rgba(0,150,136,1)));
	background: -webkit-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: -o-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: -ms-linear-gradient(top, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	background: linear-gradient(to bottom, rgba(97,198,186,1) 0%, rgba(43,172,159,1) 45%, rgba(0,150,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c6ba', endColorstr='#009688', GradientType=0 );
}

.event-date .date {
	font-size:34px;
	color:#fff;
	border-bottom:1px solid #fff;	
	margin-bottom:20px;
}
.event-date .date strong {
	font-weight:900;	
}

.event-title .event-info {
	margin:0 0 30px;
	padding:0;
	list-style:none;	
}
.event-title .event-info li {
	margin:0 0 15px;
	padding:3px 0 3px 35px;	
}
.event-title .event-info li.i-location {
	background:url(images/i-location.png) no-repeat left 6px;	
}
.event-title .event-info li.i-user {
	background:url(images/i-user.png) no-repeat left 4px;	
}
.event-title .event-info li.i-time {
	background:url(images/i-clock.png) no-repeat left 4px;	
}
.event-social {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;	
}
.event-social li {
	margin:0 0 10px;
	padding:0;
	margin-right:15px;	
}
.event-social li a {
	display:inline-block;
	padding-left:20px;
	color:#fff;
}
.event-social li a:hover {
	opacity:0.7;	
}
.event-social li.i-fb a {
	background:url(images/i-fb.png) no-repeat left 3px;	
}
.event-social li.i-twit a {
	background:url(images/i-twitter2.png) no-repeat left 3px;	
}
.event-social li.i-li a {
	background:url(images/i-linked-in2.png) no-repeat left 3px;	
}


.guest-speakers-list {
	padding-top:30px;	
}


.guest-speakers-list h3 {
	margin:0 0 20px;
	padding:0;
	font-size:24px;
}
.guest-speakers-list .guest-speakers h3 {
	margin:0;
	padding:0;
	color:#d6af22;
	font-size:18px;
	font-weight:bold;	
}

.guest-speakers p {
	color:#9b9b9b;	
}
.guest-speakers p.designation {
	color:#4a4a4a;	
}

.sponsors h3, .gallery-list h3, .resources h3 {
	margin:0 0 20px;
	padding:0;
	font-size:24px;
}
.sponsors ul {
	margin:0 10px 30px;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	list-style:none;
}
.sponsors ul li {
	flex: 0 0 12%;
    margin: 0;
    padding: 0 0 10px;
    margin-right: 10px;
}
.sponsors ul li img {
	max-width:100%;	
}

.gallery-list ul {
	margin:0 10px;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.gallery-list ul li {
	margin:0 30px 30px 0;	
}
.gallery-list ul li img {
	border:1px solid #979797;	
}


.session-section {
	margin-bottom:80px;	
}
.session-section table  {
    border-collapse: collapse;	
}

.table-bordered tbody td:nth-child(1) {
	width:34%;
}
.table-bordered tbody td:nth-child(2) {
	width:34%;
}

.session-section table tr td.session-title span {
	color:#d6af22;
	font-size:17px;
	font-weight:bold;
	font-style:normal;
}
.session-section table tr td.session-title {
	font-style:italic;
	position:relative;
	padding-bottom:320px;	
}
.session-section table tr td.session-title p {
	position:absolute;
	left:15px;
	bottom:15px;	
}

.single-event h2 {
	color:#004a98;	
}


.session-section table thead th {
	background:#9b9b9b;
	color:#fff;
	padding:10px;
	text-align:center;
}
.session-cat-list {
	margin:0 30px;
	padding:0;
	list-style:none;	
}
.session-cat-list li {
	margin:0 0 8px;
	padding:0;
	font-size:13px;
	display:table;	
}
.session-cat-list li img {
	margin-right: 10px;
    width: 20px;
    float: left;
    margin-bottom: 20px;	
}
.session-cat-list li a {
	color:#9b9b9b;	
}
.session-cat-list li a:hover {
	color:#4a4a4a;	
}



/*--------------------------------------------------------------
## Graphic Murals
--------------------------------------------------------------*/
.main-content { 
	padding:30px 0;
}
h1.head {
	padding-bottom:20px;
}
.main-content  h3 {
	margin:0 0 20px;
	font-size:34px;
	text-align:center;
	font-weight:900;	
}


.col-full-img-left, .col-full-img-right {
	position:relative;
	min-height:600px;
}
.col-full-img-left img,
.col-full-img-right img {
	position:absolute;
	top:0;
	max-width:200%;
}
.col-full-img-left img {
	left:-30.5%;
}
.col-full-img-right img {
	right:-30.5%;
}

.shorting {
	width:100%;
	padding:20px 0;
	display:table;	
}
.shorting p {
	padding-top:7px;
	float:left;
	color:#009688;
	font-weight:bold;	
}
.shorting .short-box {
	float:right;
}
.shorting .short-box span {
	display:block;
	float:left;
	margin-left:30px;
}
.shorting .short-box span label {
	float:left;
	width:60px;
	padding-top:7px;
	color:#009688;
	font-weight:bold;
}
.shorting .short-box select {
	width:200px;	
}

.mural-box-out {
	margin-bottom:30px;	
}
.mural-box {
	border:1px solid #afafaf;
	overflow:hidden;
}
.mural-box a.title-link {
	margin:0 16px;
	padding:15px 65px 15px 20px;
	display:block;
	min-height:100px;
	position:absolute;
	left:0;
	bottom:0;
	width:93.7%;
	font-size:18px;
	font-weight:bold;
	box-sizing:border-box;
	color:#fff;
	background:#4a4a4a url(images/i-arrow-right2.png) no-repeat right center;	
}
.mural-box a:hover.title-link {
	background:#009688 url(images/i-arrow-right2.png) no-repeat right center;
}

/*.page-id-51 .entry-header {
	padding-left:12.5%;	
}*/
.page-id-51 h1 {
    margin: 0;
    padding: 0 0 20px 40px;
    font-size: 34px;
    font-weight: 900;
    color: #4a4a4a;
    background: url(images/heading-bullet.png) no-repeat left 5px;
}
.page-id-51 h2 {
	padding:0 0 10px;
	background:none;
	font-weight:normal;	
}

/*.page-id-51 .full-width-row {
    padding-left: 12.5% !important;
} 

.page-id-51 .full-width-row-right {
    padding-right: 12.5% !important;
} 

.page-id-51 .full-width-row-right .full-img {
	min-height:500px;	
}

.page-id-51 .full-width-row-right .full-img img {
	top:0;	
}*/


/*--------------------------------------------------------------
## Blog CSS
--------------------------------------------------------------*/
.blog-top {
	margin-bottom:30px;	
}
.blog-top-left {
	padding-top:50px;	
}

.blog-top .blog-img {
	position:relative;
	min-height:300px;	
}
.blog-top .blog-img img {
	position: absolute;
    right: -33%;
    top: 0;
    max-width: inherit;
    width: 125%;
}

.post {
	padding:0 0 20px;
	margin-bottom:50px;
	border-top:10px solid #009688;	
	border-bottom:1px solid #f3f3f4;	
}
.post .entry-header {
	margin:0;
	padding:0;
}
.post .entry-header h2 {
	font-size:18px;
	font-weight:bold;	
}
.post .entry-header h2 a {
	color:#4a4a4a;	
}
.post footer {
	width:100%;
	display:table;
	padding:10px 0 0;	
}
.post .entry-meta {
	float:left;
	opacity:0.5;	
}
.post a.more {
	float:right;
	background:url(images/i-more.png) no-repeat right 6px;
	padding-right:20px;
	font-size:12px;
	color:#004a98;
}
.post a:hover.more {
	color:#009688
}


.post-thumbnail { 
	margin:30px 0;
	border:1px solid #eee;
	
}

.single .site-content {
	position:relative;	
}
.single .site-main {
	min-height:2700px;	
}

.single .post {
	border:none;
	padding:50px 0;	
}
.single .post .more {
	display:none;	
}
.nav-links {
	display:none;	
}

.page-template-default .content-area, .search .content-area {
	padding-top:50px;
	padding-bottom:50px;
}
.page-template-default article .entry-header {
	padding-top:0;	
}

.page-template-default .sidebar {
	position:relative;	
}




.sidebar {
	background:#fbfbfb;
	position:absolute;
	right:-15%;
	top:0;
	flex:0 0 35%;
	max-width:35%;
	height:100%;	
}

.sidebar-page  {
	background:#fbfbfb;
	padding:40px;
}

.sidebar {
	padding:40px;	
}

.page-template-tpl-events .sidebar {
	top:-5%;
	
}
.page-template-tpl-events .sidebar-in {
	padding-top:40px;	
}

.sidebar .widget, .sidebar-page .widget  {
	padding-bottom:30px;	
}

.sidebar .widget h2, .sidebar-page .widget h2 {
	font-size:16px;
	font-weight:bold;
	color:#009688;	
}
.sidebar .widget ul, .sidebar-page .widget ul {
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar .widget a, .sidebar-page .widget a {
	color:#535556;	
}
.sidebar .widget a:hover, .sidebar-page .widget a:hover {
	color:#009688;
}

.search-form .search-field {
	padding:8px 20px;
	border:1px solid #b6b6b6;
	border-radius:30px;
	width:100%;
	box-shadow:0 0 0;	
}
.search-form .search-field:focus,
.search-form .search-submit {
	outline:none;
}

.search-form {
	position:relative;
	width:80%;	
}
.search-form label {
	width:100%;	
}
.search-form .search-submit {
	text-indent:-9009px;
	width:23px;
	height:23px;
	border:none;
	background:url(images/i-search2.png) no-repeat left top;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;	
}


.form-submit .submit {
	padding:10px 20px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#d6af22;
	color:#fff;
	border-radius:3px;
	border:none;
	cursor:pointer;
}
.form-submit .submit:hover {
	color:#fff;
	background:#009688;	
}

/*--------------------------------------------------------------
## Footer CSS
--------------------------------------------------------------*/
.footer-top {
	padding:30px 0;
	background:#fbf5e3;
	color:#4a4a4a;
	font-size:14px;	
}

footer .widget h2 {
	margin:0 0 15px;
	font-size:16px;
	font-weight:bold;
	color:#4a4a4a;	
}
footer .widget ul {
	margin:0;
	padding:0;
	list-style:none;	
}
footer .widget ul li a {
	color:#4a4a4a;	
}
footer .widget ul li a:hover {
	color:#009688;	
}

footer .copyright {
	padding:15px 0;
	background:#444444;	
	color:#fff;
	font-size:14px;
}
footer .copyright p {
	margin:0;
	padding:0;	
}

footer .copyright ul.navbar-nav {
	margin:0;
	padding:0;
	list-style:none;
	display:inherit;
	text-align:right;
}
footer .copyright ul li {
	margin:0;
	padding:0;
	display:inline-block;
	margin-left:15px;	
}
footer .copyright ul li a{
	color:#fff;
}
footer .copyright ul li a:hover {
	opacity:0.5;
}

footer #mktoForm_1157 label, #mktoForm_1157 .mktoGutter,
#mktoForm_1157 .mktoOffset {
	display:none;
}

footer .mktoForm .mktoFormCol {
	width:80%;	
}

footer .mktoButton {
	padding:10px 20px !important;
	font:bold 13px  Arial, Helvetica, sans-serif !important;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#d6af22 !important;
	color:#fff !important;
	border-radius:3px !important;
	border:none !important;
	text-shadow:0 0 0 !important;
}
footer  .mktoForm input[type=email] {
	border-width:2px !important;
	border-color:#ded9c8 !important;	
}
footer .mktoButton:hover {
	color:#fff !important;
	background:#009688 !important;	
}

footer .social li:first-child {
	display:none;
}
footer .social {
	margin:0;
	margin-right:18%;	
	padding:0;
}

.menu-soc-consulting-menu-container {
	padding-top:20px;	
}

.menu-soc-consulting-menu-container li {
	font-weight:bold;
	margin-bottom:20px;	
}





/* MKTO FORM /////////////////////*/
.mktoForm {
	width:100% !important;	
	margin:0;
	padding:0;
}
.mktoForm .mktoRequiredField .mktoAsterix {
    display: inline-block !important;
    margin-right: 6px;
}
.mktoForm .mktoAsterix {
    float: none !important;
    color: #bf0000;
    padding-left: 5px;
    display: none;
}

.mktoForm .mktoFieldWrap, .mktoForm .mktoFormRow {
	width:100% !important;	
}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], 
.mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
	padding:15px 20px !important;
	font-size:14px;
	width:100% !important;	
}

.mktoButtonRow {
	width:100%;
	padding:15px 0 !important;
}

.mktoForm .mktoRequiredField label.mktoLabel {
	font-weight:normal !important;
	color:#494949 !important;
}


/* Contact FORM /////*/
.page-id-19 .site-content {
	padding-bottom:0;	
}
#mktoForm_1166 .mktoFormCol {
	width:48%;
	margin-right:2%;	
}
#mktoForm_1166 .mktoFormRow:nth-child(3) .mktoFormCol {
	width:98%;
}

#mktoForm_1166 .mktoLabel {
	width:100% !important;
}
#mktoForm_1166 .mktoButton {
	padding:10px 50px !important;
	font:normal 12px Arial,sans-serif !important;
	text-shadow:0 0 0;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#d6af22 !important;
	color:#fff !important;
	border-radius:3px !important;
	border:none !important;
	margin-left:39%;
}
#mktoForm_1166 .mktoButton:hover {
	background:#009688 !important;	
}

#mktoForm_1166 .mktoForm input[type=email] {
	border-width:2px !important;
	border-color:#ded9c8 !important;	
}


/* Support Work FORM /////*/
.page-id-332 .site-content {
	padding-bottom:0;	
}
#mktoForm_1159 .mktoFormCol {
	width:48%;
	margin-right:2%;	
}


#mktoForm_1159 .mktoLabel {
	width:100% !important;
}
#mktoForm_1159 .mktoButton {
	padding:10px 50px !important;
	font:normal 12px 'Open Sans',Arial,sans-serif !important;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#d6af22 !important;
	color:#fff !important;
	border-radius:3px !important;
	border:none !important;
	margin-left:39%;
}
#mktoForm_1159 .mktoButton:hover {
	background:#009688 !important;	
}

#mktoForm_1159 .mktoForm input[type=email] {
	border-width:2px !important;
	border-color:#ded9c8 !important;	
}


/*--------------------------------------------------------------
## Responsives CSS
--------------------------------------------------------------*/
/*@media only screen and (max-width: 6000px) {
body {
	background:blue;	
}
.page-template-page_full_page .site-main {
	height:1900px;	
}
}*/
@media only screen and (min-width: 4000px) {
.page-template-page_full_page .site-main {
	height:1900px;	
}
.page-id-10099 .site-main {
    height: 2100px;
}
}
/*@media only screen and (max-width: 4500px) {
body {
	background:green;	
}
}
@media only screen and (max-width: 4000px) {
body {
	background:yellow;	
}
}
@media only screen and (max-width: 3000px) {
body {
	background:red;	
}
}
@media only screen and (max-width: 2000px) {
body {
	background:black;	
}
}*/
@media only screen and (min-width: 2000px) {
.page-id-10099 #pg-10099-0 {
	 height: 450px;
}
.page-id-10095 #pg-10095-0 {
	height: 550px;
}
}

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

.page-id-198 #pg-198-0,
.page-id-10099 #pg-10099-0
.page-id-33 #pg-33-0,
.page-id-10095 #pg-10095-0 {
   height: 550px;
}
.blog .page, .page-template-tpl-events-php .page  {
  height: 350px;
}

#breadcrumb .breadcrumbs {
	width:50%;	
}
#breadcrumb .breadcrumbs li {
	line-height:normal;	
}

.full-img-right {
	width:48%;
	left:0;	
}
.full-img-right img {
	max-width:inherit;
	width:100%;	
}
.page-id-51 #pg-51-0 {
	height:500px;
}
.page-id-51 #pg-51-1 {
	position:relative;	
}


}
@media only screen and (min-width: 2500px) {
.page-id-51 #pg-51-0,
.page-id-33 #pg-33-0,
.page-id-10095 #pg-10095-0 {
   height: 650px;
}
.page-id-10099 #pg-10099-0 {
	height:550px;	
}

.page-id-51 #pg-51-1 {
   height: 750px;
}
.blog .page,
.page-template-tpl-events-php .page  {
  height: 450px;
}
}
@media only screen and (min-width: 3000px) {
.page-id-51 #pg-51-0,
.page-id-51 #pg-51-1,
.page-id-10099 #pg-10099-0,
.page-id-33 #pg-33-0,
.page-id-10095 #pg-10095-0 {
   height:1000px;
}
.blog .page,
.page-template-tpl-events-php .page  {
  height: 550px;
}
}
@media only screen and (min-width: 4000px) {
.page-id-51 #pg-51-0,
.page-id-51 #pg-51-1,
.page-id-10099 #pg-10099-0,
.page-id-33 #pg-33-0,
.page-id-10095 #pg-10095-0 {
   height: 1500px;
}
.blog .page,
.page-template-tpl-events-php .page  {
  height:1050px;
}
}
@media only screen and (min-width: 1980px) {
.page-template-page_full_page .site-main {
	min-height:900px;
}

.content-area, .full-width-row {
    position: inherit !important;
}
.full-img, .page-id-35 .full-img,
.page-id-198 .full-img, .page-id-190 .full-img {
    top: 134px;
    right: 0;
    text-align: right;
    z-index: 99;
	width:48%;
}

.full-img img {
	max-width:100%;
	width:100%;	
}
.full-img iframe {
	height:600px !important;
}

.team-list .team-img img {
	width:100%;
}

.event-title-bg {
    width: 247%;
    height: 100%;
    left: -247%;
}

/*#pg-51-1 .full-width-row .textwidget  {
	position:relative;
}*/

.collection-list img {
	width:100%;	
}



}
@media only screen and (max-width: 1882px) {
.box .title h3 {
    font-size: 16px;
}
}
@media only screen and (max-width: 1740px) {
.navbar-brand {
	margin-right:0;
}
.full-img {
    right: -10%;
    width: 50%;
}

.full-img img {
	max-width:100%;
	width:!important;	
}
.full-img iframe {
	height:515px !important;
}

}
@media only screen and (max-width: 1598px) {
.full-img {
    right: -4%;
    width: 50%;
}
}
@media only screen and (max-width: 1466px) {
.so-widget-home-five-boxes .col-md-7,
.so-widget-home-five-boxes .col-md-5 {
	flex:0 0 100%;
	max-width:100%;	
}

header #main-menu li {
    font-size: 12px;
}

}
@media only screen and (max-width: 1440px) {
.full-img {
    position: absolute;
    min-height: 260px;
    right: -8px;
    top: -157px;
    width: 50%;
}
article .entry-header h1, h1.head, .page-header h1 {
	width:50%;	
}
}

@media only screen and (max-width: 1366px) {
.site-header {
	padding: 13px 20px;
}
.site-header #main-menu li a {
    padding: 0 20px;
}
/*.full-width-row, .full-width-row-right {
	padding-left:15px !important;
	padding-right:15px !important;	
}*/

.full-img {
    right: -21px;
    width: 50%;
}
.full-img-right {
	left:0;
	width:50%;
}

/*.col-full-img-left img,
.col-full-img-right img {
	max-width: 125%;

}*/

.box .title h3 {
    font-size: 16px;
}

.blog-top .blog-img img {
    right: -15px;
    width: 100%;
}
.blog-top .blog-img {
    min-height: 220px;
}

.sidebar {
	right:-40px;
	flex: 0 0 28%;
    max-width: 28%;	
}

.no-results  {
	padding:40px;	
}

.team-list .team-box {
	flex:0 0 100%;
	max-width:100%;
}
.team-list .team-img img {
	width:100%;
}


}
@media only screen and (max-width: 1300px) {
article .entry-header {
	width:50%;	
}
.navbar-brand {
    margin-right: 0;
    width: 25%;
}
}
@media only screen and (max-width: 1200px) {
.container {
    max-width: 100%;
    min-width: 100%;
}
.box .title h3 {
    font-size: 18px;
}
}
@media only screen and (max-width: 1190px) {
header #main-menu li {
    font-size: 13px;
}
}
@media only screen and (max-width: 1024px) {
body, html { overflow-x:hidden; }	

.navbar-brand {
    margin-right: 60px;
}
.site-header #main-menu li {
	font-size:14px;	
}
.site-header #main-menu li a {
    padding: 0 10px;
}
.container {
	min-width:inherit;
	max-width:inherit;
	width:100%;
}
.box .title h3 {
	font-size:15px;	
}

p.i-news {
	margin:0 20px;	
}
.site-header .social li {
    margin: 0 10px;
    font-size: 25px;
}
.site-header .social li:nth-child(2) a {
    padding: 3px 9px;
}
.navbar-brand {
    margin-right: 10px;
    flex:0 0 28%;
}
.collection-list .head {
	background-position:96% center;	
}
.collection-list .head h2, 
.collection-list .head p {
	padding-right:45px;
}

/*.full-img img {
	position:relative;
	top:0;
}*/

.partners-list li p {
    font-size: 16px;
    line-height: normal;
}

.mural-box a.title-link {
	min-height: 80px;
    font-size: 13px;	
}

.full-form form {
	padding:50px 30px;	
}

}
@media only screen and (max-width:960px) {

.home-banner .col-md-6,
.so-widget-home-welcome-video-center-stage .col-md-6,
.soc-unique .col-md-6 {
	flex:0 0 100%;
	max-width:100%;
}
.box {
	margin-right:0;
	margin-bottom:10px;
}
.first-banner-box {
    height: 500px;
	margin-right:0;
	margin-bottom:10px;
	background-size:100% !important;
}
.two-section .video {
	padding:0 0 30px;
	border:none;	
}

article .entry-header h1, h1.head, .page-header h1 {
	width:auto;	
}

}

@media only screen and (max-width:812px) {
.navbar-brand {
	flex:0 0 100%;
	margin-right:0;	
}
.site-header .social {
	display:none;	
}
/*Header ////////////////////////////////////////////*/
.site-header {
	padding:13px 20px;
	overflow:hidden;
}
.site-header .navbar {
	flex:0 0 100%;
    flex-wrap: wrap;
}
/* Main Menu ////////////////////////////////////////////*/

.dropdown-toggle::after {
	display:inline-block;
}
.site-header .navbar-toggler { 
	position:absolute; 
	top:15px;
	right:0px;
}

.site-header #main-menu {
	display:block;
	width:100%;
	margin:20px 0 0;
	list-style:none;
}

.site-header #main-menu li {
	paddding:5px 10px;
	border-top:1px solid #eee;
}

.site-header #main-menu li .dropdown-menu {
	left:0;
	top:0;
	margin-left:0;	
	-webkit-box-shadow: -1px 0px 14px -4px rgba(0,0,0,0);
	-moz-box-shadow: -1px 0px 14px -4px rgba(0,0,0,0);
	box-shadow: -1px 0px 14px -4px rgba(0,0,0,00);	
	border:none;
	padding-top:0;
	position:relative;
}
.site-header #main-menu li .dropdown-menu, .site-header #main-menu li .dropdown-menu span {
	display:none;	
}
.navbar-expand-md .navbar-collapse {
	display:none !important;
}
.navbar-expand-md .navbar-toggler {
	display:block;	
}
.collapse.show {
	display:block !important;
	clear:both;
	flex:0 0 100%;	
}



.soc-inner {
    margin: 35px 10% 35px 35px;
}
.full-img, .page-id-35 .full-img,
.page-id-198 .full-img,
.page-id-190 .full-img,
.full-img-right {
	right:0;
	top:0;
	position:relative;
	width:100%;	
	min-height:inherit;
}

.directors-name h3 {
	font-size:20px;	
}
.directors-name p {
	margin:0;
	line-height:normal;
}
.directors-info {
	padding:30px;	
}
.main-content {
    padding: 30px 15px;
}
.page-template-tpl-events .sidebar {
    top: 0;
}
.full-form .gray-bg {
	display:none;	
}


/*.col-full-img-left, .col-full-img-right {
	min-height:inherit;
	margin-bottom:30px;	
}
.col-full-img-left img, .col-full-img-right img {
    max-width: 100%;
}
.col-full-img-left img {
	left:0;
	position:relative;	
}
.col-full-img-right img {
	right:0;
	position:relative;	
}*/
.mural-box a.title-link {
	width:88.2%;
	min-height:inherit;
	font-size:13px;	
}

/* Form CSS ////*/

#mktoForm_1166 .mktoFormCol {
	width:100%;
	margin-right:0;	
}
#mktoForm_1166 .mktoButton {
	margin-left:0;	
}
.full-form form {
	padding:50px 30px;	
}

.book-list li {
    flex: 0 0 45%;
    margin: 0 0 30px;
}

.mktoFormCol {
	width:100% !important;		
}
.mktoLabel {
	padding-bottom:5px !important;	
}
.mktoForm .mktoFormRow .mktoField {
    font-size: 13px;
}

.mktoButton {
	margin-left:0 !important;		
}

/*.full-img img, */.full-form form {
	top:0 !important;
	position:relative !important;		
}
/*.full-img img {
	width:inherit !important;
	max-width:100% !important;	
}*/

.full-img small {
	position:relative;
		
}
.event-list {
	min-height:inherit;	
}

.center-stage {
	padding:0 20px;	
}
.center-stage-slider .owl-item {
	padding:0;
}
.single .site-main {
    min-height: 3200px;
}
.sidebar {
    right: -15px;
}

.sponsors ul li {
    flex: 0 0 18%;
}

}

@media only screen and (max-width:736px) {
.site-header {
    padding: 13px 20px;
    display: table;
    width: 100%;
}
.navbar-brand {
    flex: 0 0 70%;
}

.first-banner-box {
	height:inherit;	
	min-height:650px;
}
.first-banner-box, .box {
	margin-right:0;
	margin-bottom:0;
}
.box {
	margin-top:10px;
}


.so-widget-board-of-directors .col-md-5,
.so-widget-board-of-directors .col-md-7 {
	flex:0 0 100%;
	max-width:100%;
}


.single .site-main {
	min-height:inherit;	
}
.sidebar {
    right: 0;
    flex: 0 0 100%;
    max-width: 100%;
	position:relative;
} 

.book-list li {
    flex: 0 0 28%;
}


.team-img img {
	width:100%;	
}

.partners-list li {
    flex:0 0 45%;
}

.sponsors ul li {
    flex: 0 0 30%;
}

}
@media only screen and (max-width:414px) {
header .search-form {
	display:block;
	top:10px;
	left:0;
	bottom:0;
	position:relative;
	width:100%;	
}

.first-banner-box {
	background-size:100% !important;
	height: inherit;
    min-height: 560px;	
}
.two-section .video {
	padding-right:0;
	border:none;
	margin-bottom:20px;	
}

.soc-inner {
    margin: 25px;
}
.soc-inner h3 {
	font-size:20px;	
}
.info-box {
	margin-bottom:30px;	
}
.featured-pub h2 {
	padding-left:0;
	font-size:24px;
}
.featured-pub p {
	font-size:16px;
	padding-left:0;	
}
.featured-pub .btn-white {
	margin-left:0;
}
.featured-pub img {
	margin-top:50px;	
}

/*.full-img,
.full-width-row-right .full-img {
	min-height:inherit !important;	
}*/

.directors-info {
    padding: 20px; 
}
.directors-name h3 {
	font-size:18px;
}
.directors-name p {
	margin:0;	
}

.team-name h3 {
   font-size: 20px;
}

.partners-list li {
    flex:0 0 100%;
}
.partners-list li img {
	width:100%;	
}

.shorting .short-box select {
    margin-bottom: 10px;
}


.panel-grid-cell .widget-title {
	padding-left:0;	
}

article .entry-header h1, h1.head, .page-header h1 {
    font-size: 25px;
}

	
.mural-box a.title-link {
	width:92.5%;	
}

.book-list li {
    flex: 0 0 45%;
}

.event-list .date {
	position:relative;
} 
.event-list h2 {
	margin-top:0;	
}
.event-list {
	padding:0 0 50px;
	min-height:inherit;	
}

.session-cat-list {
	margin:0;	
}

.session-section table tr td.session-title {
	padding-bottom:inherit;
}

.session-section table tr td.session-title p {
    position: relative;
    left: 0;
    bottom: 0;
}

.event-title h1, .event-title p {
   padding: 30px 0px 10px;
}

.guest-speakers-list img {
	margin-bottom:20px;
	width:100%;	
}


}
@media only screen and (max-width:375px) {
.mural-box a.title-link {
	width:91.7%;	
}
}

/* Page builder CSS*/
#pg-86-0, #pg-86-1, #pg-86-2, #pg-86-3, #pg-86-4, #pl-86 .so-panel {
	margin-bottom:0 !important;	
}

@media only screen and (max-width: 600px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	td { 
		/* Behave  like a "row" */
		position: relative;
		padding-left: 50%; 
		
	}
	.table-bordered td {
		padding-top:35px;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Title"; }
	td:nth-of-type(2):before { content: "Description"; }
	td:nth-of-type(3):before { content: "Resources"; }
	
	.table-bordered tbody td:nth-child(1) {
	width:auto;
	}
	.table-bordered tbody td:nth-child(2) {
		width:auto;
	}
}