/*
Theme Name: Graphics Interface Theme 2016
Theme URI: https://wordpress.org/themes/gi
Author: GI (c)
Author URI: https://graphicsinterface.org/
Version: 1.0
Description: Theme for main Graphics Interface website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gi

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.

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


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 *   6.3 - Page Navigation
 *   6.4 - Search Bar
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Headers
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 *    12.4 - Front Page
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large


 * Colour Palette
 * Extra Light Blue: #67D6FE;
 * Light Blue: #37A6DE;
 * Dark Blue: #056593;
 * Blue-Black #191E28;
 */



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

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 	border: 0;
 	font-family: inherit;
 	font-size: 100%;
 	font-style: inherit;
 	font-weight: inherit;
 	margin: 0;
 	outline: 0;
 	padding: 0;
 	vertical-align: baseline;
 }

 html {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	font-size: 62.5%;
 	overflow-y: scroll;
 	-webkit-text-size-adjust: 100%;
 	-ms-text-size-adjust: 100%;
 }

 *,
 *:before,
 *:after {
 	-webkit-box-sizing: inherit;
 	-moz-box-sizing: inherit;
 	box-sizing: inherit;
 }

 body {
 	background: #f1f1f1;
 }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

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

a img {
	border: 0;
}

/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;

}

.fp_icon {
	text-align: center;
	line-height: normal;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	speak: none;
	text-decoration: none;
	text-transform: none;
	vertical-align: top;
	width:100%;
}

.fp_icon a {
	color:#CCC;
}
.fp_icon a:hover {
	color:#37A6DE;
}
.fp_icon span {
	font-size: 2.5em;
	text-align:center;
	width:auto;
	height:auto;
}

.link-icon {
	color: #DDD;
	font-size:0.9rem;
	float:left;
}
.link-icon span {
	vertical-align:middle;
	font-size:26px;
}

/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
	color: #191e28;
	font-family: Lato, sans-serif;
	font-size: 15px;
	font-size: 1.4rem;
	line-height: 1.6;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}

h1 {
	padding-top:10px;
}

p {
	margin-bottom: 1.6em;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 0.9em;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p {
	margin-bottom: 1.6667em;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 12px;
	font-size: 1.5rem;
	font-family: Lato, sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

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

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/* Special Text classes */

.asterix {
	font-size:11px;
}

.published {
	font-size:11px;
}

/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style:square;
}

ol {
	list-style: decimal;
}

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

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}



/**
 * 5.0 Forms
 */

/* Unchanged */


/**
 * 6.0 Navigation
 */
 #cssmenu,
 #cssmenu ul,
 #cssmenu ul li,
 #cssmenu ul li a {
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
   line-height: 1;
   display: block;
   position: relative;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 #cssmenu {
   width: 100%;
   background-color:#292e38;
   border-radius: 5px;
 }
 #cssmenu ul ul {
   display: none;
   border-radius: 5px;
 }
 .align-right {
   float: right;
 }
 #cssmenu > ul > li > a {
   padding: 15px 20px;
   cursor: pointer;
   z-index: 2;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   color: #ffffff;
   background: transparent;
 }
  #cssmenu > ul > li.open > a, #cssmenu > ul > li > a:hover {
   color: #eeeeee;
   background: rgb(55, 166, 222);
   border-radius: 5px;
 }

#cssmenu > ul > li.active > a {
   color: #eeeeee;
   background: rgb(4, 51, 73);
 }
 #cssmenu > ul > li:last-child > a,
 #cssmenu > ul > li.last > a {
 }
 .holder {
   width: 0;
   height: 0;
   position: absolute;
   top: 0;
   right: 0;
 }
 .holder::after,
 .holder::before {
   display: block;
   position: absolute;
   content: "";
   width: 6px;
   height: 6px;
   right: 20px;
   z-index: 10;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -ms-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
 }
 .holder::after {
   top: 17px;
   border-top: 2px solid #ffffff;
   border-left: 2px solid #ffffff;
 }
 #cssmenu > ul > li > a:hover > span::after,
 #cssmenu > ul > li.active > a > span::after,
 #cssmenu > ul > li.open > a > span::after {
 }
 .holder::before {
   top: 18px;
   border-top: 2px solid;
   border-left: 2px solid;
   border-top-color: inherit;
   border-left-color: inherit;
 }
 #cssmenu ul ul li a {
   cursor: pointer;
   padding: 10px 20px;
   z-index: 1;
   text-decoration: none;
   font-size: 13px;
   color: #eeeeee;
   background: #49505a;
 }
 #cssmenu ul ul li:hover > a,
 #cssmenu ul ul li.open > a,
 #cssmenu ul ul li.active > a {
   background: #39404a;
   color: #ffffff;
 }
 #cssmenu ul ul li:first-child > a {
   box-shadow: none;
 }
 #cssmenu ul ul ul li:first-child > a {
 }
 #cssmenu ul ul ul li a {
   padding-left: 30px;
 }
 #cssmenu > ul > li > ul > li:last-child > a,
 #cssmenu > ul > li > ul > li.last > a {
   border-bottom: 0;
 }
 #cssmenu > ul > li > ul > li.open:last-child > a,
 #cssmenu > ul > li > ul > li.last.open > a {
 }
 #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
   border-bottom: 0;
 }
 #cssmenu ul ul li.has-sub > a::after {
   display: block;
   position: absolute;
   content: "";
   width: 5px;
   height: 5px;
   right: 20px;
   z-index: 10;
   top: 11.5px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -ms-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
 }
 #cssmenu ul ul li.active > a::after,
 #cssmenu ul ul li.open > a::after,
 #cssmenu ul ul li > a:hover::after {
   border-color: #ffffff;
 }

