/*
#  Theme Name: ceo2017
*/

/*
COLOURS:
brighter orange #d26810


*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
/*	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}

body {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0;
}

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 {
	color: #000000;
	background-color: transparent;
	text-decoration: none; 
}
a:hover {
	color: #00786c;
}
a:hover,
a:focus,
a:active {
	outline: 0;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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-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;
	line-height: 1.5;
}

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

h1 {
	color: #000000;
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	font-size: 2.7rem;
	font-weight: 700;
	line-height: 3.4rem;
	margin: 0;
	letter-spacing: 0.08rem;
}
h2 {
	color: #000000;
	font-family: "Playfair Display";
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 2rem;
	margin: 0.5rem 0 0;
}
h3 {
	color: #000000;
	font-family: "Crimson Text", Georgia, Times, "Times New Roman", serif;
	font-size: 1.65rem;
	font-weight: 400;
	line-height: 1.8rem;
	margin: 1rem 0;
}
h4 {
	color: #000000;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	margin: 1rem 0;
}
h5 {
	color: #000000;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4rem;
	margin: 1rem 0;
}
h6 {
	color: #000000;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2rem;;
}
p {
	font-family: "Crimson Text", Georgia, Times, "Times New Roman", serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.1rem;
	margin: 2rem 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.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

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

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

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

big {
	font-size: 125%;
}

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

*,
*: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 {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

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

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

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;
	outline: none;
}

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

#searchform > div > input:nth-child(2) {
	border: none;
	margin: 0.5rem 0 0 0;
	color: #00786c;
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	font-weight: 400;
	opacity: 1;
	font-size: 1.8rem;
	width: 18.4rem;
	opacity: 1;
	padding: 0.7rem 0 0 0;
}
#searchsubmit {
	content: "";
	background: rgba(0, 0, 0, 0) url(assets/button_search.png) no-repeat scroll 15px 9px;
	border: 0 none;
	display: block;
	height: 46px;
	margin-top: 0;
	width: 46px;
	float: right;
}

select {
	border: 1px solid #ccc;
}

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

textarea {
	width: 100%;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.main-navigation, .footer_nav, .footer_nav_top {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-top: 0.1rem solid #bbb;
	border-bottom: 0.1rem solid #bbb;
	margin: 1em 0 0;
}
.footer_nav, .footer_nav ul {
	margin: 0;
	padding: 0.3rem 0 0.8rem;
}
.footer_nav_top {
	border: none;
	margin: 0;	
	padding: 0.5rem 0 0;
}
.footer_nav_top li {
	margin: 1rem 2rem;
}
footer .wrapper ul {
	list-style-type: none;
}
.footer_nav div ul li:first-child a, .footer_nav_top li:first-child {
	margin-left: 0;
	padding-left: 0;
}
.footer_nav_top h4 {
	color: #00786c;
	font-size: 1.8rem;
	font-weight: 700;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li, .footer_nav li, .footer_nav_top li {
	float: left;
	position: relative;
}

.main-navigation a, .footer_nav a {
	display: block;
	text-decoration: none;
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	font-size: 1.8rem;
	padding: 1rem 1.95rem;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

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

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

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

.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,
.main-navigation .current-menu-ancestor > a {
}

#site-navigation li:first-child a {
	padding-left: 0;
}
#site-navigation-mobile {
	display: none;
}
#search_box_main_menu {
	float: right;
}

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

/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

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

/*--------------------------------------------------------------
## 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: center;*/
	font-size: 1.3rem;
}


