/*
Theme Name: wf2015
*/

/*--------------------------------------------------------------
# COLORS:
----------------------------------------------------------------
#58595b dark grey
#555555 grey
#cccccc light grey
#006892 wf blue
#8fbfdb light blue
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	font-size: 16px;
}

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

a, a:link, a:focus, a:active, a:hover, a:visited {
	color: #006892;
	outline: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

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

h1 { 
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-size:  2em;
	font-weight: 100;
}
h2 { 
	color: #006892;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-size:  1.05em;
	font-weight: 700;
	line-height: 1.3em;
}
h2 a { 
	color: #006892;
	text-decoration: none;
}
h3 {
	font-family: "Crimson Text",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: 100;
    line-height: 1.1em;
}
h4 {
	font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
	font-size:  1.5em;
	font-weight: 100;
}
h5 {
	font-family: 'Crimson Text', Helvetica, Arial, sans-serif; 
	font-size:  1em;
	font-weight: 100;
}
h6 {
  color: #555555;
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
  font-size: 1em;
  font-weight: 100;
  margin: 10px 0;
}
h6 a {
	color: #006892;
	text-decoration: none;
}
h6 a:hover {
	color: #c3c3c3;
}
p {
	margin: 0;
	padding: 0; 
}

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.9375em;
	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.9375em;
}

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;
}

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

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

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

blockquote,
q {
	quotes: "" "";
}

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

ul,
ol {
	font-family: "Crimson Text",Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight: 100;
	line-height: 1.1em;
	margin: 0;
}

ul {
	list-style-type: decimal;
	padding: 0 0 0 5px;
}

ol {
	list-style: decimal;
	padding: 0 0 0 25px;
}

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. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fff none repeat scroll 0 0;
    border: none; 
/*    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;*/
    color: #666;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    line-height: 1;
    opacity: 1;
    padding: 0.8em 10px 0.6em;
}

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

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

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
/*	border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;*/
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	background-color: #FFFFFF;
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation li:first-child {
	margin-left: 0;
}
.main-navigation li:last-child {
	margin-right: 0;
}
.main-navigation ul li {
	height: 42px;
	cursor: pointer;
}
.main-navigation ul li:hover > a {
	color: #C3C3C3;
}
.main-navigation ul li a {
  color: #006892;
  display: block;
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
  font-size: 1.05em;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.75em 1em 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
/* FF fix */
/* Target Firefox only */
@-moz-document url-prefix() {
  .main-navigation ul li a {
    padding: 0.75em 1.05em 0;
  }	
}
.main-navigation ul li a:hover {
	color: #C3C3C3;
}
.main-navigation ul > li:nth-child(1) a {
	padding-left: 0;
}
.main-navigation ul > li:nth-last-child(1) a {
	padding-right: 0;
}

.sub-menu a {
	padding: 7px 0 4px !important;
}


.main-navigation ul ul {
    border: 1px solid #c3c3c3;
    /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);*/
    float: left;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 40px;
    z-index: 99999;
   	transition: opacity .3s ease-in-out;
   	-moz-transition: opacity .3s ease-in-out;
   	-webkit-transition: opacity .3s ease-in-out;
   	-o-transition: opacity .3s ease-in-out;
}
.main-navigation ul li ul li {
  height: 38px;
  width: 100%;
}
.main-navigation ul ul li:nth-last-child(1) {
	border-bottom: none;
	text-align: left;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
  color: #808285;
  font-size: 0.9em;
  font-weight: 700;
  padding: 10px 15px 7px !important;
  /*width: 200px;*/
}

.main-navigation ul ul li {
	border-bottom: 1px solid #eeeeee;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	opacity: 1;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.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%;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
  /*background-color: #ffffff;*/
}
#cssmenu ul, #cssmenu ol {
	color: #006892;
    display: block;
    font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 0.05em;
    /*padding: 17px 12px;*/
    text-decoration: none;
    text-transform: uppercase;
} 
#cssmenu ul ul {
	background-color: #ffffff;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875em;
	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. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin: 20px 0;
  width: 100%;
}

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

.aligncenter {
	clear: both;
	display: block;
	margin: 20px auto;
	width: 100%;
}

/*--------------------------------------------------------------
# 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;
}

.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%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

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

.hentry {
	margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

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

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## 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, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}

/*--------------------------------------------------------------
## 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: left;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## ---------------------- WF STYLE SHEET -----------------------
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Responsive grid
--------------------------------------------------------------*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0;
	/*overflow: hidden;*/
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0% 0 0% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49%; }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

/*  GRID OF FOUR  */
.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: 74.5%; }
.span_2_of_4 { width: 49%; }
.span_1_of_4 { width: 23.5%; }

/*  GRID OF FIVE  */
.span_5_of_5 { width: 100%; }
.span_4_of_5 { width: 79.6%; }
.span_3_of_5 { width: 59.2%; }
.span_2_of_5 { width: 38.8%; }
.span_1_of_5 { 	width: 18.4%; }

/*  GRID OF SIX  */
.span_6_of_6 { width: 100%; }
.span_5_of_6 { width: 83%; }
.span_4_of_6 { width: 66%; }
.span_3_of_6 { width: 49%; }
.span_2_of_6 { width: 32%; }
.span_1_of_6 { width: 15%; }

/*  GRID OF SEVEN  */
.span_7_of_7 { width: 100%; }
.span_6_of_7 { width: 85.42%; }
.span_5_of_7 { width: 70.85%; }
.span_4_of_7 { width: 56.28%; }
.span_3_of_7 { width: 41.71%; }
.span_2_of_7 { width: 27.14%; }
.span_1_of_7 { width: 12.57%; }

/*  GRID OF EIGHT  */
.span_8_of_8 { width: 100%; }
.span_7_of_8 { width: 87.25%; }
.span_6_of_8 { width: 74.5%; }
.span_5_of_8 { width: 61.75%; }
.span_4_of_8 { width: 49%; }
.span_3_of_8 { width: 36.25%; }
.span_2_of_8 { width: 23.5%; }
.span_1_of_8 { width: 10.75%; }


/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.wrapper {
	max-width: 1250px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}