#cssmenu li.highlight a {
  color: #a6de37;
}
/**
 ## Scroll Up
  */

 #scrollUp {
   bottom: 20px;
   right: 20px;
   width: 38px;    /* Width of image */
   height: 38px;   /* Height of image */
   background: no-repeat url('img/top.png');
 }


/**
 * 6.1 Links
 */

a {
	color: #37A6DE;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #056593;
}


/**
 * 6.2 Banners & Menus
 */

.top-banner {
	padding:0;
	margin:0;
}


.top-nav {
	padding:0;
	margin:auto;
	width:100%;
	margin-bottom:10px;
	background-color:#efefef;
	color:#eee;
	box-shadow: 0px 2px 5px #666;
	z-index:90;
}



/* reset screen-reader-text */

/* unchanged */

/**
 * 6.3 Page Navigation
 */

/* Anchor menu for page sections */

.page-nav {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 14px;
	padding-top: 0px;
	width:100%;
	padding-left:0;
}

/* Owl Post Slider */

#post-slider {
	margin: 10% auto 5% auto;
	background-color:transparent;
	text-align:center;
	max-width: 300px;
	}

.post-slider-current a {
  font-weight: bold;
	color:#222;
}

#post-slider .item {
  margin: auto 5% auto 5%;
	text-align: center;
	font-size:0.8rem;
	font-size:0.8em;
}

#menu-slider {
	margin: 5% auto 5% auto;
	background-color:#e7e7e7;
	text-align:center;
	}

#menu-slider .item {
	font-size:0.8rem;
	font-size:0.8em;
	margin:1%;
}

/**
 * 6.4 Expandable Search Bar *
 */

.search-bar {
position: relative;
margin-top: 0px;
width: 0%;
min-width: 40px;
height: 40px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}

.search-input {
background: #DDD none repeat scroll 0 0;
border: medium none;
color: #191e28;
font-family: inherit;
font-size: 14px;
height: 40px;
margin: 0;
outline: medium none;
padding: 0 2%;
position: absolute;
right: 0;
top: 0;
width:60%;
}

input[type="search"].search-input{
-webkit-appearance: none;
-webkit-border-radius: 0px;
}

.search-input:: -webkit-input-placeholder {color: #ccc;}
.search-input: -moz-placeholder {color: #ccc;}
.search-input:: -moz-placeholder {color: #ccc;}
.search-input: -ms-input-placeholder {color: #ccc;}

.search-icon, .search-button {
width: 40px;
height: 40px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 40px;
text-align: center;
cursor: pointer;
}

.search-button {
background: #a6de37;
color: #fff;
border: none;
outline: none;
}

.search-icon {
color: #fff;
background: transparent;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}

.search-icon:before {content: "";}

.search-bar.search-bar-open, .no-js.search-bar {
width: 50%;
}
.search-bar.search-bar-open .search-icon, .no-js .search-bar.search-icon {
background: #191e28;
color: #fff;
}


/**
 * 7.0 Accessibility
 */

/* Unchanged */



/**
 * 8.0 Alignments
 */

/* Unchanged */

/**
 * 9.0 Clearings
 */

/* Unchanged */


/**
 * 10.0 Header
 */

.site-header {
	border-top: 5px solid #71C8F1;
	background-color: #fff;
	border-bottom: none;
	background-color: transparent;
	margin: 0 0 20px 0;
	padding: 0;
	}

.site-branding {
	min-height: 2em;
	position: relative;
	padding:20px 0 0 0;
}

.img-header {
	margin: 0 20px 10px 0px;
}
.img-header a {
	color:#888;
}

.site-title {
	font-family: Lato, sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.3636;
	margin-bottom: 0;
}

.site-description {
	display: none;
	font-family: Lato, sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0.5em 0 0;
	opacity: 0.7;
	color:#fff;
	word-break:keep-all;
	text-wrap:supress;
	text-align:center;
}

#logo {
	width:100%;
	padding:auto;
	text-align:center;
}

#logo img {
	margin:auto;
	width:175px;
}

#chccs-logo {
	width: 230px;
	margin:auto;
	text-align:center;
}

#chccs-logo img {
	margin:auto;
	width:auto;
}

#print-masthead {
	display:none;
}

/**
 * 11.0 Widgets
 */

.widget {
	padding:0;
}
#widget-area {
		width:240px;
		text-align:center;
		background-color:#191e28;
		border:none;
		margin:60px auto auto auto;
	}

#widget-area aside {
	}

#widget-area img {
		width:100%;
	}

.textwidget a {
  border:none;
}

/*
Accordion widget content
*/
.ui-widget-content a {
  color: #056593 !important;
}

/**
 * 12.0 Content
 */

.content-area {
	padding-bottom:2em;
}
.secondary {
	background-color: #fff;
	display: none;
	padding: 0 20px;
}

.secondary.toggled-on {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	display: block;
}

.widget-area {
	margin: 9.09090% auto 0;
}

.site-footer {
	background-color: #dddfe4;
	color:#444;
	border-top: 2px solid #444;
	padding: 10px;
	width:100%;
	margin: 200px 0 0 0;
	text-align:center;
	z-index:99;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
}