/*--------------------------------------------------------------
## ---------------------- 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: 65.66%; }
.span_1_of_3 { width: 31.33%; }

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

#section_two .col, #section_three .col {
	margin: 0% 0 0% 3%;
}

#section_two .span_1_of_3:nth-child(3n+1), #section_three .span_1_of_3:nth-child(3n+1) {
	margin-left: 0;
}

/*--------------------------------------------------------------
## Social sharing 
--------------------------------------------------------------*/
.sc-social-sharing {
	height: 90px;
	padding: 30px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.sc-social-sharing a:first-child {
	margin-left: 0;
}
.sc-social-sharing a:last-child div {
	margin-left: 0.1rem;
}
.sc-logo-social {
	color: #666666;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	cursor: pointer;
	opacity: 1;
}
.sc-logo-social:first-child {
	margin-left: 0;
}
.sc-logo-social:hover {
	opacity: 0.6;
}
.icon-gplus:before, .icon-gplus-single-page:before {
	font-family: 'icomoon';
	font-size: 1.6em;
	content: '\e900';    
    font-style: normal;
    font-weight:  normal;
    margin: 0 2px;
	padding: 0.2rem 0 0;
    position: absolute;
}
.icon-facebook:before, .icon-facebook-single-page:before  {
	font-family: 'icomoon';
	font-size: 1.2em;
	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.2em;
	content: '\e904';    
    font-style: normal;
    font-weight:  normal;
    margin: 2px;
	padding: 2px;
    position: absolute;
}
.icon-linkedin {
	width: 26px;
}
.icon-linkedin:before, .icon-linkedin-single-page:before {
	font-family: 'icomoon';
	font-size: 1.2em;
	content: '\e906';    
    font-style: normal;
    font-weight:  normal;
    margin: 2px;
	padding: 2px;
    position: absolute;
}
.icon-youtube {
  height: auto;
  padding-top: 5px;
  width: 26px;
  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: 5px;
  width: 24px;
  opacity: 1;
  margin-left: 12px;
}
.icon-newsletter:hover {
	opacity: 0.6;
}
footer .wrapper .sc-social-sharing {
	padding: 1.4rem 0;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
.wrapper {
	max-width: 1000px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
}
header {
    background-color: #FFFFFF;
    width: 100%;
}
.header-fixed {
	position: fixed;
	top: -195px;
	z-index: 100;
}
#content {
	margin-top: 2.5rem;
}
.left-column {
	width: 74.5%;
}
.right-column {
	/*width: 25.9%;*/
	width: 23.5%;
	min-height: 100px;
}
.right-column.col {
	margin-left: 2%;
}
.digital-editions {
	overflow: hidden;
	float: right;
	margin-top: 3.4rem;
	position: relative;
	opacity: 1;
}
.digital-editions:hover {
	opacity: 0.7;
}
.digital-editions h2 {
	color: #00786c;
	font-size: 1.5rem;
	float: left;
	clear: none;
}
.digital-editions span {
	color: #00786c;
	font-size: 2.8rem;
	float: left;
	margin: 0.4rem 0.3rem 0.7rem 0;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 2rem;
}
.digital-editions div {
	display: block;
	overflow: hidden;
	position: absolute;
	top: -0.5rem;
}
.digital-editions img {
	float: right;
	padding:10px /* I added this because I uploaded img from an old psd :D */
	/*image-rendering: -webkit-optimize-contrast;*/
}
.videos-right-col div {
	border-bottom: 0.1rem solid #bbbbbb;
	margin-bottom: 2.35rem;
	height: 23.45rem;
	position: relative;
}
.videos-right-col div:hover {
	opacity: 0.7;
}
.videos-right-col div:after {
	position: absolute;
	right: 0;
	content: "VIDEO";
	font-size: 1.6rem;
	color: #ffffff;
	background-color: #00786c;
	padding: 0.4rem 0.7rem 0.32rem;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
	top: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.videos-right-col h4 {
	color: #00786c;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.7rem;
	margin: 0.5rem 0 0.2rem;
	overflow: hidden;
	max-height: 5.2rem;
}
.videos-right-col h5 {
	color: #666666;
	margin: 0 0 0.5rem;
	padding: 0 0 1rem;
}
.videos-right-col img {
	height: 15rem;
	width: 100%;
	object-fit: cover;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
}
#section_two .cell {
	min-height: 38rem;
	position: relative;
}
#section_two .cell .cell-inner {
	min-height: 38rem;
	position: relative;
}
#section_two .thumbnail, #section_three .thumbnail, #section_four .thumbnail, .breaker-profiles .thumbnail {
	object-fit: cover;
	width: 23.1rem;
	height: 16rem;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
}
.breaker-videos .thumbnail {
	width: 100%;
	height: auto;
}
#section_two h2, #section_three h2, #section_four h2 {
	margin: 1rem 0 0;
}
#section_one, #section_two, #section_four {
	margin-bottom: 2rem;
}
#section_three {
	margin-bottom: 1rem;
}
#section_three .col:nth-child(3) {
	margin-left: 0;
}
#section_three .col:nth-child(4) {
	margin-left: 2.8%;
}
#section_four .col:nth-child(4) {
	margin-left: 0;
}
.cell {
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
	border-bottom: 0.8rem solid #000000;
}
.cell-inner h4 span, .cell-inner h4 span a, .hp-text h4 span, .hp-text h4 span a {
	color: #00786c;
}
.cell-text, .cell-img {
	float: left;
}
.cell-text {
	width: 33%;
	margin-right: 2%;
}
.cell-img {
	width: 65%;
}
.cell:hover {
    opacity: 0.7;
}
#section_three .cell, #section_four .cell {
	margin-bottom: 2rem;
}
#section_three .cell-img .thumbnail, #section_four .cell-img .thumbnail {
	object-fit: cover;
	height: 35rem;
	width: 100%;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
}
.feature {
	padding-bottom: 1.6rem;
	position: relative;
}
.feature:after {
	position:absolute;
	right: 0;
	content: "FEATURE";
	font-size: 1.6rem;
	color: #ffffff;
	background-color: #00786c;
	padding: 0.4rem 0.7rem 0.32rem;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.top-5 {
	position: relative;
}
.top-5::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "TOP 5";
	font-size: 1.6rem;
	color: #ffffff;
	background-color: #c69229;
	padding: 0.4rem 0.7rem 0.32rem;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.hp-image.top-5::after {
	right: initial;
	left: 0;
}
.top-5-single {
	border-top: none !important;
	background-color: #00786c;
	padding: 2rem 1rem 0.1rem 0 !important;
}
.top-5-single h4, .top-5-single a, .top-5-single li, .top-5-single ol {
	color: #ffffff !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.top-5-single a {
	font-size: 1.9rem !important;
	line-height: 2rem !important;
	display: block;
}
.top-5-single a:hover {
	color: #add5d1 !important;
}
.top-5-single li {
    border-bottom: 0.1rem solid #a7d4c8 !important;
}
.top-5-single h4 {
	font-family: "Playfair Display", Helvetica, Arial, sans-serif;
	font-size: 3rem !important;
	padding-left: 1.6rem;
	text-align: center;
}
.breaker {
	display: block;
	background-color: #e5e5e5;
	margin: 1rem 0 4rem;
	padding-bottom: 20px;
	width: 100%;
}
.breaker-profiles {
	padding: 6rem 1.5rem 1rem;
}

.top5-profiles {
	padding: 0;
	
}

.top5-profiles h6 {
	color: #ffffff;
	background-color: #00786c;
	font-size: 1.8rem;
	padding: 1rem;
	margin: 0;
	height: 3.8rem;
	text-transform: uppercase;
	
	min-width: 9.5rem;
}

.breaker-profiles.breaker-videos {
	padding: 0rem 1.5rem 1rem;
}
.breaker-profiles.wrapper {
	max-width: 120rem;
}
.breaker-profiles h4 {
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 0;
}
.breaker-profiles h5 {
	color:#00786c;
	font-size: 1.4rem;	
	margin-top: 0.2rem;
}
.breaker-profiles h6, .breaker-top5 h6, .breaker-profiles span {
	color: #ffffff;
	background-color: #00786c;
	font-size: 1.8rem;
	padding: 1rem;
	margin: 0;
	height: 9.8rem;
	text-transform: uppercase;
	display: block;
	min-width: 9.5rem;
}
.breaker-videos-headline {
	width: 100%;
	text-align: center;
	margin-bottom: 5rem;
	overflow: hidden;
}
.breaker-videos-headline h6 {
	width: 30rem;
	margin: 0 auto;
	height: auto;
	padding: 2.5rem 0;
}
.breaker-top5 h6 {
	background-color: #c69229;
}
.breaker-profiles .cell {
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 1rem;
}
.br-profiles-left-col, .br-profiles-right-col {
	float: left;
}
.br-profiles-left-col {
	width: 8.2%;
	margin-right: 1.8%;
}
.br-profiles-right-col {
	width: 90%;
}
.br-profiles-right-col .section div:hover {
	background-color: #ccc;
	outline: 0.5rem solid #ccc;
}
.awards-right-col {
	padding: 0 1rem 1rem;
	border-bottom: 0.1rem solid #4e716e;
	margin-bottom: 2.1rem;
	text-align: center;
}
.awards-right-col img {
	width: 15.4rem;
	height: auto;
}
.awards-right-col h6 {
	color: #7a7e90;
	margin: 0 0 1.6rem;
}
.awards-right-col p {
	padding: 0.5rem 0.5rem 0;
	font-size: 1.7rem;
	margin: 1rem 0;
	line-height: 1.86rem;
}
.awards-right-col-banner {
	/*padding-top: 0.4rem;*/
}
.homepage #section_two .col .cell-inner a h3 {
	height: 9.2rem;
	overflow: hidden;
	margin: 0.8rem 0 0;
}
.homepage #section_two .col .cell-inner h4 {
	height: 3.4rem;
	overflow: hidden;
	margin: 1rem 0 0;
	position: absolute;
	bottom: 0;
}
.homepage #section_two .col .cell-inner a h2 {
	max-height: 6.2rem;
	overflow: hidden;
	min-height: 2.2rem;
	height: auto;
	line-height: 2rem;
	padding: 0 0 0.3rem;
	margin-top: 1rem;
}
.homepage .cell {
	overflow: hidden;
}
/*--------------------------------------------------------------
## Category page 
--------------------------------------------------------------*/
.cat-left-col, .cat-right-col {
	border-top: 0.1rem solid #bbb;
	padding-top: 2rem;
}
.cat-left-col h1 {
	color: #00786c;
	margin: 0 0 2.6rem;
}
.category-page img.thumbnail {
	object-fit: cover;
	height: 16rem;
	width: 25rem;
}
.category-page .nav-previous a h6, .category-page .nav-next a h6 {
	margin-top: 0;
}
.category-page .nav-previous a span, .category-page .nav-next a span {
	font-size: 2.5rem;
	font-weight: 700;
}
.list-cell {
	overflow: hidden;
	margin: 2rem 0 3rem;
}
.list-cell:hover {
	background-color: #f5f5f5;
	outline: 5px solid #f5f5f5;
}
.list-cell:hover > a > .list-cell-text > p {
	color: #000000;
}
.list-cell:hover > a >.list-cell-thumb {
	opacity: 0.8;
}
.list-cell-thumb, .list-cell-text {
	float: left; 
}
.list-cell-thumb {
	width: 25rem;
	margin-right: 2%;
	height: 16rem;
	position: relative;
	overflow: hidden;
}
.list-cell-text {
	border-top: 0.1rem solid #bbb;
	border-bottom: 0.1rem dotted #bbb;
	max-width: 46.5rem;
	min-height: 16rem;
}
.list-cell-text h2 {	
	font-size: 2rem;
	line-height: 2.5rem;
	margin: 1rem 0 0.7rem;
}
.list-cell-text p {
	font-size: 1.6rem;
	line-height: 1.7rem;
	margin: 0.5rem 0;
}
.list-cell-text p:hover {
	color: #000000;
}