#section_one {
	margin-bottom: 25px;
}
.homepage .left-column .section .cell h6 a {
	font-size: 0.9em;
}
.thumbnail {
    height: auto;
    height: 172px;
    overflow: hidden;
    position: relative;
}
.thumbnail img {
    object-fit: cover;
    /* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
    /*width: 255px;*/
    /*height: auto;*/
	/*max-width: none;*/
	/*position: absolute;*/
	/*width: 320px;*/
}
.slider-homepage {
	background-color: #fff;
	border-bottom: 1px solid #8fbfdb;
	width: 100%;
	height: 514px;
	overflow: hidden;
}
.breaker {
  background-color: #eeeeee;
  margin: 40px 0 20px;
  overflow: hidden;
  padding-bottom: 20px;
  width: 100%;
}
.border-top-grey {
	border-top: 1px solid #aaaaaa;
}
.most-popular ul, .most-popular ol, .related ul, .related ol {
    color: #006892;
    font-family: "Crimson Text",Helvetica,Arial,sans-serif;
    font-size: 0.95em;
    font-weight: 100;
    line-height: 1em;
    /*margin: 0 20px 0 0;*/
    list-style-type: decimal;
}
.most-popular ol li a, .related ol li a {
	color: #000000;
	font-size: 1em;
	line-height: 0.8em;
	text-decoration: none;
}
.most-popular {
	height: auto;
}
.most-popular ol li a:hover, .related ol li a:hover {
	color: #006892;
}
.most-popular li, .related li {
	border-bottom: 1px solid #cccccc;
	padding: 10px; 
}
.most-popular li:before, .related li:before {
	background-color: #aaaaaa;
	height: 360px;
	overflow: hidden;
}
.cell h6 {
	margin: 0 0 10px;
}
#section_two .col.span_1_of_4.cell > a {
  display: block;
  height: 100%;
}