/**
 * 12.1 Posts and pages
 */

.hentry {
	background-color: #fff;
	padding-top: 1px;
	position: relative;
}

.hentry.has-post-thumbnail {
	padding-top: 0;
}

.hentry.sticky:not(.has-post-thumbnail) {
	padding-top:0;
}

.hentry + .hentry {
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.summary-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom: 10px;
}

h4.category {
		font-family: Lato, sans-serif;
		color:#299CD3;
		/* background-color: #D5F0FD; */
		/* border-left: 7px solid #299CD3; */
		padding:0px;
		margin-top:10px !important;
		text-transform: uppercase;
		font-weight: normal;
}
h4.category a {
		color:#299CD3;
}
h4.category a:hover {
		color:#299CD3;
}

.data {
}
.proceedings-entry {

}
.proceedings-section {
  border-bottom:1px solid #DDD;
}

.proceedings-entry-title {
	font-weight:300;
}
.proceedings-entry-authors {
	margin-bottom:15px;
}

.proceedings ul {
  margin:0.5em 0 1.1em 0;
  padding:0;
}

.proceedings ul li {
  display: table;
  margin: 0ex 0em 1ex;
  padding: 0px;
  list-style-type: square;
}

.proceedings h3 {
  padding:4px;
  background-color: #EEEEEE;
}

.doc-links {
}

.doc-links ul, .search-links ul {
	margin:4px;
	padding:0;
}

.doc-links li, .search-links li {
	display: inline-block;
	padding:0;
	margin: 2px 4px;

}
.doc-links a {
	background-color: #71C8F1;
	color:#FFF;
	padding:8px;
	white-space:pre-line;
  border-radius:5px;
}
.doc-links a:hover {
	background-color: #056593;
}
.doc-links li.supplementary a {
	background-color: #c8f171;
	color:#FFF;
	padding: 8px;
	white-space:pre-line;
  border-radius:5px;
}
.doc-links li.supplementary a:hover {
	background-color: #adea2b;
}
.doc-icons {
  display: table-cell;
}
.doc-icons ul {
  display: inline;
  list-style: none;
  white-space: nowrap;
  padding: 0px;
}
.doc-icons ul li {
  display: inline-block;
  position: relative;
  margin:5px;
}
.doc-icons a {
  margin:3px;
  text-align: center;
}

.supplementary ul {
  display: inline;
  list-style: none;
  padding: 0px;

}
.supplementary ul li {
  display: inline-block;
  margin:5px;
  float:left;
}

.media-icons ul {
  margin:5px;
}
.media-icons ul li {
  margin:5px;
}

.search-links a {
	background-color: #DDD;
	color:#666;
	padding:5px;
	white-space:pre-line;
}
.search-links a:hover {
	background-color: #CCC;
}

.doc-links i {
	font-size: 1.5em;
	vertical-align: middle;
	line-height: inherit;
  	width: 1em;
  	text-align: center;
	display: inline-block;
	font-weight:400;
	text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.paper-title {
	color:#888;
	font-size: 1.2rem;
	font-size:0.9em;
	margin-left:3%;
}

.sidebar-right, .sidebar-right-page {
	display: block;
	position:absolute;
	right:0;
	top:10px;
	width:20%;
	height:100%;
	padding:0 10px 0 0;
	text-align: center;
}

.post-thumbnail img {
	display: block;
	margin: 0 auto;
	width:auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.breadcrumb-trail {
	padding:10px;
	font-size:12px;
	color:#191e28;
}
.breadcrumb-trail a {
	color:#056593;
	text-decoration:underline;
}
.entry-header {
	padding: 0 20px;
}
.entry-title {
	font-size: 26px;
	font-size: 2.8rem;
	line-height: 1.2;
	margin-bottom: 10px;
}

h3.entry-subtitle {
	/*color: #292f36;*/
  color: #494f56;
  background-color: #EEE;
	text-transform: none;
	font-stretch: expanded;
	font-weight: 800;
	font-size: 18px;
	font-size: 1.6rem;
	padding: 5px;
	margin-bottom: 10px;
  border-bottom: 1px solid #292f36;

}

.entry-summary {
	border-top:1px solid #ccc;
}

.entry-content,
.entry-summary {
	padding: 0 20px;
}

.has-sidebar-right {
	width:76%;
}


.entry-summary, .entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 1.5em;
}

.entry-content,
.entry-summary,
.page-content,
.comment-content {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	word-wrap: break-word;

}

.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
	font-size:24px;
	line-height:normal;
}

.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
	font-size: 22px;
	line-height: 1.3636;
}

.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
	font-size: 18px;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-size: 15px;
}

.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
	margin-top: 0;
	border-bottom:none;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
	border-bottom:none;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
	border-bottom:none;
}

.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
}

.entry-content .more-link,
.entry-summary .more-link:after {
	white-space: nowrap;
}

.entry-content .more-link:after,
.entry-summary .more-link:after {
	content: "\f429";
	font-size: 16px;
	position: relative;
	top: 5px;
}

.entry-footer {
	background-color: #f7f7f7;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: inherit;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 3.8461% 7.6923%;
}