/*--------------------------------------------------------------
## Single page 
--------------------------------------------------------------*/
.single-page h2 {
	font-size: 2.8rem;
	line-height: 3.4rem;
}
.single-page h3 {
	color: #666;
	font-size: 2rem;
	line-height: 2.2rem;
	margin: 1.8rem 0;
}
.article-content {
	float: right;
	position: relative;
	width: 66%;
}
.article-image {
	width: 100%;
	overflow: hidden;
}
.article-image div {
	font-size: 1.3rem;
}
.article-content a {
	color: #00786c;
	font-weight: bold;
}
.article-content a:hover {
	color: #8CC6C0;
}
.article-content ul, .article-content ol {
	margin: 0;
	padding-left: 2.5rem;
}
.article-content li {
	margin: 1rem 0;
}
.single-page .article-image img {
	float: left;
	height: 36rem;
	width: 100%;
	margin-bottom: 0.5rem;
	max-width: none;
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: center;';
}
.side-container {
	left: -51%;
	position: absolute;
	top: 0;
	border-top: 0.1rem solid #bbb;
	width: 47%;
}
.sc-categories {
	padding: 1.2rem 0 0.8rem;
}
.sc-categories a {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #00786c;
	font-size: 1.6rem;
	font-weight: 400;
	text-transform: uppercase;
}
.sc-interview-with {
	border-top: 1px solid #bbb;
	color: #00786c;
	font-size: 0.95em;
	font-weight: 100;
	line-height: 1.6em;
	padding: 1.3rem 0 1.1rem;
	text-transform: none;
}
.side-container .sc-social-sharing {	
	border-top: 1px solid #bbb;
	height: 50px;
	padding: 0.8rem 0;
}
.side-container .sc-logo-social {
	color: #00786c;
}
.side-container h4, .side-container h4 a {
	font-size: 1.6rem;
	line-height: 2rem;
	color: #00786c;
	margin: 0.2rem 0;
}
.sc-date {
	border-top: 1px solid #bbb;
	color: #58595b;
	font-size: 0.95em;
	padding: 1.3rem 0 1.1rem;
}
.sc-date h4 {
	color: #666;
}
.single-right-col h4 {
	color: #00786c;
	font-size: 1.8rem;
	font-weight: 400;
}
.single-right-col {
	border-top: 1px solid #bbb;
	padding-top: 0.5rem; 
}
.single-right-col a {
	color: #000000;
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: 400;
}
.single-right-col ol {
	margin: 0 0 0 2rem;
	padding: 0 0 0 1rem;
}
.single-right-col li {
	font-size: 1.6rem;
	line-height: 1.8rem;
	margin: 1rem 0;
	border-bottom: 0.1rem solid #bbb;
	padding: 0 0 1.2rem 0.6rem;;
}
.single-right-col .related h3 {
	color: #00786c;
}
.nav-links {
	margin-bottom: 4rem;
	overflow: hidden;
}
.nav-links h2 {
	font-size: 1.8rem;
	line-height: 2.5rem;
}
.nav-links h2:hover {
	color: #00786c;
}
.nav-links h6 {
	font-size: 1.7rem;
	font-weight: 400;
	color: #666;
	margin: 2rem 0 0.6rem;
	text-transform: uppercase;
}
.single-page .nav-previous {
	padding-right: 1em;
}
.single-page .nav-next {
	padding-left: 1em;
}
blockquote {
	float: right;
	margin: 20px 0 0 20px;
	position: relative;
	width: 40%;
}
blockquote p {
	color: #00786c;
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	font-size: 1.74rem;
	line-height: 2.2rem;
	font-weight: 700;
}
blockquote p:before {
	color: #bbb;
	content: '“';
	display: block;
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	font-size: 10rem !important;
	margin-bottom: -10px;
}
.digit-ed {
	margin-bottom: 2rem;
}
.digit-ed .section .col .section {
	margin: 0 0 3rem;
	overflow: hidden;
}
.digit-ed h4 a {
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	color: #00786c;
	font-size: 1.6rem;
	line-height: 2.2rem;
}
.digit-ed img {
	height: auto;
	padding-top: 2rem;
}
/* Fix for the feature image repeated in the article content (required by the previous template) */
.article-content figure img:nth-child(1), .article-content figure figcaption:nth-child(2) {
	/*display: none;*/
}

.article-content p > strong {
	font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
	font-size: 1.75rem;
}
.related-topics h4 {
	text-transform: capitalize;
}