/*--------------------------------------------------------------
# Homepage - search form
--------------------------------------------------------------*/
.search-form {
	margin: 0;
	padding-top: 10px;	
	width: 100%;
}
.search-field {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none !important;
	color: #aaaaaa !important;
	float: left;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
	font-size: 1.05em;	
	font-weight: 600;
	letter-spacing: 0.05em;	
	text-decoration: none;
	width: 155px;
}
#search_box_main_menu .search-field {
	margin-top: -7px;
	height: 30px;
}
#search_box_main_menu {
	float: left;
	margin-left: 2%;
	width: 220px;
}
#search_box_main_menu .search-submit {
  color: #bbbbbb;
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
  font-size: 1.1em;
  height: 40px;
  margin-top: -10px;
  padding: 0;
  width: 50px;
}
input[type="submit"] {
  background: rgba(0, 0, 0, 0) url(http://www.worldfinance.com/wp-content/themes/wf2015/assets/button_search.png) no-repeat scroll 15px 6px;
  border: 0 none;
  display: block;
  height: 30px;
  margin-top: 0;
  width: 30px;
}

/*--------------------------------------------------------------
# Homepage - right column
--------------------------------------------------------------*/
.right-column {
	border-top: 1px solid #aaaaaa;
}
.homepage-right-column {  
  padding-top: 11px;
  width: 100%;
}
.homepage-right-column-wrapper {
	border-bottom: 1px solid #aaaaaa;
	padding-bottom: 16px;
    margin-bottom: 11px;
    overflow: hidden;
}
.homepage-right-column-wrapper h2 {
    font-size: 1.1em;
    margin: -5px 0 7px 0;
}
.homepage-right-column-wrapper h3 {
    text-align: center;
    margin: 0;
}
.homepage-right-column-wrapper h6 {
    margin: 0;
}
.homepage-right-column-wrapper img {
    margin-top: 8.5px;
}
.homepage-right-column-wrapper a {
    opacity: 1;
}
.homepage-right-column-wrapper a:hover {
    opacity: 0.75;
}
.homepage-right-column-wrapper a h3 {
    color: #006892;
}
.most-popular-arrow-bottom {
  position: relative;
  margin: 5px 0 0 0; 
}
.most-popular-arrow-bottom h6 {
  color: #006892;
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif !important;
  font-size: 0.8em !important;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.most-popular-arrow-bottom img {
  margin-bottom: -5px;
}

/*--------------------------------------------------------------
# Homepage - latest columns
--------------------------------------------------------------*/
.latest-columns h3 {
	color: #555555;
}
.latest-columns h6 {
	background-color: #ffffff;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 5px 0;
	width: 160px;
	text-align: center;
}
.latest-columns .cell_lc  {
	border: none;
	background-color: transparent;
	padding: 10px;
	height: auto !important;
}
.latest-columns .cell_lc:hover  {
	background-color: #006892;
	padding: 10px;
}
.latest-columns .cell_lc:hover .lc-titel, .latest-columns .cell_lc:hover h3 {
	color: #ffffff;
}
.latest-columns .wrapper {
	margin: 30px auto;
}
.lc-image img {
	height: 153px;
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: center;';
}

/* width: 900px-724px - iPad landscape - 3 columns */
@media only screen and (max-width: 63.9375em) and (min-width: 47.9375em) {
	.latest-columns .span_1_of_4 {
		width: 32%;
	}
	.latest-columns .span_1_of_4:nth-child(4) {
		display: none;
	}
}

/* width: 724px-540px - iPad portrait - 2 columns */
@media only screen and (max-width: 47.9375em) and (min-width: 33.75em) {
	.latest-columns .span_1_of_4 {
		width: 49%;
	}
	.latest-columns .span_1_of_4:nth-child(3), .latest-columns .span_1_of_4:nth-child(4) {
		display: none;
	}
}

/* max-width: 540px - iPad portrait - 1 column */
@media only screen and (max-width: 33.75em) {
	.latest-columns .span_1_of_4 {
		width: 100%;
	}
	.latest-columns .span_1_of_4:nth-child(3), .latest-columns .span_1_of_4:nth-child(4) {
		display: none;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content {
	padding-top: 40px;
}
.cell {
	/*height: 396px;*/
	margin-bottom: 20px;
	padding-bottom: 40px;
	position: relative;
	border-bottom: 1px solid #cccccc;
/*	transition: background-color: #e6e6e6 0.2s ease-in-out;
    -moz-transition: background-color: #e6e6e6 0.2s ease-in-out;
    -webkit-transition: background-color: #e6e6e6 0.2s ease-in-out;*/
}
/*.cell:hover {
	background-color: #e2e2e2;
	transition: background-color: #e6e6e6 0.2s ease-in-out;
    -moz-transition: background-color: #e6e6e6 0.2s ease-in-out;
    -webkit-transition: background-color: #e6e6e6 0.2s ease-in-out;
}*/
.cell:hover {
	background-color: #eeeeee;
	outline: 5px solid #eeeeee;
}
.cell:hover > a .thumbnail {
	opacity: 0.9;
}
.cell a h3 {
	color: #58595b;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.cell a h3:hover {
	color: #555555;
}
.cell a h2 {
	color: #222222;
	text-decoration: none;
	padding: 0;
	margin: 10px 0;
}
.cell a h2:hover {
	color: #555555;
}
.cell h6 a {
	color: #006892;
}
.double-cell {
	float: left;
}
.double-cell h2, .double-cell h3 {
	width: 250px;
}
.double-cell h2 {
	font-size: 1.4em;
}
.double-cell h3 {
	font-size: 1.2em;
}
.thumbnail-double-cell {
	float: right;
	height: auto;
	margin: -20px 0 0 18px;
	max-height: 360px;
	max-width: 540px;
	overflow: hidden;
	width: 66%;
}
.thumbnail-double-cell img {
	object-fit: cover;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
	height: 370px;
	width: 100%;
}
.homepage-slider, .latest-videos, .contributors {
	background-color: #ffffff;
	height: 514px;
	border-bottom: 1px solid #8fbfdb;
	/*overflow: hidden;*/
	position: relative;
}
.arrow-bottom {
	bottom: 0;
	margin-bottom: 10px;
	position: absolute;
}
.arrow-bottom h6 {
	color: #006892;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.arrow-bottom h6:hover {
	color: #555555;
}
.arrow-bottom img {
	margin-bottom: -5px;
}
.arrow-grey {
	background-color: #cccccc;
	border-radius: 50%;
	height: 20px;
	margin: 10px 10px 0 0;
	width: 20px;
}
.date-homepage, .date-category-page {
	color: #58595b;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    margin-bottom: 5px;
}
.date-homepage {
	position: absolute;
	bottom: 0;
	padding: 0;
}
.date-category-page {
	float: right;
}

/*--------------------------------------------------------------
#  Ninja forms CSS
--------------------------------------------------------------*/

.ninja-forms-cont input[type="submit"] {
  background: #a9ccdb none repeat scroll 0 0;
  border: 0 none;
  border-radius: 4px;
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  color: #000000;
  display: block;
  margin: 0;
  padding: 15px 15px 14px;
  text-transform: uppercase;
}
.ninja-forms-cont input[type="submit"]:hover {
	color: #ffffff;
	background: #555555 none repeat scroll 0 0;
}
.ninja-forms-cont label {
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
  font-size: 1.15em;
  font-weight: 100 !important;
}
.ninja-forms-cont .checkbox-wrap {
	background: #a9ccdb none repeat scroll 0 0;
	width: 49%;
	float: left;
}
.ninja-forms-cont .checkbox-wrap:nth-child(2n+1) {
	margin-left: 2%;
}
.ninja-forms-cont .checkbox-wrap:nth-last-child(3) {
	margin-left: 0;
	height: 110px;
}
.ninja-forms-cont .checkbox-wrap:nth-last-child(2) {
	margin-left: 2%;
	height: 110px;
}
.ninja-forms-cont .checkbox-wrap label {
  display: block !important;
  float: left;
  margin: 10px;
  width: 84%;
}
.ninja-forms-cont .checkbox-wrap input[type="checkbox"]{
  box-sizing: border-box;
  height: 20px !important;
  margin: 12px 0 0;
  padding: 0;
  width: 20px !important;
}
.ninja-forms-cont .textarea-wrap textarea {
	max-width: 100%;
  	min-width: 100%;
  	min-height: 200px;
}
.list-dropdown-wrap select {
	/*border-radius: 0;*/
	padding: 2px 0 1px;
}
.ninja-forms-cont-label {
	width: 100% !important;
	max-width: 300px;
}
.ninja-forms-cont .field-wrap.text-wrap.label-left label, .ninja-forms-cont .field-wrap.list-dropdown-wrap.label-left label {
/*	float: left;
    width: 100px;*/
}


/*--------------------------------------------------------------
#  Homepage - slider
--------------------------------------------------------------*/
.hmpg-slider {
	opacity: 0;
}
.hp-slide {
	width: 100%;
	height: 516px;
	background-color: #ffffff;	
	opacity: 1;
}
.hp-slide:hover {
	opacity: 0.9;
}
.hp-slide h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 10px 0;
}
.hp-slide h3 {
	font-size: 1.2em;
	margin: 0;
}
.hp-slide a h3 {
  color: #58595b;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.hp-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    overflow: hidden;
    width: 100%;
}
.hp-image img {
    left: 50%;
    max-width: none;
    top: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    height: 100%;
    width: auto;
}


/*--------------------------------------------------------------
# Homepage - latest videos slider
--------------------------------------------------------------*/
.latest-videos-cont {
	opacity: 0;
	overflow: visible !important;
}
.lvc-slide {
	background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    height: 200px;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    display: flex;
}
.lvc-slide:hover {
	background-color: #eeeeee;
	outline: 5px solid #eeeeee;
	outline-offset: 0px;
}
.lvc-slide a {
	overflow: hidden;
	width: 100%;
}
.lvc-slide:hover > a .lvc-image {
	opacity: 0.9;
}
.lvc-slide h2 {
	/*font-size: 0.9em;*/
    line-height: 1.2em;
    margin: 5px 0 0;
    width: 100%;
}
.lvc-slide h3 {
	/*font-size: 1.1em;*/
	margin: 0;
	width: 50%;
	position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
}
.lvc-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 370px;
    overflow: hidden;
    width: 100%;
    height: 130px;
}
.latest-videos-cont ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.latest-videos-cont ul li {
	position: absolute;
	width: 100%;
	height: 450px;
}
.lvc-image.thumbnail img {
	height: 130px;
}

/* width: 900px-724px - iPad landscape - 3 columns */
@media only screen and (max-width: 56.25em) and (min-width: 47.9375em) {
	.lvc-slide {
    	margin-bottom: 14px;
	}
	.lvc-slide h2 {
	    font-size: 1em;
	    line-height: 1.2em;
	    margin: 10px 0;
	}
}

/* width: 767px-540px - 2 columns */
@media only screen and (max-width: 47.9375em) and (min-width: 37.5em) {
	.lvc-slide {
		height: 210px;
		margin-bottom: 14px;
	}
	.lvc-image {
		height: 155px;
	}
}

/* max-width: 540px - iPad portrait - 1 column */
@media only screen and (max-width: 37.5em) {
	.latest-videos {
  		height: auto;
	}
	.latest-videos-cont {
		padding-bottom: 22px;
	}
	.contributors {
  		height: auto;
	}
	.lvc-slide {
  		height: auto;
	}
	.lvc-image {
  		height: 300px;
	}
}

/*--------------------------------------------------------------
#  Homepage - contributors slider
--------------------------------------------------------------*/
.hcp-slide {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  height: 200px;
  margin: 10px 0 30px;
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
}
.hcp-slide:hover {
  background-color: #eeeeee;
  outline: 5px solid #eeeeee;
}
.hcp-slide h2 {
  line-height: 1.2em;
  margin: 0;
  position: absolute;
  width: 70%;
  z-index: 10;
}
.hcp-slide h3 {
	color: #58595b;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
	font-size: 0.9em;
	margin: 0;
	width: 50%;
	position: absolute;
	z-index: 10;
    bottom: 0;
    left: 0;
    line-height: 1.2em;
    margin-bottom: 10px !important;
}
.hcp-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 135px;
    height: 135px;
    position: absolute;
    bottom: 0;
    right: -20px;
}
.hcp-image img {
    left: 50%;
    max-width: none;
    top: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    height: 100%;
    width: auto;
}
.homepage-contributors-slider {
	opacity: 0;
	overflow: visible !important;
}
.homepage-contributors-slider h6 {
	margin-bottom: 0;
}
.homepage-contributors-slider li {
	height: 450px;
}
.homepage-right-column h6, .homepage-contributors-slider h6, .latest-videos-cont h6 {
	font-family: "Playfair Display",Helvetica,Arial,sans-serif;
	font-size: 1em;
	height: 23px;
}

/* width: 900px-724px - iPad landscape - 3 columns */
@media only screen and (max-width: 63.9375em) and (min-width: 47.9375em) {
	.hcp-slide {
		height: 160px;
    	margin-bottom: 0;
	}
	.hcp-slide h2 {
	    font-size: 1em;
	    line-height: 1.2em;
	    margin: 10px 0;
	    width: 100%;
	}
	.hcp-image {
		width: 110px;
		height: 110px;
	}
}

/* width: 767px-540px - 2 columns */
@media only screen and (max-width: 47.9375em) and (min-width: 37.5em) {
	.hcp-slide {
		height: 220px;
		margin-bottom: 4px;
	}
}

/* max-width: 540px - 1 column */
@media only screen and (max-width: 37.5em) {
	.homepage-contributors-slider {
		height: 400px;
	}
	.hcp-slide {
		height: 160px;
		margin-bottom: 15px;
	}
}

/*--------------------------------------------------------------
# Category
--------------------------------------------------------------*/

.list-cell {
  border-top: 1px solid #aaaaaa;
  height: auto;
  /*overflow: hidden;*/
  padding: 20px 0;
  width: 100%;
}
.list-cell-content h2 {
  color: #006892;
  font-size: 1.4em;
  margin-top: 0;
  padding-top: 10px;
  text-decoration: none;
}
.list-cell-content h3 {
	color: #58595b;
}
.list-cell-content span img[class~="thumbnail"] {
	width: 220px;
	height: 165px;
	float: left;
	margin-right: 15px;
	opacity: 1;
	object-fit: cover;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
}

.list-cell-content {
	overflow: hidden;
	width: 100%;
	opacity: 1;
	background-color: #ffffff;
	/*transition: all .16s ease-in-out; */
}
.list-cell-content:hover {
	opacity: 0.8;
	background-color: #eee;
	outline: 5px solid #eee;
	/*transform: scale(1.01,1.01);*/
}
.list-cell-content:hover h2 {
/*	color: #0d537a;
	text-decoration: underline;*/
}
.list-cell-content:hover h3 {
	/*color: #000;*/
}
.list-cell-top-bar {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.category-links {
  background-color: #3d86ad;
  padding: 2px 8px 1.5px;
}
.category-links a, .category-links span {
	color: #ffffff;
    font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
    font-size: 0.86em;
    font-weight: 100;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.category-links a:hover {
	color: #cce1ec;
}
.category-page .span_2_of_3 {
	/*max-width: 66%;*/
}
.category-page .span_1_of_3 {
	width: 32%;
}
.posts-navigation {
	margin: 30px 0;
}
.nav-links a {
	color: #777777;
    font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 10px 0;
}
.category-page .left-column {
	border-top: 1px solid #aaaaaa;
}
.category-page h1 {
	margin-top: 5px;
}
.category-page .middle-column > h1 {
	border-top: 1px solid #aaaaaa;
	display: none;
	margin-top: 0;
	padding-top: 20px;
}

/* awards accordion */
#accordion-awards {
	opacity: 0;
}
#accordion-awards .ui-accordion, #accordion-awards .ui-accordion-header {
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  font-size: 1.6em;
  margin: -1px 0 0;
  padding: 0.5em;
  text-align: center;
  outline: none;
}
#accordion-awards #ui-id-17 {
	border-bottom: 1px solid #aaaaaa;
}
#accordion-awards .ui-accordion-header a {
  color: #006892;
}
#accordion-awards div {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa
}
#accordion-awards img {
	margin: 10px;
}
.awards-content {
	border-top: 1px solid #aaaaaa;
	padding-top: 15px;
	overflow: hidden;
}
.awards-content h1 {
	display: none;
}
.awards-content p {
  font-family: "Crimson Text",Helvetica,Arial,sans-serif;
  font-size: 1.05em;
  font-weight: 100;
  line-height: 1.2em;
  margin-bottom: 1.5em;
}
/* 1250px - 1024px, 4 columns */
@media only screen and (max-width: 79.375em) {
	.awards-content h1 {
		display: block;
	}
}