.entry-footer a {
	border-bottom: 1px solid transparent;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.entry-footer a:hover {
	border-bottom: 1px solid #333;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #333;
}



.page-header {
	background-color: #fff;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	padding: 7.6923%;
}

.page-title {
	font-family: Lato, sans-serif;
	font-size: 20px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.taxonomy-description {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	padding-top: 0.4em;
}

.taxonomy-description a {
	border-bottom: 1px solid #333;
}

.taxonomy-description a:hover,
.taxonomy-description a:focus {
	border-bottom: 0;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-content {
	background-color: #fff;
	padding: 7.6923%;
}

.page-content > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	font-family: Lato, sans-serif;
	margin-bottom: 1.3333em;
}

.page-links a,
.page-links > span {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	height: 2em;
	line-height: 2;
	margin: 0 0.3333em 0.3333em 0;
	text-align: center;
	width: 2em;
}

.page-links a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	height: auto;
	margin: 0;
	padding-right: 0.5em;
	width: auto;
}

.proceedings ul {
	margin:0px;
}

.proceedings li {
	font-size:14px;
	padding:10px;
}

.proceedings a {
}

.entry-attachment {
	margin-bottom: 1.6em;
}


.entry-caption, .wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.5;
	padding-top: 0.5em;
	word-wrap: break-word;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}



/**
 * 12.2 Post Formats
 */

/* Unchanged */


/**
 * 12.3 Comments: Unchanged
 */


/**
 * 12.4 Front Page
 */


 .awards-main {
		padding:10px;
	}
.awards-main img {
		min-width:50px;
	}
 .awards-main h3, .awards-main h4 {
		text-align:left;
		border:none;
}

/**
 * 13.0 Footer
 */

.site-info {
	color: #ddd;
	color: inherit;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding:20px;
}

.site-info a {
	border-bottom: 1px solid #707070;
	color: #707070;
	color: inherit;
}

.site-info a:hover {
	border-bottom: 1px solid #707070;
	color: #707070;
	color: inherit;

}

.site-info a:hover,
.site-info a:focus {
	border-bottom: 1px solid #707070;
	color: #707070;
	color: inherit;
}


/**
 * 14.0 Media
 */

/* Unchanged */

/**
 * 14.1 Captions
 */

.caption {
	font-size:0.7em;
}


/**
 * 14.2 Galleries/Grids
 */

.grid > img {
	width:auto;
}

.default-grid img {
		margin:auto;
	}

.page-grid-conference-year {
		font-weight: bold;
		font-size:1.2em;
		color:#333;
		margin:2px 0;
		padding:2px 0;
		border:none;
	}

/* ---- Grid styles ---- */

#post-grid {
	margin: 0 auto;
	text-align: center;
}

.grid-item {
  position: relative;
  width:25%;
	min-width: 160px;
  margin:20px;
	text-align: center;
}
.grid-item div a img{
  text-align: center;
  margin: auto;
}
.grid-filter {
	margin:auto;
	text-align: center;
}
.grid-filter button {
	margin-bottom:5px;
	background-color: #DDD;
	color:inherit;
	text-transform: lowercase;
	font-weight: normal;
	border-radius: 6px;
		-webkit-transition: background-color 0.1s linear;
		-o-transition: background-color 0.1s linear;
		transition: background-color 0.1s linear;
}

.grid-filter button.is-checked {
	background-color: #50485b;
	color:#FFF;
}

/* Frontpage Grid */

.grid-frontpage-icon {
	color:#999;
	background-color: #EEE;
	text-align: center;
	padding:4px;
	border-radius: 10px;
	margin-bottom:4px;
}
.grid-frontpage-icon a, .grid-frontpage-icon a:active {
	color:#999;
	background-color: #EEE;
}
.grid-frontpage-icon a:hover{
	color:#666;
	background-color: #EEE;
}

.grid-frontpage-item {
	text-align: left;
	position: relative;
	width:21%;
	min-width: 130px;
}

/* Main Awards Grid */

.grid-awardspage-image {
	text-align: center;
	margin-bottom:15px;
}
.grid-awardspage-image img{
	width:100%;
	min-width: 160px;
  text-align: center;
}

.grid-awardspage-item {
	background-color: #EEE;
	text-align: center;
	padding:10px;
	margin-bottom:4px;
	text-align: left;
	position: relative;
	width:25%;
	min-width: 170px;
}

.grid-awardspage-item h4 {
	margin-bottom:10px;
}

/* Social Media Icons */
ul.social-nav {
	overflow: auto;
}

ul.social-nav li {
	list-style-type: none;
	float: left;
}

ul.social-nav li a i {
	color: #191e28;
	text-align: center;
	margin-right: 10px;
	padding-top: 15%;
}

/**
 * 15.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 15.1 Mobile Large 620px
 */


@media (max-width: 38.75em) {
	.sidebar {
		display:none;
	}

}