/*--------------------------------------------------------------
# Category Videos 
--------------------------------------------------------------*/
.videos-bg {
	background-color: #262626;
}
#video-headline-container {
	background-color: #c55900;
}
#video-headline-container h1, .video-description h3, .video_headline_small h2, .video_standfirst_small h3 {
	color: #ffffff;
}
#video-headline-container h1 {
	margin: 2.2rem 0 2.6rem;
}
#video-headline-container img {
	margin: 2.9rem 0 0;
	max-height: 2.5rem;
}
#video-player-container {
	margin: 3.5rem 0 2.7rem;
}
#video-player-container.vid-single .wrapper .span_3_of_4 {
	border-bottom: 0.1rem solid #d26810;
	height: 60.9rem;
}
.vid-nav {
	margin-top: 2rem;
}
#video-player-container.vid-single .vid-nav .span_1_of_3 {
	color: #8d8d8d;
	border-left: 0.1rem solid #666;
	height: 15.5rem;
	padding-left: 1rem;
}
.vid-nav .navigation .nav-links .nav-previous, .vid-nav .navigation .nav-links .nav-next {
	text-align: left;
	border-left: 0.1rem solid #666;
	padding: 0 1rem;
	height: 15.5rem;
}
.vid-nav .navigation .nav-links .nav-previous a h6, .vid-nav .navigation .nav-links .nav-next a h6 {
	margin: 0 0 1rem;
	color: #d26810;
}
.vid-nav .navigation .nav-links .nav-previous a h2, .vid-nav .navigation .nav-links .nav-next a h2 {
	color: #eeeeee;
	letter-spacing: 0.05rem;
	padding-left: 1rem;
}
.vid-nav .navigation .nav-links .nav-previous a h2 span, .vid-nav .navigation .nav-links .nav-next a h2 span {
	color: #d26810;
	font-size: 2.8rem;
	float: right;
	margin-top: 0;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.video-description h3 {
	color: #eeeeee;
	font-size: 1.9rem;
	line-height: 2.2rem;
}
.video-description a {
	display: block;
}
.video-description a:hover {
	opacity: 0.7;
}
#video-player-container a h4 {
	color: #d26810;
	font-size: 1.6rem;
	margin-top: 0.5rem;
	float: left;
}
#video-player-container a span {
	color: #d26810;
	font-size: 3rem;
	font-weight: 700;
	margin: 0.6rem 0 0 1rem;
	float: left;
	line-height: 1rem;
}
.video_headline_small h2 {
	color: #d26810;
	font-size: 1.8rem;
	letter-spacing: 0.04rem;
}
.video_standfirst_small p {
	color: #eeeeee;
	margin: 0.8rem 0;
}
#video-thumbs-container {
	background: #1a1a1a;
	padding: 2.8rem 0 4rem;
}
#video-thumbs-container a.cell {
	margin-top: 0.5rem;
}
#video-thumbs-container a.cell:hover {
	background-color: #383838;
	outline: 0.5rem solid #383838;
	opacity: 0.8;
}
#video-thumbs-container .cell {
	border-bottom: 0.1rem solid #d26810;
}
#video-thumbs-container h4, .video-description h4 {
	color: #bbb;
	margin: 1.2rem 0 0.8rem;
}
iframe {
	width: 100%;
}
#video-thumbs-container .wrapper .col:nth-child(4n+1) {
	margin-left: 0;
}

/*--------------------------------------------------------------
## Single page VIDEOS 
--------------------------------------------------------------*/
#video-headline-container h3 {
	color: #ffffff;
	font-size: 1.9rem;
	line-height: 2.2rem;
	margin: 0 0 2.4rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#video-headline-container h1.video-title-single {
	margin-bottom: 1rem;
}
#video-transcript-container {
	background: #1a1a1a;
}
#video-transcript-container .wrapper p iframe {
	display: none;
}
#video-transcript-container .wrapper p {
	color: #eeeeee;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#video-transcript-container h1 {
	color: #eeeeee;
	font-size: 2rem;
	margin: 2.5rem 0 2rem;
}
#video-player-container.vid-single a h2 {
	padding-left: 2rem;
}
#video-player-container.vid-single a span {
	color: #d26810;
	font-size: 3.4rem;
	font-weight: 700;
	margin: 0.7rem 0.5rem 0 -2rem;
	float: left;
	line-height: 1rem;
}
#video-player-container.vid-single .nav-links .nav-next:hover, #video-player-container.vid-single .nav-links .nav-previous:hover {
	opacity: 0.7;
}
.vid-single .sc-social-sharing {
	padding: 1rem 0 0;
	height: auto;
	width: 18rem;
}
.article-image img {
	height: 30rem;
}

/*--------------------------------------------------------------
## Single page VIDEOS-RELATED
--------------------------------------------------------------*/
.videos-related h4 {
  color: #d26810;
  font-size: 1.6rem;
  margin: 0 0 0.9rem;
}
.videos-related ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.videos-related li {
  border-bottom: 0.1rem solid #d26810;
  color: #eeeeee;
  margin: 0 0 2rem;
  padding: 0 0 0.7rem;
  
}
.videos-related li:hover {
  background-color: #383838;
  outline: 0.5rem solid #383838;
  opacity: 0.8;
}
.videos-related ul li a {
  color: #eeeeee;
  display: block;
  font-size: 1.5rem;
  line-height: 1.85rem;
  height: 17.32rem;
}
.videos-related ul li img {
  margin-bottom: 0.5rem;
  height: 12.7rem;
  width: 100%;
  object-fit: cover;
}
#video-transcript-container {
	padding-bottom: 6rem;
}

/*--------------------------------------------------------------
#  Award form
--------------------------------------------------------------*/
.award-form {
	margin: 3rem 0;
	padding: 3.5rem 6rem;
	background: #eee;
}
.nf-field-label {
	width: 90% !important;
}
.nf-form-fields-required {
	margin: 3rem 0 2rem;
	font-size: 1.4rem;
}
input, select, textarea {
	font-size: 1.4rem;
	padding: 0.5rem 0.5rem 0.4rem;
	line-height: 2rem;
}
.award-form input[type="button"], input[type="reset"], input[type="submit"],
.newsletter input[type="button"], input[type="reset"], input[type="submit"]{
	font-size: 1.6rem !important;
}
.nf-field-element textarea {
	height: 10rem !important;
}
.field-wrap select, .field-wrap > div input {
	max-width: 35rem;
}
.nf-form-fields-required {
	display: none;
}
.nf-field-element h4 {
	margin: 3rem 0 0;
}
.nf-field-element h4 span {
	color: #E80000;
	font-weight: 700;
}