/*--------------------------------------------------------------
# Single page
--------------------------------------------------------------*/

.single-page h2 {
	color: #000000;
	font-size: 1.6em;
	margin: 0;
}
.single-page h3 p {
  color: #555555;
  font-size: 1.1em;
  line-height: 1.1em;
}
.article-content {
	float: right;
	position: relative;
	width: 66%;
}
.article-content p {
	font-family: "Crimson Text",Helvetica,Arial,sans-serif;
    font-size: 1.05em;
    font-weight: 100;
    line-height: 1.2em;
    margin-bottom: 1.5em;
}
.article-image {
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
}
.article-image img {
	height: 400px;
	width: 100%;
	max-width: none;
	object-fit: cover;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
}
.awards-article-image img {
  height: 200px;
  margin-bottom: 40px;
  width: 200px;
}
figure {
	margin: 0;
}
.stats-boxout {
	float: right;
	margin: 0 0 5px 20px;
	width: 120px;
}
.stats-boxout .number {
	color: #006892;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
	font-size: 2em;
	font-weight: 100;
	margin: 0;
}
.stats-boxout .info {
	color: #aaaaaa;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	font-weight: 100;
	margin: 10px 0;
}
blockquote {
  color: #006892;
  float: right;
  font-family: "Playfair Display",Helvetica,Arial,sans-serif;
  font-size: 1.2em;
  font-weight: 100;
  margin: 20px 0 0 20px;
  position: relative;
  width: 40%;
}
blockquote p {
	margin: 0 !important;
}
blockquote p:before {
	color: #cccccc;
	content: '“';
	display: block;
	font-family: "Playfair Display",Helvetica,Arial,sans-serif;
	font-size: 3.8em !important;
	margin-bottom: -10px;
}
blockquote p:after {
	color: #cccccc;
	content: '”';
	display: block;
	font-family: "Playfair Display",Helvetica,Arial,sans-serif;
	font-size: 3.8em !important;
	margin-top: 25px
}
.side-container {
	left: -51%;
	position: absolute;
	top: 0;
	border-top: 1px solid #cccccc;
	width: 47%;
}
.side-container a, .side-container span {	
	color: #006892;
	font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
	font-size:  0.972em;
	font-weight: 100;
	text-transform: uppercase;
}
.side-container a:hover {	
	color: #cccccc;
}
.side-container span {
	color: #cccccc;
}
.sc-categories {
	padding: 10px 0;
}
.sc-social-sharing {
	height: 90px;
	padding: 10px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.side-container .sc-social-sharing {
	border-top: 1px dotted #cccccc;
	height: 50px;
}
.side-container .sc-social-sharing .sc-logo-social:first-child { 
	margin-left: 0;
}
.article-content p:first-child { 
	margin-top: 0;
}
.sc-logo-social {
	color: #BBBBBB;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	cursor: pointer;
	opacity: 1;
}
.sc-logo-social:hover {
	opacity: 0.6;
}
.sc-date {
	border-top: 1px dotted #cccccc;
	color: #58595b;
    font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
    font-size: 0.95em;
    padding: 10px 0;
}
.sc-interview-with, .sc-interview-with span {
	border-top: 1px dotted #cccccc;
	color: #555555;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-size:  0.95em;
	font-weight: 100;
	line-height: 1.4em;
	padding: 10px 0;
	text-transform: none;
}
.sc-interview-with span {
	border-top: none;
    color: #006892;
    font-weight: bold;
}
.article-content > p {
	padding-top: 0;
}
.post-navigation {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 30px 0;
}
.post-navigation h2 {
	color: #006892;
	font-size:  1.1em;
	line-height: 1.3em;
	text-align: left;
	padding-right: 10px;
}
.post-navigation h6, .comments h6 {
	color: #555555;
	font-size: 0.95em;
	text-align: left;
	padding-right: 10px;
	margin-top: 0;
}
.post-navigation h2:hover, .post-navigation h6:hover {
	color: #aaa;
}
.post-navigation .nav-links a h2 {
  text-transform: none;
}
.comments {
	padding-top: 30px;
}
.boxout img {
	width: 100%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
  background-color: #cccccc;
  color: #ffffff;
  margin-top: 50px;
  overflow: hidden;
  padding: 50px 0 100px;
}
#footer_fixed {
	background-color: #464749;
	height: 50px;
	width: 100%;
	bottom: 0;
    float: left;
    left: 0;
    padding-top: 17px;
    position: fixed;
    z-index: 9998;
}
#footer_menu {
	/*float: right;*/
}
#footer_menu #cssmenu ul, #footer_menu #cssmenu ul ul, #footer_menu #cssmenu ul li, #footer_menu #cssmenu ul ul li, #footer_menu #cssmenu a {
	background: transparent;
}
#footer_menu #cssmenu > ul > li {
	height: 160px;
	margin-right: 2%;
  	width: 10.5%;
  	float: left;
}
#footer_menu #cssmenu > ul > li > a {
	border: none;
	color: #006892;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 0;
}
#footer_menu #cssmenu > ul > li > a:hover {
	color: #ffffff; 
}
#footer_menu #cssmenu ul ul li {
	float: none;
	width: 100%
	padding: 0;
}
#footer_menu #cssmenu ul ul li a {
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: none;
	padding: 4px 0;
}
#footer_menu #cssmenu ul ul li a:hover {
	color: #555555;
}
.footer_extras_left {
	width: 24%;
	float: left;
}
.footer_extras_right {
	width: 74%;
	float: left;
	margin-left: 2%;
}
.footer_extras_right div {
	width: 31%;
	margin-left: 2%;
	float: left;
}
#footer_menu {
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