@media screen and (min-width: 38.75em) {
	ul,
	ol {
		margin: 0 0 1.6em 1.3333em;
	}

	blockquote {
		margin-left: 1em;
	}

	blockquote > blockquote {
		margin-left: 0;
	}

	.site-branding {
		min-height: 0;
		position:relative;
		padding: 20px 0 0 0;
	}

	.site-title {
		font-size: 2.2em;
		font-size: 2.2rem;
		line-height: 1.0909;
	}

	.site-description {
		display: block;
	}


	.secondary {
		background-color: transparent;
		display: block;
		margin: 0;
		padding: 10px;
	}

	.sidebar {
		float:left;
		margin-right: -100%;
		max-width: 260px;
		height:100%;
		position: fixed;
		width: 260px;
		top:0;
		z-index:96;
		background-color:#191e28;
		/* overflow-y:auto; */
	}


	.main-navigation {
		margin-bottom: 20px;
	}

	.main-navigation ul {
		border-top: 1px solid rgba(51, 51, 51, 0.1);
		border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	}

	.main-navigation ul ul {
		border-top: 0;
		border-bottom: 0;
	}

	.social-navigation {
		margin-bottom: 0px;
		margin-top: 0;
	}

	.widget-area {
		margin-top: 0;
	}

	.widget {
		margin-bottom: 20px;
	}

	.site-main {
		padding: 0;
	}

	.hentry.sticky:not(.has-post-thumbnail) {
		padding-top: 0;
	}

	.hentry,
	.page-header,
	.page-content {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
		margin: 0 auto;
	}

	.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		padding-top:0;
	}

	.hentry + .hentry {
		border-top: 0;
	}

	.post-thumbnail {
		margin-bottom: 20px;
	}

	.entry-header {
		padding: 0 20px;
	}

	.entry-content,
	.entry-summary {
		padding: 0 20px;
	}


	.entry-footer {
		padding: 4.5454% 9.0909%;
	}

	.page-header {
		border:none;
		padding: 0;
	}

	.page-title,
	.taxonomy-description {
		margin-left: -7px;
	}

	.page-content {
		padding: 10px;
	}




}


/**
 * 15.2 Tablet Small 740px
 */

@media screen and (min-width: 46.25em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 14px;
		font-size: 1.4rem;
		line-height:1.6;
	}

	button,
	input {
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1.6842em;
	}

	blockquote {
		font-size:0.9em;
		line-height: normal;
		margin-bottom: auto;
		margin-left: auto;
		padding-left: auto;
	}

	.post-thumbnail {
		margin-bottom: 30px;
	}

	.post-thumbnail img {
		width:90%;
		max-width:200px;
	}

	.entry-content h1,
	.entry-summary h1,
	.page-content h1,
	.comment-content h1 {
		font-size: 2rem;
		line-height: 2.2;
		margin-top:2em;
	}

	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
	margin-top: 2em;

	}

	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3 {

		margin-top: 2em;
		margin-bottom: 1.1852em;
	}

	.entry-content h4,
	.entry-summary h4,
	.page-content h4,
	.comment-content h4 {

		 margin-top: 2em;
		margin-bottom: 1.4545em;
	}

	.entry-content h5,
	.entry-content h6,
	.entry-summary h5,
	.entry-summary h6,
	.page-content h5,
	.page-content h6,
	.comment-content h5,
	.comment-content h6 {
		font-size:14px;
		font-size:1.4rem;
		 margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content .more-link:after,
	.entry-summary .more-link:after {
		top: 3px;
	}

	.default-grid-name h5 {
	margin-bottom:0px;
	margin-top:0;
	line-height:normal;
	}

}


/**
 * 15.3 Tablet Large 880px
 */
@media screen and (max-width: 55em) {
	.breadcrumbs {
		display:none;
	}
	.top-nav {
		position: fixed;
	}


}


@media screen and (min-width: 55em) {


	body:before {
		width:0;
		display: block;

	}

	.site {
		margin: 0 auto;
		max-width: 1403px;
	}

	.secondary {
		background-color: transparent;
		display:block;
		margin: 10px 0;
		padding: 10px;
		height:70%;
		overflow:visible;
		overflow-y:auto;
	}

	.entry-title {
		font-size: 30px;
		font-size: 3.0rem;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	#widget-area {
		width:240px;
		text-align:center;
		background-color:#191e28;
		border:none;
		margin:60px auto auto auto;
	}

	#widget-area aside {
	}

	#widget-area img {
		width:auto;
	}

	.main-navigation {
		padding:10px 0px;
		border-top:1px double #333;
		border-bottom:1px double #333;
		background-color:#191e28;
	}

	.site-main {
		padding: 0;
	}

	.site-content {
		display: block;
		float: left;
		padding-left: 260px;
		width: 100%;
		margin-left:0;
	}

	#page {
		/* padding-top:100px!important; */
	}

	.top-banner {
		padding:0 0 0 259px;
		z-index:90;
	}
	.top-nav {
		position:fixed;
		padding:0 0 0 259px;
		z-index:90;
	}

	body,
	button,
	input,
	select,
	textarea {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1.6842em;
	}

	blockquote {

		line-height: 1.8182;
		margin-bottom: 1.8182em;
		margin-left: -1.0909em;
		padding-left: 0.9091em;
	}

	blockquote p {
		margin-bottom: 1.8182em;
	}

	blockquote cite,
	blockquote small {

		line-height: 1.6842;
	}



	.post-thumbnail {
		margin-bottom: 2.9474em;
		clear:both;
	}

	.entry-content h1,
	.entry-summary h1,
	.page-content h1,
	.comment-content h1 {

		line-height: 2.2;
		margin-top:2em;
	}

	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {

		line-height: 1.25;
		margin-top: 2em;
	}

	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3 {

		line-height: 1.1852;
		 margin-top: 2em;
		margin-bottom: 1.1852em;
	}

	.entry-content h4,
	.entry-summary h4,
	.page-content h4,
	.comment-content h4 {

		line-height: 1.4545;
		 margin-top: 2em;
		margin-bottom: 1.4545em;
	}

	.entry-content h5,
	.entry-content h6,
	.entry-summary h5,
	.entry-summary h6,
	.page-content h5,
	.page-content h6,
	.comment-content h5,
	.comment-content h6 {

		line-height: 1.2632;
		 margin-top: 2em;
		margin-bottom: 1.6842em;
	}

	.entry-content .more-link:after,
	.entry-summary .more-link:after {
		top: 3px;
	}

	.author-info .avatar {
		height: 56px;
		margin: 0 1.6842em 1.6842em 0;
		width: 56px;
	}

	.author-link:after {
		font-size: 24px;
		top: 0;
	}

	.posted-on:before,
	.byline:before,
	.cat-links:before,
	.tags-links:before,
	.comments-link:before,
	.entry-format:before,
	.edit-link:before,
	.full-size-link:before {
		top: 4px;
	}

	.taxonomy-description {
		padding-top: 0.4211em;
	}

	.page-title,
	.comments-title,
	.comment-reply-title,
	.post-navigation .post-title {

		line-height: 1.1852;
	}

	.widget {
		padding:0;
	}

}