/*--------------------------------------------------------------
#  Homepage - slider
--------------------------------------------------------------*/
.slider-homepage {
	width: 100%;
	height: 33.8rem;
	overflow: hidden;
}
.hmpg-slider {
	opacity: 0;
}
.hmpg-slider div {
	float: left;
}
.hp-text {
	width: 23rem;
	height: 33.8rem;
	margin-right: 2.1rem;
	position: relative;
}
.hp-text-bottom {
	position: absolute;
	bottom: 0;
	border-bottom: 0.8rem solid #000000;
	width: 100%;
	height: 4rem;
}
.hp-text-bottom div {
	float: right;
}
.hmpg-slider ul {
	margin: 0;
	padding: 0; 
	list-style-type: none; 
}
.hp-slide {
	width: 100%;
	height: 33.8rem;
	background-color: #ffffff;	
	opacity: 1;
}
.hp-slide:hover {
	opacity: 0.7;
}
.hp-slide h2 {
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 10px 0;
}
.hp-slide h3 {
	margin: 0;
}
.hp-slide a h3 {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.hp-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 33.8rem;
	overflow: hidden;
	width: 100%;
	max-width: 47.9rem;
	/* necessary for object-fit-image to work */
    font-family: 'object-fit: cover; object-position: center;';
    position: relative;
}
.hp-image img {
    left: 50%;
    max-width: none;
    top: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    height: 100%;
    width: auto;
}
.hp-text-bottom h4 {
	color: #00786c; 
	text-transform: uppercase;
	font-size: 1.5rem;
	width: 7rem;
	float: left;
}
.hp-text-bottom span {
	color: #00786c;
	font-size: 2.8rem;
	float: right;
	margin-top: -0.1rem;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.footer-top {
	background-color: #e5e5e5;
	height: 22rem;
}
.footer-bottom {
	background-color: #464749;
	height: 5rem;
}
.footer-bottom .logo-ceo {
	padding: 1.2rem 2rem 0;
	float: left;
	width: 16rem;
}
.footer-bottom .logo-wnm {
	padding: 1.6rem 2rem 0;
	float: right;
}
.contact h2 {
	font-size: 1.6rem;
	margin: 2rem 0 0; 
}
.contact p {
	margin-top: 0.5rem; 
}
.contact a {
	font-weight: 700;
	color: #00786c; 
}
.contact a:hover {
	color: #ccc;
}
#disqus_thread {
	border-top: 0.1rem solid #ccc;
	border-bottom: 0.1rem solid #ccc;
	padding: 1rem 0 0;
	margin-bottom: 4rem;
}

/*--------------------------------------------------------------
#    ############# INTERNET EXPLORER 10 & 11  ##############
--------------------------------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#searchform > div > input:nth-child(2) {
		padding: 0.6rem 0 0 !important;
		/*width: 17rem;*/
	}
}

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


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

/*
.s-prev{
background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_left.png);
background-color:#e2e2e2;
left:5px;	
}

.s-next{
background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_right.png);	
background-color:#e2e2e2;
right:5px;
}
*/

.s-next{
	bottom:5px;
	right:45%;
	background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_down.png);	
	}
	
	.s-prev{
	top:5px;
	left:45%;
	background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_up.png);	
	}

.s-prev,
.s-next {
    position: absolute;
    background-color:#e2e2e2;
    height: 25px;
    width: 25px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    border-radius:50%;
	background-repeat: no-repeat;
    background-size: 75% 75%;
    background-position: center; 
    
    /*top: 35%;*/
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}



 .paginator-center{
	display:none;	
	}
	
	.top-5-column{
	position:relative;
		
	}

.top-5-column{
	
	height:751px;	
	}
	
	.top5-right-col{
	height:655px;	
	}
	
	.slick-arrow{
		display:block;	
	}

/* 1220 */
@media only screen and (max-width: 76.25em) {
	/* ---------- HOMEPAGE ---------- */
	.s-next{
	bottom:5px;
	right:45%;
	background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_down.png);	
	}
	
	.s-prev{
	top:5px;
	left:45%;
	background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_up.png);	
	}
	
	.top-5-column{
	
	height:751px;	
	}
	
	.top5-right-col{
	height:645px;	
	}
	
	.paginator-center{
	display:none;	
	}
	
	.slick-arrow{
		display:block;	
	}
	.slick-next{
	
	}
	
	.breaker-profiles .cell:last-child {
		display: none;
	}
	.breaker-profiles.breaker-videos .cell:last-child {
		display: block;
	}
	.br-profiles-right-col .section {
		width: 98%;
		margin: 0 auto;
	}
	.br-profiles-right-col .span_1_of_5 {
		width: 23.5%;
	}	
	.br-profiles-right-col .section .col a img.thumbnail {
		width: 25rem;
	}
	/* ---------- CATEGORY PAGE ---------- */
}