.footer_extras_left .sc-social-sharing {
	padding: 0;
	margin-top: -7px;
}
.footer_extras_left .sc-logo-social {
	color: #ffffff;
	opacity: 1;
}
.footer_extras_left .sc-logo-social:hover {
	opacity: 0.6;
}
.footer_extras_right li {
	color: #006892;
	display: block;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold; 
	letter-spacing: 0.05em;
	padding: 17px 12px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
}
.footer_extras_right li a {
	color: #006892;
}
.footer_extras {
  display: block;
  height: 35px;
  margin-bottom: 10px;
}
.footer_extras_right li a:hover, .privacy-policy a:hover {
	color: #ffffff;
}
.footer_extras_left .sc-social-sharing div:first-child, .footer_extras_right ul li:first-child {
	    padding-left: 0;
	    margin-left: 0; 
	}

/* MEDIA QUERY FOOTER */

@media only screen and (max-width: 79.375em) {
	.footer_extras_left, .footer_extras_right {
		width: 100%;
		margin: 15px 0;
	}
	.footer_extras_left ul, .footer_extras_right ul {
	    padding: 0;
	}
	
	#footer_menu {
		margin-bottom: 30px;
	}
	#footer_menu #cssmenu ul ul li {
		float: left;
		width: 100%;
		padding: 0;
	}
}
@media only screen and (max-width: 64em) {
	#footer_menu { 
		/*width: 90%;*/
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#footer_menu #cssmenu > ul > li {
		height: 160px;
		margin-right: 2%;
	  	width: 23.5%;
	}
	#footer_menu #cssmenu > ul > li:nth-child(4),
	#footer_menu #cssmenu > ul > li:nth-child(8) {
		margin-right: 0;
	}
}
@media only screen and (max-width: 48em) {
	.footer_extras_right li {
		width: 30%;
		float: left;
	}
	.footer_extras_right li:nth-child(4) {
		padding-left: 0;
	}
}
@media only screen and (max-width: 37.5em) {
	#footer_menu { 
		width: 90%;
		margin: 0 auto;
	}
	#footer_menu #cssmenu > ul > li {
		height: 160px;
		margin-right: 2%;
	  	width: 49%;
	}
	#footer_menu #cssmenu > ul > li:nth-child(2),
	#footer_menu #cssmenu > ul > li:nth-child(4),
	#footer_menu #cssmenu > ul > li:nth-child(6),
	#footer_menu #cssmenu > ul > li:nth-child(8) {
		margin-right: 0;
	}
}



/* ############ MEDIA QUERIES ############ */

/*
Media query breakpoints:
33.75em 540px
34em  544px
37.5em 600px
41.25em 660px
45.25em 724px
47.9375em 767px;
48em  768px
50em  800px
56.25em 900px
62em  992px
63.9375 1023px
64em  1024px
78.125em  1250px
79.375em  1270px
*/



/* GRID - homepage */

/* >= 1250px, 5 columns */
@media only screen and (min-width: 79.375em) {
	#section_two .cell:nth-child(6), 
	#section_two .cell:nth-child(10), 
	#section_two .cell:nth-child(14), 
	#section_two .cell:nth-child(18),
	#section_two .cell:nth-child(22),
	#section_two .cell:nth-child(26),
	#section_two .cell:nth-child(30) {
		margin-left: 0;
	}
}

/* 1250px - 1024px, 4 columns */
@media only screen and (max-width: 79.375em) and (min-width: 64em) {
	#section_two .cell:nth-child(4), 
	#section_two .cell:nth-child(8), 
	#section_two .cell:nth-child(11), 
	#section_two .cell:nth-child(14), 
	#section_two .cell:nth-child(17),
	#section_two .cell:nth-child(20) {
		margin-left: 0;
	}
	.wrapper {
		max-width: 1024px;
	}
	.contributors, .breaker {
		display: none;
	}
	.span_1_of_2 {
		width: 66%;
	}
	.span_1_of_4 {
		width: 32%;
	}	
	.span_2_of_4 {
		width: 66%;
	}
	.span_4_of_5 {
		width: 74.5%;
	}
	.span_1_of_5 {
		width: 23.5%;
	}
}