/**
 * 15.4 Desktop Small 955px
 */



@media screen and (min-width: 59.6875em) {
	body:before {
		width:0;
		display: block;


	}

	.site {
		margin: 0 auto;
		max-width: 1403px;
	}

	.secondary {
		background-color: transparent;
		display: block;
		margin: 0;
		padding: 10px;
		position:relative;
	};

	.site-main {
		padding: 0;
	}

	.site-content {
		display: block;
		float: left;
		padding-left: 260px;
		width: 100%;
		margin-left:0;
	}

	body {

		line-height: 1.6;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1.6em;
	}

	blockquote {

		line-height: 1.6667;
		margin-bottom: 1.6667em;
		margin-left: -1.3333em;
		padding-left: 1.1111em;
	}

	blockquote cite,
	blockquote small {

		line-height: 1.6;
	}

	pre {
		line-height: 1.2;
	}

	button,
	input,
	select,
	textarea {

		line-height: 1.5;
	}

	button,
	input {
		line-height: normal;
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.post-password-form input[type="submit"] {

		padding: 0.7917em 1.5833em;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 0.375em;
	}

	.main-navigation {
		font-size: 12px;
		line-height:1.5;
		margin: 0;
	}

	.main-navigation a {
		padding: 0.5em 0;
	}

	.main-navigation .page_item_has_children > a,
	.main-navigation .menu-item-has-children > a {
		padding-right: 35px;
	}

	.main-navigation .menu-item-description {

		line-height: 1.5;
	}

	.dropdown-toggle {
		height: 24px;
		width: 24px;
	}

	.dropdown-toggle:after {

		width: 24px;
	}

	.social-navigation li {
		display:inline-table;
		float:right;
		width:auto;
	}

	.social-navigation a {
		height: 3.2em;
	}

	.secondary-toggle {
		display: none;
	}

	.pagination {
		margin: 8.333% 8.333% 0;
	}

	.pagination .nav-links {
		min-height: 3.2em;
	}

	.pagination .page-numbers {
		line-height: 3.2em;
		padding: 0 0.8em;
	}

	.pagination .prev,
	.pagination .next {
		height: 48px;
		padding: 0;
		width: 48px;
	}

	.pagination .prev:before,
	.pagination .next:before {
		height: 48px;
		line-height: 48px;
		width: 48px;
	}

	.image-navigation .nav-previous a:before,
	.image-navigation .nav-next a:after,
	.comment-navigation .nav-previous a:before,
	.comment-navigation .nav-next a:after {

		top: 0;
	}

	.image-navigation {
		padding: 0 10%;
	}

	blockquote.alignleft,
	.wp-caption.alignleft,
	img.alignleft {
		margin: 0.4em 1.6em 1.6em 0;
	}

	blockquote.alignright,
	.wp-caption.alignright,
	img.alignright {
		margin: 0.4em 0 1.6em 1.6em;
	}

	blockquote.aligncenter,
	.wp-caption.aligncenter,
	img.aligncenter {
		clear: both;
		margin-top: 0.4em;
		margin-bottom: 1.6em;
	}

	.wp-caption.alignleft,
	.wp-caption.alignright,
	.wp-caption.aligncenter {
		margin-bottom: 1.2em;
	}

	.site-header {
		background-color: transparent;
		border-bottom: 0;
		margin: 0 0 20px 0;
		padding: 0;
	}

	.site-branding {
		min-height: 0;
		padding: 20px 0 0 0;
	}



	.hentry,
	.page-header,
	.page-content {
		margin: 0 auto;
	}

	.hentry {
		padding-top: 1px;
	}

	.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		margin-top: 0;
	}

	.post-thumbnail {
		margin-bottom: 30px;
	}

	.entry-header {
		padding: 0 20px;
	}

	.entry-title {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.entry-content,
	.entry-summary {
		padding: 0 20px;
	}

	.summary-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.entry-content h1,
	.entry-summary h1,
	.page-content h1,
	.comment-content h1 {

		line-height: 1.2;
		margin-top:2em;
	}

	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {

		line-height: 1.3846;
		 margin-top: 2em;
	}

	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3 {

		line-height: 1.3636;
		 margin-top: 2em;
		margin-bottom: 1.0909em;
	}

	.entry-content h4,
	.entry-summary h4,
	.page-content h4,
	.comment-content h4 {

		line-height: 1.3333;
		 margin-top: 2em;
		margin-bottom: 1.3333em;
	}

	.entry-content h5,
	.entry-content h6,
	.entry-summary h5,
	.entry-summary h6,
	.page-content h5,
	.page-content h6,
	.comment-content h5,
	.comment-content h6 {

		line-height: 1.2;
		 margin-top: 2em;
		margin-bottom: 1.6em;
	}



	.entry-footer {
		padding: 5% 10%;
	}

	.page-header {
		padding: auto;
	}

	.page-content {
		padding: 5%;
	}


	.widget {
		padding:0;
	}
}


/**
 * 15.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1.6471em;
	}

	blockquote {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
		margin-left: -1.05em;
		padding-left: 0.85em;
	}

	blockquote p {
		margin-bottom: 1.75em;
	}

	blockquote cite,
	blockquote small {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.6471;
	}



	.post-thumbnail {
		margin-bottom: 2.4706em;
	}

	.entry-title {

		line-height: 1.2;
		margin-bottom: 10px;
	}

	.entry-content h1,
	.entry-summary h1,
	.page-content h1,
	.comment-content h1 {

		line-height: 1.2;
		margin-bottom: 10px;
	}

	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {

		line-height: 1.2069;
		 margin-top: 2em;
	}

	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3 {

		line-height: 1.1667;
		 margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content h4,
	.entry-summary h4,
	.page-content h4,
	.comment-content h4 {

		line-height: 1.4;
		 margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content h5,
	.entry-content h6,
	.entry-summary h5,
	.entry-summary h6,
	.page-content h5,
	.page-content h6,
	.comment-content h5,
	.comment-content h6 {

		line-height: 1.2353;
		 margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content .more-link:after,
	.entry-summary .more-link:after {
		font-size: 24px;
		top: 2px;
	}


	.widget {
		padding:0;
	}
}


/**
 * 15.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.8;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1.6842em;
	}

	blockquote {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.8182;
		margin-bottom: 1.8182em;
		margin-left: -1.0909em;
		padding-left: 0.9091em;
	}

	blockquote p {
		margin-bottom: 1.8182em;
	}

	blockquote cite,
	blockquote small {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.6842;
	}



	.post-thumbnail {
		margin-bottom: 30px;
	}

	.entry-title {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.entry-content h1,
	.entry-summary h1,
	.page-content h1,
	.comment-content h1 {
		line-height: 1.2308;
		margin-top:2em;
	}

	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
		line-height: 1.25;
	 margin-top: 2em;
	}

	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3 {

		line-height: 1.1852;
		 margin-top: 2em;
		margin-bottom: 1.1852em;
	}

	.entry-content h4,
	.entry-summary h4,
	.page-content h4,
	.comment-content h4 {

		line-height: 1.4545;
		 margin-top: 2em;
		margin-bottom: 1.4545em;
	}

	.entry-content h5,
	.entry-content h6,
	.entry-summary h5,
	.entry-summary h6,
	.page-content h5,
	.page-content h6,
	.comment-content h5,
	.comment-content h6 {

		line-height: 1.1;
		 margin-top: 2em;
		margin-bottom: 1.6842em;
	}

	.widget {
		padding:0;
	}

}


/**
 * 15.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {
	body:before {
		/* width: -webkit-calc(50% - 289px);
		width: calc(50% - 289px); */
		width:0;
	}

	.widget {
		padding:0;
	}
}