/* 1000 */
@media only screen and (max-width: 62.5em) {
	/* ---------- HOMEPAGE ---------- */
	
	.s-next{
	
	top:35%;
	right:5px;
	
	background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_right.png);	
	}
	
	.s-prev{
	top:35%;
	left:5px;
	background-image: url(https://www.europeanceo.com/wp-content/themes/ceo2017/assets/arrow_black_left.png);	
	}
	
	
	/* the slides */
.slick-slide {
    margin: 0 10px;
}
/* the parent */
.slick-list {
    margin: 0 -10px;
}
	
	.slick-arrow{
	display:none;	
	}
	
	.paginator-center{
	display:block;	
	}
	
	.top-5-column{
	
	height:auto;
	}
	
	.top5-right-col{
	height:250px;	
	}
	
	.wrapper {
		max-width: 48em;
	}
	.main-navigation a, .footer_nav a {
		font-size: 1.65rem;
		padding: 1.1rem 0.7rem 0.9rem;
	}
	.footer_nav a {
		padding: 1rem 2rem;
	}
	#searchform > div > input:nth-child(2) {
		width: 13rem;
	}
	#searchform > div > input:nth-child(2) {
		font-size: 1.7rem;
		padding: 0.7rem 0 0 0;
	}
	.digital-editions img {
		margin-top: 4rem;
	}
	.homepage .left-column, .homepage .right-column {
		width: 100%;
		margin-left: 0;
	}
	.videos-right-col div {
		float: left;
		width: 31.33%;
		margin-left: 3%;
	}
	.videos-right-col div:first-child {
		margin-left: 0;
	}
	#section_two .thumbnail, #section_three .thumbnail, #section_four .thumbnail, .breaker-profiles .thumbnail {
		width: 23.4rem;
	}
	.hp-text {
		width: 23.4rem;
		margin-right: 2.3rem;
	}
	.hp-image {
		max-width: 49rem;
	}
	.homepage #section_four .feature .cell-inner {
		display:flex;
  		flex-direction: column-reverse;
	}
	.homepage #section_four .feature .cell-inner .cell-text,
	.homepage #section_four .feature .cell-inner .cell-img {
	  	height: auto;
	  	float: none;
	}
	.homepage #section_four .feature .cell-inner .cell-img .thumbnail {
		height: 16rem;
	}
	.homepage #section_four .span_1_of_4, .homepage #section_four .span_2_of_4 {
		width: 31.33%;
		margin-left: 3%;
	}
	.homepage #section_four .span_1_of_4:first-child, .homepage #section_four .span_2_of_4:nth-child(4) {
		margin-left: 0;
	}
	.homepage #section_four .span_2_of_4 .cell-text, .homepage #section_four .span_2_of_4 .cell-img {
		width: 100%;
		margin-left: 0;
	}
	.homepage #section_four .feature::after {
	    right: 0;
	    top: 0;
	}
	.breaker {
		padding-bottom: 0;
	}
	.breaker-profiles {
		padding: 1rem 0;
	}
	.br-profiles-left-col, .br-profiles-right-col {
	 	float: none; 
	 	width: 100%;
	}
	.breaker-profiles .cell:last-child {
		display: none;
	}
	.breaker-profiles h6 {
		width: 20rem;
		text-align: center;
		height: 3.8rem;
		margin: 1rem auto 1.9rem;
	}
	.breaker-videos-headline h6 {
		width: 30rem;
		margin: 0 auto;
		height: auto;
		padding: 2.5rem 0;
	}
	.br-profiles-right-col .section {
		width: 97%;
		margin: 0 auto;
	}
	.br-profiles-right-col .span_1_of_5 {
		width: 23.5%;
	}
	.breaker-profiles.breaker-videos.wrapper {
		max-width: 75rem;
		padding: 0rem 0rem 1rem;
	}
	.breaker-profiles.breaker-videos .span_1_of_4 {
		width: 49%;
	}
	.breaker-profiles.breaker-videos .col:nth-child(2n+1) {
		margin-left: 0;
	}
	.breaker-profiles.breaker-videos .thumbnail {
		width: 100%;
	}
	/* ---------- CATEGORY PAGE ---------- */
	.cat-left-col, .cat-right-col {
		width: 100%;
		margin: 0;
	}
	.list-cell-text {
	    max-width: 48.2rem;
	}
	/* ---------- SINGLE PAGE ---------- */
	.single-page .span_1_of_4 {
		display: none;
	}
	.single-page .span_3_of_4 {
		width: 100%;
	}
	#single_page_title {
		width: 100%;
		margin: 0;
	}
	/* ---------- VIDEO CATEGORY PAGE ---------- */
	#video-thumbs-container .wrapper .span_1_of_4 {
		width: 31.33%;
	}
	#video-thumbs-container .wrapper .col, #video-thumbs-container .wrapper .col:nth-child(4n+1) {
		margin-left: 3%;
	}
	#video-thumbs-container .wrapper .col:nth-child(3n+1) {
		margin-left: 0;
	}
	/* ---------- SINGLE PAGE ---------- */
	.vid-single .span_1_of_4, .vid-single .span_3_of_4 {
		width: 100%;
		margin: 1rem 0;
	}
	.videos-related li {
		margin: 0 0 0 3%;
		width: 31.33%;
		float: left;
	}
	.videos-related li:first-child {
		margin-left: 0;
	}
	.videos-related ul li a {
		height: initial;
	}
	.awards-right-col, .awards-right-col-banner {
		float: left;
		width: 49%;
		text-align: center;
	}
	.awards-right-col {		
		height: 37.4rem;
		padding: 0 7rem;
	}
	.awards-right-col-banner {
		 padding-top: 0;
		 margin-left: 2%;
	}
}

/* 810 */
@media only screen and (max-width: 50.625em) {
	/* ---------- HOMEPAGE ---------- */
	.breaker-profiles .cell:nth-child(4) {
		display: none;
	}
	.br-profiles-right-col .span_1_of_5 {
		width: 32%;
	}
	/* ---------- CATEGORY PAGE ---------- */

	/* ---------- SINGLE PAGE ---------- */
}

/* 768 */
@media only screen and (max-width: 48em) {
	.awards-right-col {
		padding: 0 5rem;
	}
}

/* 767 */
@media only screen and (max-width: 47.9375em) {
	/* ---------- HOMEPAGE ---------- */
	.wrapper {
		max-width: 45em;
	}
	.breaker-profiles.breaker-videos.wrapper {
		max-width: 70rem;
	}
	.main-navigation a, .footer_nav a {
		font-size: 1.6rem;
		padding: 1.05rem 0.6rem;
	}
	#searchform > div > input:nth-child(2) {
		font-size: 1.65rem;
		padding: 0.75rem 0 0 0;
	}
		#searchform > div > input:nth-child(2) {
		width: 11.8rem;
	}
	#section_two .thumbnail, #section_three .thumbnail, #section_four .thumbnail, .breaker-profiles .thumbnail {
		width: 21.9rem;
	}
	.videos-right-col img {
    	height: 13rem;
	}
	.videos-right-col div {
		height: 20.5rem;
	}
	.hp-text {
		width: 21.9rem;
		margin-right: 2.3rem;
	}
	.hp-image {
		max-width: 45.8rem;
	}
	.footer_nav a {
    	padding: 1.05rem 1.5rem;
	}
	/* ---------- CATEGORY PAGE ---------- */
	.list-cell-thumb {
		width: 34%;
		height: 16rem;
	}
	.category-page img.thumbnail {	
		height: 16rem;
		width: 100%;
	}
	.list-cell-text {
		border-top: none;
		max-width: 62%;
		min-height: 16rem;
	}
	/* ---------- SINGLE PAGE ---------- */
	.top-5-section {
		display: none;
	}
	.side-container {
		position: initial; 
		width: 100%; 
		margin-top: 1rem;
	}
	.article-content {
		float: none;
		width: 100%;
	}
	.article-image img {
	    height: 42rem;
	}
	/* ---------- VIDEO CATEGORY PAGE ---------- */
	#video-player-container.vid-cat .wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	#video-player-container .wrapper .col, #video-headline-container .wrapper .col {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#video-headline-container h1 {
		margin: 1rem 0 2.6rem;
	}
	/* ---------- VIDEO SINGLE PAGE ---------- */
	#video-player-container.vid-single .wrapper .span_3_of_4 {
		height: auto;
	}
	#video-player-container.vid-single .wrapper .span_3_of_4 .vid-nav .span_1_of_3 {
		border: none;
		height: auto;
		margin: 1.5rem 0;
	}
	.vid-single .nav-links {
		margin-bottom: 1rem;
	}
	.vid-nav .navigation .nav-links .nav-previous, .vid-nav .navigation .nav-links .nav-next {
		height: 10.5rem;
	}
	#video-transcript-container .wrapper .span_1_of_4, #video-transcript-container .wrapper .span_3_of_4 {
		width: 100%;
	}
	#video-player-container.vid-single .vid-nav .span_1_of_3 {
		padding-left: 0;
	}
	.vid-single .sc-social-sharing {
		padding: 0;
		float: right;
	}
	.vid-single .sc-logo-social {
		float: right;
	}
	.vid-single .sc-logo-social:first-child {
		margin-right: 0;
	}
}