/* 1023px-900px, 3 columns */
@media only screen and (max-width: 63.9375em) and (min-width: 56.25em) {
	#section_two .cell:nth-child(3), 
	#section_two .cell:nth-child(6), 
	#section_two .cell:nth-child(8), 
	#section_two .cell:nth-child(10), 
	#section_two .cell:nth-child(12),
	#section_two .cell:nth-child(14) {
		margin-left: 0;
	}
	.wrapper {
		max-width: 900px;
	}
	.contributors, .breaker, .latest-videos {
		display: none;
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 49%;
	}
	.span_2_of_4 {
		width: 74.5%;
	}
	.span_4_of_5 {
		width: 66%;
	}
	.span_1_of_5 {
		width: 32%;
	}
}

/* 900px-768px, 3 columns */
@media only screen and (max-width: 56.25em) and (min-width: 48em) {
	#section_two .cell:nth-child(3), 
	#section_two .cell:nth-child(6), 
	#section_two .cell:nth-child(8), 
	#section_two .cell:nth-child(10), 
	#section_two .cell:nth-child(12),
	#section_two .cell:nth-child(14) {
		margin-left: 0;
	}
	.wrapper {
		max-width: 768px;
	}
	.contributors, .breaker, .latest-videos {
		display: none;
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 49%;
	}
	.span_2_of_4 {
		width: 74.5%;
	}
	.span_4_of_5 {
		width: 66%;
	}
	.span_1_of_5 {
		width: 32%;
	}
}

/* 767px-660px, 2 columns, wide */
@media only screen and (max-width: 47.9375em) and (min-width: 41.25em) {
	#section_two .cell:nth-child(3), 
	#section_two .cell:nth-child(6), 
	#section_two .cell:nth-child(8), 
	#section_two .cell:nth-child(10), 
	#section_two .cell:nth-child(12),
	#section_two .cell:nth-child(14) {
		margin-left: 0;
	}
	.wrapper {
		max-width: 660px;
	}
	.contributors, .breaker, .latest-videos, .right-column {
		display: none;
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 49%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_4_of_5 {
		width: 100%;
	}
	.span_1_of_5 {
		width: 0;
	}
	.thumbnail {
	  height: 180px;
	}
	h2 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 1.2em;
	}
}

/* 660px-600px, 2 columns, narrow */
@media only screen and (max-width: 41.25em) and (min-width: 37.5em) {
	#section_two .cell:nth-child(3), 
	#section_two .cell:nth-child(6), 
	#section_two .cell:nth-child(8), 
	#section_two .cell:nth-child(10), 
	#section_two .cell:nth-child(12),
	#section_two .cell:nth-child(14) {
		margin-left: 0;
	}
	.wrapper {
		max-width: 600px;
	}
	.contributors, .breaker, .latest-videos, .right-column {
		display: none;
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 49%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_4_of_5 {
		width: 100%;
	}
	.span_1_of_5 {
		width: 0;
	}
	.thumbnail {
	  height: 180px;
	}
	h2 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 1.2em;
	}
}

/* max-width: 600px - 1 column */
@media only screen and (max-width: 37.5em) {
	.contributors, .breaker, .latest-videos, .right-column {
		display: none;
	}
	.wrapper {
		max-width: 100%;
	}
	.sc-logo-social {
    	width: 24px;
	}
	.col {
		margin: 0;
	}
	.cell {
		height: auto;
		position: relative;
		padding-bottom: 40px;
		margin-bottom: 15px;
	}
	.span_4_of_5 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 100%;
	}
	.thumbnail {
	  height: 360px;
	}
	.homepage-slider {
  		height: 514px;
	}
	.thumbnail img {
		position: relative;
		width: 100%;
	}
	.breaker { display: none; }
	.thumbnail-double-cell, .double-cell h2, .double-cell h3 { width: 100%; }
	.double-cell h6 { height: 32px; }
	.thumbnail-double-cell img {
		height: auto;
		width: 100%;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.2em;
	}
}

/* max-width: 480px - 1 column */
@media only screen and (max-width: 30em) {
	.thumbnail {
  		height: 300px;
	}

		/* HOMEPAGE SLIDER */
	.homepage-slider {
	  height: 460px;
	}
	.slider-homepage {
  		height: 460px;
	}
	.hp-image {
	  height: 300px;
	  overflow: hidden;
	  width: 100%;
	}
	.unslider-nav, .unslider-arrow {
		display: none;
	}
}

/* max-width: 390px - 1 column */
@media only screen and (max-width: 24.375em) {
	.thumbnail {
  		height: 250px;
	}

	/* HOMEPAGE SLIDER */
	.homepage-slider {
	  height: 420px;
	}
	.slider-homepage {
  		height: 420px;
	}
	.hp-image {
	  height: 250px;
	  overflow: hidden;
	  width: 100%;
	}
	.unslider-nav, .unslider-arrow {
		display: none;
	}
}

/* max-width: 320px - 1 column */
@media only screen and (max-width: 20em) {
	.thumbnail {
  		height: 220px;
	}

	/* HOMEPAGE SLIDER */
	.homepage-slider {
	  height: 400px;
	}
	.slider-homepage {
  		height: 400px;
	}
	.hp-image {
	  height: 220px;
	  overflow: hidden;
	  width: 100%;
	}
	.unslider-nav, .unslider-arrow {
		display: none;
	}
}


/* ############## MEDIA QUERIES - CATEGORY PAGE ############## */

/* >= 1250px */
@media only screen and (min-width: 79.375em) {
	.category-page .span_3_of_5 {
		width: 710px;
	}
	.category-page .span_1_of_5 {
		width: 235px;
	}
	.ui-accordion .ui-accordion-content {
		padding: 2em 0.8em;
	}
}

/* 1250px - 1024px, 4 columns */
@media only screen and (max-width: 79.375em) {
	.category-page .left-column {
		display: none;
	}
	.category-page .middle-column {
		margin-left: 0;
	}
	.category-page .span_3_of_5 {
		width: 74.5%;
	}
	.category-page .span_1_of_5 {
		width: 23.5%;
	}	
	.category-page .middle-column > h1 {
		display: block;
	}
	.ui-accordion .ui-accordion-content {
		padding: 2em 1.6em;
	}
}

@media only screen and (max-width: 64em) {
	.category-page .span_3_of_5 {
		width: 71.5%;
	}
	.category-page .span_1_of_5 {
		width: 26.5%;
	}
	.ui-accordion .ui-accordion-content {
		padding: 2em 3.6em;
	}
}