/**
 * 16.0 Print
 */

/*

* WordPress Print Button Shortcode
* Author:         Jesse Hallett
* Author URI:     http://bowesales.com/

*/

/* PRINT BUTTON
================================================== */
p a.print-screen { cursor:pointer; font-size:1em; text-decoration:none;
	background-color: #71C8F1;
	color:#FFF;
	padding:5px;
}
p a.print-screen:hover { cursor:pointer; font-size:1em; text-decoration:none;
	background-color: #056593;
}
p.print-left { text-align:left; }
p.print-right { text-align:right; }

/*Hide all except first fieldset*/
 #mbr-form-previous,  #mbr-form-print {
    display: none;
}

/* Printable membership form */
 #mbr-form-fieldset input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 80%;
    color: #2C3E50;
    font-size: 13px;
}
#mbr-form-fieldset textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;
}

/*Form labels*/
 label.form-label {
    text-align: left;
}
.counter-field {
    font-size: 10px;
}


@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	#shiftnav-toggle-main,
	.social-nav,
	.shiftnav,
	.shiftnav-toggle,
	.sidebar,
	.sidebar-right,
	.sidebar-right-page,
	.breadcrumb-trail,
	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a
	 {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

.entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1,
	.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2,
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3,
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4,
	.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6,
	.page-content h5, .page-content h6, .comment-content h5,.comment-content h6 {
			text-align:left;
	}

	.site {
		margin: 0 7.6923%;
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		background-color: transparent;
		margin: 0 0 20px 0;
		padding: 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 0;
	}

	.hentry.has-post-thumbnail {
		padding-top: 0;
	}

	.sticky-post {
		background: #000 !important;
		color: #fff !important;
	}

	.entry-header,
	.entry-footer {
		padding: 0 20px;
	}


	.entry-content,
	.entry-summary {
		padding: 0 20px;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	article p a {
      font-weight: bolder;
      text-decoration: none;
   }

   article p a[href^=http]:after {
      content:" <" attr(href) "> ";
   }

   article a[href^="#"]:after {
   	content: "";
	}

	$a:after > img {
   content: "";
	}

   #print-masthead {
	width:100%;
	display:table;
	padding:0;
	margin:0;
	left: 0;
 	top: 0;
	position: absolute;
	clear:both;
	}
	#print-masthead #gi-bwlogo {
	left: 0;
 	top: 0;
	position: absolute;
	}
	#print-masthead #chccs-bwlogo {
	left: 200px;
 	top: 40px;
	position: absolute;
	}
	#print-masthead #qr-code {
	right: 0;
 	top:0;
	position: absolute;
	}

	#print-masthead #chccs-bwlogo img {
		width:auto;
	}

	.mbr-form-print {display:none;}

	.scrollUp {
		display:none;
	}

	.wpb_accordion_content {
		display:block;
	}

}