/* 719 */
@media only screen and (max-width: 44.9375em) {
	/* ---------- HOMEPAGE ---------- */
	.homepage #section_two .col .cell-inner a h2 {
		line-height: 2.8rem;
		max-height: none;
	}
	.homepage #section_two .col .cell-inner h4 {
		position: relative;
	}
	.awards-right-col {
		padding: 0 1rem;
	}	
	.wrapper {
		max-width: 33.75em;
	}
	#site-navigation li:first-child a {
		border-top: 0.1rem solid #bbbbbb;
	}
	.digital-editions img {
		margin-top: 4.8rem;
	}
	.digital-editions h2 {
		margin-top: 1rem;
	}
	.digital-editions span {
		margin-top: 0.9rem;
	}
	#desktop_nav, #search_box_main_menu {
		display: none;
	}
	#search_box_mobile_menu {
		float: left;
		width: 20rem;
	}
	#site-navigation-mobile {
		display: block;
		height: 4.6rem;
	}
	#search_box_main_menu {
		float: left;
	}
	#mobile_menu {
		overflow: hidden;
		width: 100%;
	}
	#mobile_menu li {
		float: none;
	}
	#mobile_menu_btn {
		float: right;
		font-size: 1.6rem;
		height: 4.5rem;
		background: transparent;
		border: none;
		padding: 0 0 0 6rem;
	}
	#mobile_menu_btn span {
		color: #00786c;
		font-family: "Playfair Display", Georgia, Times, "Times New Roman", serif;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.main-navigation a {
		font-size: 1.8rem;
		padding: 0.95rem 0rem;
		text-align: center;
		border-top: 0.1rem solid #ddd;
	}
	.hp-slide {
		background-color: transparent;
		position: relative;
	}
	.hp-image {
		max-width: 52rem;
	}
	.hp-text {
		max-width: 52rem;
		position: absolute;
		bottom: 0;
		height: auto;
		background-color: rgba(0,120,108,0.75);
		padding: 0 4rem 0.3rem 1rem;
	}
	.hp-text, .hp-image {
		width: 100%;
		float: none;
	}
	.hp-text h2 {
		color: #ffffff;
	}
	.hp-text h3, .hp-text h4, .hp-text-bottom {
		display: none;
	}
	.left-column {
		width: 64%;
		margin: 0.4rem 0;
	}
	.right-column {
		width: 30%;
	}
	.site-header .right-column.col {
		margin-left: 6%;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.digit-ed .span_1_of_3 {
		width: 31.33%;
	}
	.digit-ed .span_2_of_3 {
		width: 65.66%;
	}
	#section_two .thumbnail, #section_three .thumbnail, #section_four .thumbnail, .breaker-profiles .thumbnail {
		width: 100%;
		height: 34rem;
	}
	#section_two .col, #section_three .col, #section_four .col {
		margin: 0 0 2rem 0;
	}
	#section_three .col:nth-child(4) {
		margin-left: 0%;
	}
	.videos-right-col div {
		float: none;
		width: 100%;
		margin-left: 0;
		height: auto;
	}
	.videos-right-col img {
		height: 34rem;
	}
	.right-column.col {
		margin-left: 0; 
	}
	.breaker-profiles .cell:nth-child(2), .breaker-profiles .cell:nth-child(3) {
		display: none;
	}
	.br-profiles-right-col .span_1_of_5 {
		width: 100%;
	}
	.br-profiles-right-col .section .col a img.thumbnail {
		width: 100%;
		max-width: 54rem;
		margin: 0 auto
	}
	.homepage .span_2_of_3 {
		width: 100%;
	}
	.homepage #section_four .span_1_of_4, .homepage #section_four .span_2_of_4 {
		width: 100%;
		margin-left: 0;
	}
	.homepage #section_four .feature .cell-inner .cell-img .thumbnail {
		height: 34rem;
	}
	.videos-right-col img {
    	height: 30rem;
	}
	.videos-right-col h4,.breaker-profiles h4, .breaker-profiles h5 {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.breaker-profiles h5 {
		margin: 0.5rem 0 0;
	}
	.br-profiles-right-col .section .col {
		margin-bottom: 0;
	}
	.br-profiles-left-col, .br-profiles-right-col {
		max-width: 54rem;
		margin: 0 auto;
	}
	.breaker-profiles.breaker-videos .span_1_of_4 {
		width: 100%;
		margin-left: 0;
	}
	.breaker-profiles.breaker-videos.wrapper {
		padding: 0rem 9.5rem 1rem;
	}
	.videos-right-col h5 {
		font-size: 1.6rem;
		padding-top: 0.5rem;
		text-align: right;
	}
	.videos-right-col h4 {
		overflow: visible;
		height: auto;
	}
	.footer_nav a {
    	padding: 1.05rem 0.5rem;
	}
	/* ---------- CATEGORY PAGE ---------- */
	.list-cell-thumb {
		width: 100%;
		height: 34rem;
	}
	.category-page img.thumbnail {	
		height: 34rem;
		width: 100%;
	}
	.list-cell-text {
		border-top: none;
		max-width: 100%;
		min-height: initial;
	}
	/* ---------- SINGLE PAGE ---------- */
	.article-image img {
	    height: 36rem;
	}
	.content-page .section .span_3_of_4 {
		width: 100%;
	}
	.content-page .section .span_1_of_4 {
		display: none;
	}
	/* ---------- VIDEO CATEGORY PAGE ---------- */
	#video-thumbs-container .wrapper .span_1_of_4 {
		width: 48.5%;
	}
	#video-thumbs-container .wrapper .col {
		margin-left: 3%;
	}
	#video-thumbs-container .wrapper .col:nth-child(3n+1) {
		margin-left: 3%;
	}
	#video-thumbs-container .wrapper .col:nth-child(2n+1) {
		margin-left: 0;
	}
	#video-thumbs-container img.thumbnail {
		width: 100%;
	}
	/* ---------- VIDEO SINGLE PAGE ---------- */
	.videos-related ul li:last-child {
		display: none;
	}
	.videos-related ul li {
		width: 48.5%;
	}
	.videos-related ul li img {
		height: 13rem;
	}
	#section_two h2 {
		max-height: none;
		overflow: visible;
		min-height: initial;
		height: auto;
		padding: 0 0 0.3rem;
		font-size: 2.2rem;
		line-height: 2.5rem;
	}
	.homepage #section_two .col .cell-inner a h3 {
	 	height: auto; 
		overflow: visible;
	}
}