@media only screen and (max-width: 56.25em) {
	.category-page .span_3_of_5 {
		width: 100%;
	}
	.category-page .span_1_of_5 {
		display: none;
	}
	.ui-accordion .ui-accordion-content {
		padding: 2em 2em;
	}
}

/* 600px - 1 column */
@media only screen and (max-width: 37.5em) {
	.list-cell-content .thumbnail {
		width: 100% !important;
		height: auto !important;
		min-height: 320px;
		margin: 0 0 20px 0 !important;
	}
	.most-popular-wrapper {
		height: auto;
	}
	.most-popular {
		height: auto;
		padding-bottom: 50px;
	}	
}

/* 544px - 1 column */
@media only screen and (max-width: 34em) {
	.list-cell-content .thumbnail {
		min-height: 300px;
	}
}

/* 480px - 1 column */
@media only screen and (max-width: 30em) {
	.list-cell-content .thumbnail {
		min-height: 250px;
	}
}

/* 390px - 1 column */
@media only screen and (max-width: 24.375em) {
	.list-cell-content .thumbnail {
		min-height: 200px;
	}
}

/* 320px - 1 column */
@media only screen and (max-width: 20em) {
	.list-cell-content .thumbnail {
		min-height: 170px;
	}
}

/* ############### MEDIA QUERIES - SINGLE PAGE ############### */

/*
Media query breakpoints:
20em 320px
24.375em 390px
30em 480px
33.75em 540px
34em  544px
37.5em 600px
41.25em 660px
45.25em 724px
48em  768px
50em  800px
56.25em 900px
62em  992px
63.9375 1023px
64em  1024px
70.625em 1130px
75em  1200px
79.375em 1270px
*/

/* 1270px */
@media only screen and (max-width: 79.375em) {
	.single-page .span_1_of_4 {
		width: 23.5%;
	}
	.article-image, .article-image img {
		height: 350px;
	}
}

/* 1024px */
@media only screen and (max-width: 64em) {
	.single-page .top-left, .single-page .top-right {
		display: none;
	}
	.single-page .top-middle {
		margin-left: 0;
		width: 66%;
	}
	.single-page .span_3_of_4 {
		width: 66%;
	}
	.single-page .span_1_of_4 {
		width: 32%;
	}
	.article-content {
	  width: 100%;
	}
	.side-container {
	  left: 0;
	  margin: 30px 0 20px;
	  position: relative;
	  top: 0;
	  width: 100%;
	}
	.article-image, .article-image img {
		height: 400px;
	}
}

/* 900px */
@media only screen and (max-width: 56.25em) {
	.article-image, .article-image img {
		height: 350px;
	}
	#video-player-container .sc-logo-social {
		margin: 0 5px;
	}
}
/* 768px */
@media only screen and (max-width: 48em) {
	.single-page .span_1_of_4 {
		display: none;
	}
	.single-page .span_2_of_4, .single-page .span_3_of_4 {
		width: 100%;
	}
	.single-page .col {
		margin: 0;
	}
	.article-content {
    	width: 100%;
    }
    .side-container {
		left: 0;
		position: relative;
		top: 0;
		width: 100%;
		margin: 20px 0;
	}
	.sc-social-sharing {
    	position: relative;
    }
    .article-image, .article-image img {
		height: 500px;
	}
}
/* 767px */
@media only screen and (max-width: 47.9375em) {
	.article-image, .article-image img {
		height: 450px;
	}
}
/* 660px */
@media only screen and (max-width: 41.25em) {
	.article-image, .article-image img {
		height: 425px;
	}
}
/* 600px */
@media only screen and (max-width: 37.5em) {
	.article-image, .article-image img {
		height: 400px;
	}
}
/* 544px */
@media only screen and (max-width: 34em) {
	.article-image, .article-image img {
		height: 350px;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
	.article-image, .article-image img {
		height: 300px;
	}
}
/* 390px */
@media only screen and (max-width: 24.375em) {
	.article-image, .article-image img {
		height: 260px;
	}
}
/* 320px */
@media only screen and (max-width: 20em) {
	.article-image, .article-image img {
		height: 220px;
	}
}

/* SAFARI HACK */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { 
	@media {
	    .main-navigation ul li a {
	        letter-spacing: 0.04em;
	    }
	}
}

/* CHROME HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)
{
    .main-navigation ul li a {
        letter-spacing: 0.048em;
    }
}


/* --------- HEADER ---------- */
header {
	background-color: #FFFFFF;
	width: 100%;
}
.header-fixed {
	position: fixed;
	top: -117px;
	z-index: 100;
}
.site-header-left-col {
	float: left;
}
.site-header-right-col {
	float: right;
}
.site-branding {
	padding: 30px 0 20px;
}
.site-branding img {
	max-width: 486px; 
	width: 100%;
}
#mobile_menu_btn {
	background-color: #aaaaaa;
	color: #ffffff;
	font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight: 600;
	height: 40px;
	padding: 0.75em 1em 0.6em;
}
#site-navigation-mobile, #mobile_menu_btn, #mobile_menu { display: none; }
#site-navigation form, #site-navigation .search-submit {
	float: right;
}
#site-navigation {
	overflow: visible;
	position: relative;
}
.rails {
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	height: 42px;
}
.left { float: left; } 
.right { float: right; }

.menu-main-menu-container, #primary-menu { 
	width: 982px;
}	
#desktop_nav {
	float: left; 
	z-index: 100;
}
#dp-search-box {
	float: right;
}
#dp-search-btn {
	float: right;
	margin-top: 10px;
	cursor: pointer;
}
#dp-search-form {
	background-color: #ffffff;
	border: 1px solid #8fbfdb;
	display: none;
	height: 50px;
	padding-left: 5px;
	position: absolute;
	right: 0;
	top: 48px;
	width: 220px;
	z-index: 200;
}
.dp_menu_btn {
	float: right;
}
.desktop_menu {
	display: none;
}