/* Fine-tuned Responsive tweaks */

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

}

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

}
@media screen and (min-width: 38.75em) {
	.flow-type div  {font-size:10px; font-size:1.0rem;}}
@media screen and (max-width: 46.25em) {

	h3.wpb_accordion_header {text-align:left;}

}
@media screen and (min-width: 46.25em) {
	.flow-type div  {font-size:12px; font-size:1.2rem;}
}

/* Grid Breakpoint at 600px */
@media screen and (max-width: 600px)  {

	.entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1,
	.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2,
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3,
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4,
	.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6,
	.page-content h5, .page-content h6, .comment-content h5,.comment-content h6 {
        margin-top:2em;
	}

	.entry-title, .entry-subtitle {
		margin:auto;
	}

	.sidebar-right {
		position:relative;
		margin:auto;
		clear:both;
		width:auto;
		border-left:none;
		padding-right:10px;
		text-align:center;
		margin-bottom:1.6em;
		background-color:#fff;
	}
	.sidebar-right-page {
		display:none;
	}
	.has-sidebar-right {
		width:auto;
	}

	.doc-links ul {margin:auto;}
  #doc-links-main {text-align:center;}
	.toggle_text {display:none;}
	.page-grid img, .vc_grid-item img {
		margin:auto;
		text-align:center;
		max-width:180px;
	}
	.awards-main img {display:none;}
	.fp-column {width:100%;float:none; }
	.flow-type div  {font-size:14px; font-size:1.4rem;}
	.has-sidebar-right {width:100%;}

	.grid-frontpage-item, .grid-awardspage-item {
		width:100%;
	}

}
@media screen and (min-width: 600px)  {
	.flow-type div  {font-size:12px; font-size:1.2rem;}
	.award-pages {top:-40px;}
	.no-page-menu { padding-top:40px;}

}

/* Main Breakpoint at 880px */

@media all and (max-width: 880px)  {


.asterix {float:none;}
.no-page-menu { padding-top:0px;}
.has-page-menu { padding-top:0px;}
.page-menu-responsive {display:none;}
.sidebar-right img.wp-post-image {margin: auto; min-width:120px; max-width:260px; width: 70%;}
.social-nav {display:none;}
.grid-awardspage-item > h3 {text-align: center;}
.grid-awardspage-image {text-align: center;}
.grid-awardspage-image img{
	width:50%;
	min-width:160px;
	margin:auto;
}
}

@media all and (min-width: 880px)  {
	.entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1,
	.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2,
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3,
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4,
	.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6,
	.page-content h5, .page-content h6, .comment-content h5,.comment-content h6 {
    margin-top:2em;
	}

.has-page-menu { padding-top:80px;}
.page-menu-toggle {display:none;}
}

@media screen and (max-width: 55em) {
	}
@media screen and (min-width: 55em) {
	.flow-type div  {font-size:11px; font-size:1.1rem;}}
@media screen and (min-width: 59.6875em) {
	.flow-type div  {font-size:12px; font-size:1.2rem;}}
@media screen and (min-width: 68.75em) {
	.flow-type div  {font-size:13px; font-size:1.3rem;}}
@media screen and (min-width: 77.5em) {
	.flow-type div  {font-size:14px; font-size:1.4rem;}}
@media screen and (min-width: 87.6875em) {}
@media print {}


  /* Video Banner */


  video {
  	display: block;
  }

  .video-wrapper {
  	height:100%;
  }

  .video-wrapper video {
    position: absolute;
    top:0;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index:-1 !important;
  }

  .video-overlay {
    margin:auto;
    width: 100%;
    height:100%;
  	background: rgba(0, 0, 0, 0.3);

  	/* background-image: linear-gradient(to right, rgba(22, 65, 87, 0.5), rgba(22, 65, 87, 0.0)); */
  }

  .video-overlay h1 {
    margin:10%;
  	text-align: center;
    font-size: 15vw;
  	color: #f1f1f1 !important;
  	font-family: "LatoLatinWebBlack", helvetica, arial, sans-serif !important;
  	padding:10px !important;
  	margin:0 !important;
  	text-shadow: 0 0 10px #37dec3, 0 0 10px #37dec3 !important;
  	opacity: 0.5;
    line-height: 1.2;
  }

  .video-caption {
    height:auto;
  	padding: auto;
  	background: rgba(55, 222, 195, 0.4);
  }

  .video-caption p {
  	font-size: 1.5vw;
  	margin: 0;
  	padding: 1%;
  	text-align: center;
  	color: #f1f1f1 !important;
  	font-weight: bold;
  }

  .video-overlay a.button {
  	color: #f1f1f1 !important;
  	padding: 5px !important;
  	background-color: #c337de !important;
  	border-radius: 5%/15% !important;
  }

  .video-overlay a.button:hover {
    color: #444 !important;
  	text-decoration: none;
  	background-color: #79e9d7 !important;
  }