/* 539 */
@media only screen and (max-width: 33.6875em) {
	/* ---------- HOMEPAGE ---------- */
	.wrapper {
		max-width: 30em;
	}
	.site-header .right-column.col {
		display: none;
	}
	.site-header .left-column.col {
		width: 100%;
	}
	#mobile_menu_btn {
		padding: 0 0 0 5rem;
	}
	.sc-social-sharing {
		padding: 1rem 0;
		height: auto;
	}
	#section_two .thumbnail, #section_three .thumbnail, #section_four .thumbnail, .breaker-profiles .thumbnail, .videos-right-col img {
		height: 32rem;
	}
	.br-profiles-left-col, .br-profiles-right-col {
		max-width: 48rem;
		margin: 0 auto;
	}
	.feature .cell-inner .cell-text, .feature .cell-inner .cell-img {
		width: 100%;
		margin-right: 0;
	}
	.feature .cell-inner {
		display: flex;
		flex-direction: column-reverse;
	}
	#section_three .cell-img .thumbnail, #section_four .cell-img .thumbnail {
		height: 32rem;
	}
	.feature::after {
		right: 0rem;
	}
	.homepage #section_four .feature .cell-inner .cell-img .thumbnail {
		height: 32rem;
	}
	.videos-right-col img {
    	height: 27rem;
	}
	.breaker-profiles.breaker-videos.wrapper {
		padding: 0rem 1.5rem 1rem;
	}
	.footer_nav_top li {
		margin: 1rem 0.4em;
		font-size: 1.4rem;
	}
	.footer_nav ul li:nth-child(3) {
		clear: left;
	}
	.footer_nav ul li:nth-child(3) a {
		padding-left: 0;
	}
	.footer_nav a {
    	font-size: 1.6rem;
    	padding: 1.05rem 1rem;
	}
	.footer-bottom .logo-ceo {
		padding: 1rem 1rem 0;
	}
	.footer-bottom .logo-wnm {
		padding: 1.7rem 1rem 0;
	}
	.header-fixed {
		top: -163px;
	}
	/* ---------- CATEGORY PAGE ---------- */
	.category-page .list-cell-thumb {
		height: 30rem;
	}
	.category-page img.thumbnail {
		height: 30rem;
		width: 100%;
	}
	.site-branding {
		width: 100%;
	}
	/* ---------- SINGLE PAGE ---------- */
	.article-image img {
		height: 30rem;
	}
	/* ---------- VIDEO CATEGORY PAGE ---------- */
	#video-thumbs-container .wrapper .span_1_of_4 {
		width: 100%;
	}
	#video-thumbs-container .wrapper .col {
		margin-left: 0%;
	}
	#video-thumbs-container .wrapper .col:nth-child(3n+1) {
		margin-left: 0%;
	}
	#video-thumbs-container .wrapper .col:nth-child(2n+1) {
		margin-left: 0;
	}
	/* ---------- VIDEO SINGLE PAGE ---------- */
	.videos-related ul li img {
		height: 12.7rem;
	}
	.awards-right-col, .awards-right-col-banner {
		height: auto;
		float: none;
		width: 100%;
		padding: 0;
	}
}

/* 479 */
@media only screen and (max-width: 29.9375em) {
	/* ---------- HOMEPAGE ---------- */
	.wrapper {
		max-width: 20em;
	}
	#section_two .thumbnail, #section_three .thumbnail, #section_four .thumbnail, .breaker-profiles .thumbnail, .videos-right-col img {
		height: 22rem;
	}
	#section_three .cell-img .thumbnail, #section_four .cell-img .thumbnail {
		height: 22rem;
	}
	.homepage #section_four .feature .cell-inner .cell-img .thumbnail {
		height: 22rem;
	}
	.videos-right-col img {
    	height: 18rem;
	}
	/*.site-header .right-column.col {
		display: none;
	}
	.site-header .left-column.col {
		width: 100%;
	}
	#mobile_menu_btn {
		padding: 0 0 0 5rem;
	}
	.sc-social-sharing {
		padding: 1rem 0;
		height: auto;
	}
	.br-profiles-left-col, .br-profiles-right-col {
		max-width: 32rem;
		margin: 0 auto;
	}
	.feature .cell-inner .cell-text, .feature .cell-inner .cell-img {
		width: 100%;
		margin-right: 0;
	}
	.feature .cell-inner {
		display: flex;
		flex-direction: column-reverse;
	}
	.feature::after {
		right: 0rem;
	}
	.footer_nav_top li {
		margin: 1rem 0.4em;
		font-size: 1.4rem;
	}
	.footer_nav ul li:nth-child(3) a {
		padding-left: 0;
	}
	.footer_nav a {
    	font-size: 1.6rem;
    	padding: 1.05rem 1rem;
	}
	.footer-bottom .logo-ceo {
    	padding: 1rem;
	}
	.footer-bottom .logo-wnm {
		padding: 1.7rem 1rem 0;
	}*/
	.digit-ed .span_1_of_3 {
		display: none;
	}
	.digit-ed .span_2_of_3 {
		width: 100%;
	}
	.header-fixed {
		top: -147px;
	}
	/* ---------- CATEGORY PAGE ---------- */
	.category-page .list-cell-thumb {
		height: 20rem;
	}
	.category-page img.thumbnail {
		height: 20rem;
		width: 100%;
	}
	/* ---------- SINGLE PAGE ---------- */
	.article-image img {
		height: 22rem;
	}
	blockquote {
		float: none;
		margin: 4rem 0 1rem;
		position: relative;
		width: 100%;
	}
	/* ---------- VIDEO CATEGORY PAGE ---------- */
	#video-headline-container h1 {
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 3rem;
	}
	/* ---------- VIDEO SINGLE PAGE ---------- */
	.vid-single .nav-previous, .vid-single .nav-next {
		width: 100%;
	}
	.vid-single .nav-previous {
		margin-bottom: 2rem;
	}
	.vid-nav .navigation .nav-links .nav-previous, .vid-nav .navigation .nav-links .nav-next {
		height: auto;
	}
	.videos-related ul li {
		width: 100%;
		margin: 1rem 0;
	}
	.videos-related ul li img {
		height: 16rem;
	}
	#video-headline-container h1 {
		margin: 1rem 0 2.6rem;
	}
}