#search_box {
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	display: none;
	padding: 2px;
	position: absolute;
	right: 12px;
	top: 45px;
	width: 225px;
}
#search_box form {
	padding: 0;
}
#search_box .search-submit {
  color: #aaaaaa;
  background-position: 10px 1px;
  float: right;
  font-family: "Archivo Narrow",Helvetica,Arial,sans-serif;
  font-size: 1em;
  height: 30px;
  padding: 2px 5px 0 0;
  width: 45px;
}
#search_button {
	display: none;
}
.icon-gplus:before, .icon-gplus-single-page:before {
	font-family: 'icomoon';
	font-size: 1.7em;
	content: '\e900';    
    font-style: normal;
    font-weight:  normal;
    margin: 2px;
	padding: 0;
    position: absolute;
}
.icon-facebook:before, .icon-facebook-single-page:before  {
	font-family: 'icomoon';
	font-size: 1.4em;
	content: '\e902';    
    font-style: normal;
    font-weight:  normal;
    margin: 2px;
	padding: 2px;
    position: absolute;
}
.icon-twitter:before, .icon-twitter-single-page:before {
	font-family: 'icomoon';
	font-size: 1.4em;
	content: '\e904';    
    font-style: normal;
    font-weight:  normal;
    margin: 2px;
	padding: 2px;
    position: absolute;
}
.icon-linkedin:before, .icon-linkedin-single-page:before {
	font-family: 'icomoon';
	font-size: 1.4em;
	content: '\e906';    
    font-style: normal;
    font-weight:  normal;
    margin: 2px;
	padding: 2px;
    position: absolute;
}
.icon-youtube {
  height: auto;
  padding-top: 5px;
  width: 28px;
  opacity: 1;
}
.icon-youtube:hover {
	opacity: 0.6;
}
.icon-search:before {
	content: '\e907';
	font-family: "icomoon";
	font-size: 1.34em;
	font-style: normal;
	font-weight: normal;
	margin: 2px;
	padding: 2px;
	position: absolute;
}
.icon-newsletter {
  height: auto;
  padding-top: 6px;
  width: 27px;
  opacity: 1;
}
.icon-newsletter:hover {
	opacity: 0.6;
}
.logo-youtube {
  width: 70px;
  margin: 0;
}
.main-banner {
	
}


/* ############ MEDIA QUERIES HEADER ############ */

/*
Media query breakpoints:
33.75em 540px
34em  544px
37.5em 600px
41.25em 660px
45.25em 724px
48em  768px
50em  800px
56.25em 900px
62em  992px
63.9375 1023px
64em  1024px
70.625em 1130px
75em  1200px
*/

/* 1250px - 1024px, 4 columns */
@media only screen and (max-width: 79.375em) {
	.main-navigation ul li a {
	  padding: 0.75em 0.83em;
	}
	#search_button {
		display: block;
	}
	#search_box_main_menu {
		display: none;
	}
	#site-navigation-mobile {
	  display: block;
	  position: relative;
	  z-index: 200;
	}
	#btn_search_cont {
		background-color: #ffffff;
		display: block;
		height: 40px;
		float: right;
	}
	#desktop_nav {
		width: 860px;
		height: 40px;
 		overflow: hidden;
	}
	#site-navigation-mobile, #mobile_menu_btn { display: block; }
	.search-form { 			
		padding-top: 5px; 
	}
	input[type="submit"] { 
		margin: 0; 
	}
	#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
		position: inherit;
	}
	#cssmenu ul li {
		background-color: #ffffff;
		display: block;
		float: left;
		position: inherit;
		width: 100%;
	}
	#cssmenu ul ul {
		width: 100%;
	}
	#cssmenu ul ul li {
		float: left;
		width: 33.333%;	
		padding: 4px 0;
	}
	#cssmenu ul ul li a {
		background-color: #fff;
		border: none;
		padding: 16px 10px 11px;
	}
	#cssmenu > ul > li > a {
	  background-color: #eeeeee;
	  border-top: medium none;
	  padding: 10px;
	}
	#mobile_menu_btn {
		opacity: 1;
	}
	#mobile_menu_btn:hover {
		opacity: 1 !important;
	}
	.footer_extras_right li {
		padding: 17px 23px;
	}
}

/* 1023px */
@media only screen and (max-width: 63.9375em) {
	/*.wrapper { max-width: 768px; }*/
	#desktop_nav {
		width: 730px;
	}
	.main-navigation ul li a {
	  padding: 0.75em 0.6em;
	}
	.footer_extras_right li {
		width: 24%;
		float: left;
	}
	.footer_extras_right li:nth-child(5) {
		padding-left: 0;
	}
}

/* 900px, 3 columns */
@media only screen and (max-width: 56.25em) {
	.site-header-left-col, .site-header-right-col {
		width: 100%;
	}	
	.site-header-left-col {
		text-align: center;
	}
	#search_box {
		position: absolute;
		right: inherit;
		top: 41px;
		width: 240px;
	}
	#cssmenu ul ul li {
		float: left;
		width: 50%;	
	}
	#desktop_nav { 
		display: none; 
	}
	.site-header-right-col .sc-social-sharing {
    	padding: 7px 0 0;
    	width: 350px;
	}
	.site-header-right-col .sc-social-sharing {
		position: absolute;
		z-index: 300;
	}
	#search_box {
  		left: 105px;
	}
	#mobile_menu_btn span {
		display: none;
	}
	#mobile_menu_btn:after {
		content: "MENU";
		font-weight: bold;
	}
}

/* 768px */
@media only screen and (max-width: 48em) {
	.site-header-left-col, .site-header-right-col {
		width: 100%;
	}	
	.site-header-left-col {
		text-align: center;
	}
	#search_box {
		position: absolute;
		right: inherit;
		top: 41px;
		width: 240px;
	}
	#cssmenu ul ul li {
		float: left;
		width: 50%;	
	}
	#desktop_nav { 
		display: none; 
	}
	.site-header-right-col .sc-social-sharing {
    	padding: 7px 0 0;
    	width: 350px;
	}
	.site-header-right-col .sc-social-sharing {
		position: absolute;
		z-index: 300;
	}
}

/* 767px */
@media only screen and (max-width: 47.9375em) {
	/*.wrapper { max-width: 600px; }*/
}

/* 600px */
@media only screen and (max-width: 37.5em) {
	/*.wrapper { max-width: 544px; }*/
	.icon-gplus:before {
		font-size: 1.45em;
	}
	.icon-facebook:before {
		font-size: 1.1em;
	}
	.icon-twitter:before {
		font-size: 1.1em;
	}
	.icon-linkedin:before {
		font-size: 1.1em;
	}
	.icon-youtube:before {
		font-size: 1.2em;
	}
	.icon-search:before {
		font-size: 1.1em;
	}
	.logo-youtube {
	  	width: 55px;
	  	margin: 0;
	}
	.sc-logo-social {
		margin: 0px 4px;
	}
	.site-header-right-col .sc-social-sharing {
  		padding: 9px 0 0;
  		width: 240px;
	}
	.icon-newsletter {
	  height: auto;
	  margin: 0 4px 0 9px;
	  padding-top: 4px;
	  width: 25px;
	}
	.icon-youtube {
	  height: auto;
	  padding-top: 4px;
	  width: 25px;
	}
	.footer_extras_right li {
		width: 48%;
	}
	.footer_extras_right li:nth-child(4) {
		padding-left: 23px;
	}
	.footer_extras_right li:nth-child(2n+1) {
		padding-left: 0;
	}
	#search_box {
  		left: 0;
	}
}

/* 390px */
@media only screen and (max-width: 24.375em) {
	#cssmenu ul ul li {
	  width: 100%;
	}
}
/* 320px */
@media only screen and (max-width: 20em) {
	.icon-twitter {
	  margin: 0 ;
	}
}