/*
Theme Name: cLima Theme
Theme URI: https://wordpress.org/themes/climatheme
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. cLima Theme's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: climatheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


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


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

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

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

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

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

ol,
ul {
	list-style: none;
}

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

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

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

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

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

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

a img {
	border: 0;
}

/**
 * 1.1 - General Page Layout
 */
html, body {
	display: table;
	height: 100%;
	width: 100%;
	background: #fff;
	color: #666;
}

#page-container {
	border: none;
	z-index: 100;
	width: 100%;
	position: relative;
	display: table;
}
/**
*	Global positioning of containers - for accessibility and SEO 
*/

header#main-header,
#main-header,
article#main-content,
#main-content,
footer#main-footer,
#main-footer,
#strapline {
	border: none;
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 1280px;
}

header#main-header,
#main-header,
footer#main-footer,
#main-footer,
#strapline {
	width: 98%;
	padding: 0;
}

header#main-header, #main-header {
	z-index: 300;
	position: relative;
	top: 0px;
	z-index: 30;
	height: 120px;
	border-bottom: 1px solid #000;
}

article#main-content, #main-content {
	z-index: 20;
	display: table;
	clear: both;
	padding: 0;
	margin-top: 3px;
	position: relative;
}

footer#main-footer, #main-footer {
	clear: both;
	display: block;
	z-index: 10;
	padding-top: 20px;
}

/* the banner area/ top navigastion / logo and search */
header#main-header #main-logo, #main-header #main-logo {
	float: left;	
	padding-top: 25px;
	padding-right: 1%;
	width: 25%;
}

header#main-header #main-logo a,
#main-header #main-logo a {
	border: none;
	display: block;
}
header#main-header #main-logo a img,
#main-header #main-logo a img {
	display: block;
	width: 250px;
	height: auto;
}

header#main-header #banner-lower,
#main-header #banner-lower {
	float: left;
	width: 75%;
	padding-top: 10px;
}

header#main-header #banner-lower #social-links-login-search-container,
#main-header #banner-lower #social-links-login-search-container {
	float: right;
	clear: both;
}

/* footer */
footer#main-footer, #main-footer {
	padding-top: 20px;
	height: 100px;
}
footer#main-footer .site-info, #main-footer .site-info {
	border-top: 	3px solid #ddd;
	padding-top: 10px;
	display: table;
	height: inherit;
	width: 100%;
	color: #ddd;
	position: relative;
}
footer#main-footer .site-info .footer-col, #main-footer .site-info .footer-col {
	display: table-cell;
}

footer#main-footer .site-info .footer-col.right,
#main-footer .site-info .footer-col.right {
	text-align: right;	
}

/* Main Content and sidebars layout for lhs or rhs col layout */
#page-container #main-content  > aside {
	float: left;	
	width: 30%;
	padding: 0 2% 0 0;
}

body.right-sidebar #page-container #main-content  > aside {
	float: right;
	padding: 0 0 0 2%;
}

/**
 * 2.0 - Genericons
 */

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


/**
 * 3.0 Typography, Colours and Background Colours etc
 */
 
@font-face {
    font-family: 'din';
    src: url('css/fonts/din.eot');
    src: url('css/fonts/din.eot#iefix') format('embedded-opentype'),
         url('css/fonts/din.woff') format('woff'),
         url('css/fonts/din.ttf') format('truetype'),
         url('css/fonts/din.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din-light';
    src: url('css/fonts/din-light-webfont.eot');
    src: url('css/fonts/din-light-webfont.eot#iefix') format('embedded-opentype'),
         url('css/fonts/din-light-webfont.woff') format('woff'),
         url('css/fonts/din-light-webfont.ttf') format('truetype'),
         url('css/fonts/din-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "din", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	background: #fff;
	color: #202020;
	font-size: 1.75em;
	line-height: 1.75em;
}

h1, h2, h3, h4, h5, h6, a, cite {
	/*color: #96cc72;*/
	color: #000;
}

h1 {
	font-size: 3em;
	line-height: 1.15em;
}
h2 {
	font-size: 2em;
	line-height: 1em;	
}
h3 {
	font-size: 1.75em;	
	line-height: 1em;
}
h4 {
	font-size: 1.6em;
	line-height: 1.6em;	
}
h5 {
	font-size: 1.5em;
	line-height: 1em;	
}
h6 {
	font-size: 1.25em;
	line-height: 1em;
}

#strapline h1 {
	font-weight: normal;
	font-size: 1.85em;
	padding: 10px 0;	
	color: #3d3d3d;
}
#strapline h1 strong {
	color: #202020;	
}
p {
	padding-bottom: 1.25em;	
}

a {
	text-decoration: none;
	border-bottom: dotted 1px #000;
}

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

strong {
	font-weight: bold;
	color: #000;	
}

em {
	font-style:italic;	
}

/**
 * 6.0 Navigations
 */


/**
 * 6.1 Links
 */
 
/* close button */
a.close-button {
	display: block;
	height: 30px;
	width: 30px;
	background: url(img/icons/close-button.jpg) center center no-repeat;	
}
a.close-button:hover,
a.close-button:focus,
a.close-button:active {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	cursor: pointer;
}
/* social icons */
ul.social-links {
	display: block;
	clear: both;
}
header#main-header #social-links-login-search-container .social-links-login,
#main-header #social-links-login-search-container .social-links-login {
	min-height: 30px;
	display: table;
}
header#main-header #social-links-login-search-container ul,
#main-header #social-links-login-search-container ul {
	height: 30px;
	display: table;
	padding-top: 0;
	vertical-align: middle;
}
header#main-header #social-links-login-search-container ul.social-links,
#main-header #social-links-login-search-container ul.social-links {
	/*min-width: 125px;*/
	min-width: 206px;
}
ul.social-links li {
	padding-right: 4px;
	padding-bottom: 4px;
	display: block;
	float: right;
}
ul.social-links li:first-child {
	padding-right: 0;
}
ul.social-links li::first-child {
	padding-right: 0;
}

ul.social-links li a {
	display: block;
	height: 30px;
	width: 30px;
	background: url(img/social-icons/social-media-icons-rounded-new.svg) 0 0 no-repeat;
	background-size: 550px 550px;	
	transition: background-position 0.25s ease;
	border-bottom: none;
}
ul.social-links li a span {
	display: none;
}
ul.social-links li.fb a {
	background-position: -96px -241px;
}
ul.social-links li.tw a {
	background-position: -60px -241px;
}
ul.social-links li.pi a {
	background-position: -170px -241px;
}
ul.social-links li.tb a {
	background-position: -313px -241px;
}
ul.social-links li.gp a {
	background-position: -205px -241px;
}
ul.social-links li.in a {
	background-position: -350px -241px;
}
ul.social-links li.li a {
	background-position: -133px -241px;
}
ul.social-links li.em a {
	background-position: -241px -241px;
}
ul.social-links li.rss a {
	background-position: -278px -241px;
}
ul.social-links li.ye a {
	background-position: -389px -241px;
}
ul.social-links li.bi a {
	background-position: -425px -241px;
}
ul.social-links li.sh a {
	background-position: -459px -241px;
}

/* hover effects for social icons */
ul.social-links li.fb a:hover,
ul.social-links li.fb a:focus,
ul.social-links li.fb a:active {
	background-position: -96px -277px;
}

ul.social-links li.tw a:hover,
ul.social-links li.tw a:focus,
ul.social-links li.tw a:active {
	background-position: -60px -277px;
}

ul.social-links li.pi a:hover,
ul.social-links li.pi a:focus,
ul.social-links li.pi a:active {
	background-position: -170px -277px;
}

ul.social-links li.tb a:hover,
ul.social-links li.tb a:focus,
ul.social-links li.tb a:active {
	background-position: -313px -277px;
}

ul.social-links li.gp a:hover,
ul.social-links li.gp a:focus,
ul.social-links li.gp a:active {
	background-position: -205px -277px;
}

ul.social-links li.in a:hover,
ul.social-links li.in a:focus,
ul.social-links li.in a:active {
	background-position: -350px -277px;
}

ul.social-links li.li a:hover,
ul.social-links li.li a:focus,
ul.social-links li.li a:active {
	background-position: -133px -277px;
}

ul.social-links li.em a:hover,
ul.social-links li.em a:focus,
ul.social-links li.em a:active {
	background-position: -241px -277px;
}
ul.social-links li.rss a:hover,
ul.social-links li.rss a:focus,
ul.social-links li.rss a:active {
	background-position: -278px -277px;
}
ul.social-links li.ye a:hover,
ul.social-links li.ye a:focus,
ul.social-links li.ye a:active {
	background-position: -389px -277px;
}
ul.social-links li.bi a:hover,
ul.social-links li.bi a:focus,
ul.social-links li.bi a:active {
	background-position: -425px -277px;
}

ul.social-links li.sh a:hover,
ul.social-links li.sh a:focus,
ul.social-links li.sh a:active {
	background-position: -459px -277px;
}


/* loging links */
ul.login-links {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

#main-header #social-links-login-search-container .social-links-login ul.login-links {
	float: right;
}

ul.login-links li {
	display: inline-block;
    height: 30px;
    padding-right: 8px;
    vertical-align: middle;
}

ul.login-links li:last-child {
	padding-right: 0;
}
ul.login-links li::last-child {
	padding-right: 0;
}
ul.login-links li a {
	text-transform: uppercase;
	color: #787878;
	border: none;
	transition: color 0.75s ease-in-out;
}


/* Subscribe function */
ul.login-links li.follow-us {
	padding: 0 8px 0 0;
	clear: none;
    position: relative;
}

ul.login-links li.follow-us div.item {
	
	/* padding: 7px 5px 5px;*/
	color: #6f6f6e;
	text-transform: uppercase;
	
}

ul.login-links li.follow-us ul {
	background: #D9D9D5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	left: -81px;
	top: 32px;
	font-size: 70%;
	margin: 0;
	position: absolute;
	z-index: 25;
	text-align: center;
	padding: 10px;
	color:#fff;
}

ul.login-links li.follow-us span.arrow-top {
	
}

ul.login-links li.follow-us ul,
ul.login-links li.follow-us span.arrow-top {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

ul.login-links li.follow-us ul li {
	padding: 0;
	color: #101010;
	text-align: left;
	font-size: 125%;
	line-height: 20px;
	background: #D9D9D5;
	position: relative;
}

ul.login-links li.follow-us ul li a {
	/*height: 23px;
	width: 24px;*/
	height: auto;
	width: auto;
	border: none;
	margin: 0;
}

ul.login-links li.follow-us ul li a[name="subscribe-blog"],
ul.login-links li.follow-us ul li h3,
ul.login-links li.follow-us ul li div.success {
	display: none;	
}

ul.login-links li.follow-us ul li input[type="text"] {
	border: none;
	background: #efefef;
	height: 26px;
	font-size: 85%;
	margin-top: 10px;
	text-align: center;
}

ul.login-links li.follow-us ul li input[type="text"]:hover,
ul.login-links li.follow-us ul li input[type="text"]:focus,
ul.login-links li.follow-us ul li input[type="text"]:active {
	background: #F2962E;	
	color: #fff;
	font-weight: bolder;
}

ul.login-links li.follow-us ul li input[type="submit"] {
	border: 1px solid #B0B0B0;
	background: #fff;
	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 100px;*/
	width: 100px;
	background: #efefef;
	/*padding: 4px 10px;*/	
	margin-top: 10px;
	padding: 6px 5px;
	font-size: 85%;
	width: 98%;
	text-align: center;
}

ul.login-links li.follow-us ul li input[type="submit"]:hover,
ul.login-links li.follow-us ul li input[type="submit"]:focus,
ul.login-links li.follow-us ul li input[type="submit"]:active {
	background: #292927;	
	color: #fff;
	cursor: pointer;
}

ul.login-links li.follow-us ul li a span  {
	visibility: hidden;
	height: 0;
	width: 0;
}

ul.login-links li.follow-us span.arrow-top {
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	z-index: 30;
}

ul.login-links li.follow-us:hover,
ul.login-links li.follow-us:focus,
ul.login-links li.follow-us:active {
	cursor: pointer;	
}

header#main-header #social-links-login-search-container ul.login-links li.follow-us:hover ul, 
#main-header #social-links-login-search-container ul.login-links li.follow-us:hover ul,
header#main-header #social-links-login-search-container ul.login-links li.follow-us:focus ul, 
#main-header #social-links-login-search-container ul.login-links li.follow-us:focus ul,
header#main-header #social-links-login-search-container ul.login-links li.follow-us:active ul, 
#main-header #social-links-login-search-container ul.login-links li.follow-us:active ul,
header#main-header #social-links-login-search-container ul.login-links li.follow-us.expand-follow-us ul,
#main-header #social-links-login-search-container ul.login-links li.follow-us.expand-follow-us ul {
	display: block;
	visibility: visible;
	height: 155px;
	width: 150px;
}

ul.login-links li.follow-us:hover span.arrow-top,
ul.login-links li.follow-us:focus span.arrow-top,
ul.login-links li.follow-us:active span.arrow-top,
ul.login-links li.follow-us.expand-follow-us span.arrow-top {
	background: url(img/icons/arrow_up_bubble_grey.png) center top no-repeat;
	padding: 0;
	height: 15px;
	width: 37px;
	clear: both;
	visibility: visible;
	top: 20px;
	left: 24px;
	display: block;
}

ul.login-links li.follow-us ul li a:hover,
ul.login-links li.follow-us ul li a:focus, 
ul.login-links li.follow-us ul li a:active,
ul.login-links li.follow-us.expand-follow-us ul li a {
	margin: 0;
}

#subscribe-text {
	padding-top: 10px;	
}

/* Search form */
form.search-form {
	padding-top: 4px;
	border: none;
	width: 100%;
	height: 38px;
	position: relative;
}

form.search-form label {
	width: 100%;	
	position: absolute;
	display: block;
    padding: 0;
	z-index: 120;
}



form.search-form input[type="search"].search-field,
form.search-form input[type="text"].search-field {
	width: 100%;
	height: 30px;
	padding: 5px 35px 5px 10px;
	color: rgba(78, 78, 78, 0.44);
	font-size: 12px;
	font-weight: 400;
	background: #e9e9e9;
	border: none;
	margin: 0;
}

form.search-form input[type="submit"].search-submit {
	border: medium none;
    font-size: 0;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 240;
	right: 0px;
	background: url(img/icons/search-icon.png) center center no-repeat;
	clip: auto;
	bottom: 2px;
}


/**
 * 6.2 Menus
 */

/**
* Navigation
*/
#site-navigation {
	clear: both;
	left: 0;
	position: relative;
	width: 100%;
}

#site-navigation div.menu-primary-menu-container {
	/*height: 45px;*/
}

#site-navigation ul {
	display: block;
	float: right;
	height: 35px;
}

#site-navigation ul li {
	display: block;
	float: left;
	clear: none;	
	height: inherit;
	position: relative;
	padding-left: 16px;
	transition: color 0.75s ease;
	transition: border 0.75s ease;
}

#site-navigation ul li a {
	color: #222;	
	height: 35px;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	display: block;
	border-bottom: none;
	text-transform: uppercase;
	
	transition: color 0.75s ease;
	transition: border 0.75s ease;
		
}

#site-navigation #naviagation-title-area {
	position: absolute;	
	right: 18px;
	top: 45px;
}
#site-navigation #naviagation-title-area h3 {
	padding: 0;
}

#site-navigation #naviagation-title-area h3 a {
	color: #000;
}

/* sub navigation dropdown */
#site-navigation ul.sub-menu {
	position: absolute;
	display: table;
	visibility:collapse;
	height: 0;
	width: 0;
	font-size: 0px;
}

#site-navigation ul.sub-menu li {
	min-width: 270px;
	padding-left: 0;
}
#site-navigation ul.sub-menu li a {
	padding-left: 10px;
	text-transform: capitalize;
}

/* hover states */
#site-navigation ul li:hover a,
#site-navigation ul li:focus a,
#site-navigation ul li:active a,
#site-navigation ul li a:hover,
#site-navigation ul li a:focus,
#site-navigation ul li a:active,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current-menu-parent a,
#site-navigation ul li.current-menu-ancestor a,
#site-navigation ul li.current_page_item > a,
#site-navigation ul li.selected a {
	color: #222;
	border-bottom: 9px solid #FE0000;
			
}

#site-navigation ul ul li > a:hover,
#site-navigation ul ul li > a:focus,
#site-navigation ul ul li > a:active,
#site-navigation ul ul li.current-menu-item > a,
#site-navigation ul ul li > a:hover h3,
#site-navigation ul ul li > a:focus h3,
#site-navigation ul ul li > a:active h3,
#site-navigation ul ul li.current-menu-ancestor > a
/*,
#sub-navigation ul li.current-menu-parent > a,
 a*/ {
	color: #FE0000;
	border: none;
}

#site-navigation ul li:hover ul.sub-menu,
#site-navigation ul li:focus ul.sub-menu,
#site-navigation ul li:active ul.sub-menu {
	border: 1px solid #666;	
}
#site-navigation ul li:hover ul.sub-menu,
#site-navigation ul li:focus ul.sub-menu,
#site-navigation ul li:active ul.sub-menu,
#site-navigation ul li:hover ul.sub-menu li a,
#site-navigation ul li:focus ul.sub-menu li a,
#site-navigation ul li:active ul.sub-menu li a {
	background: #fff;
	color: #524f4f;	
	visibility: visible;
	height: auto;
	width: auto;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* IE 5-7 */
	filter: alpha(opacity=80);
	/* Netscape */
	-moz-opacity: 0.8;
	/* Safari 1.x */
	-khtml-opacity: 0.8;
	/* Good browsers */
	opacity: 0.8;
}

#site-navigation ul li:hover ul.sub-menu li a,
#site-navigation ul li:focus ul.sub-menu li a,
#site-navigation ul li:active ul.sub-menu li a {
	border-bottom: 1px solid #FE0000;
}

#site-navigation ul li:hover ul.sub-menu li:hover a,
#site-navigation ul li:focus ul.sub-menu li:focus a,
#site-navigation ul li:active ul.sub-menu li:active a,
#site-navigation ul li:hover ul.sub-menu li a:hover,
#site-navigation ul li:focus ul.sub-menu li a:focus,
#site-navigation ul li:active ul.sub-menu li a:active,
#site-navigation ul li.selected ul.sub-menu li.selected a {
	background: #000;
	color: #fff;	
}

ul.login-links li a:hover,
ul.login-links li a:focus,
ul.login-links li a:active,
ul.login-links li a.current_language_item {
	color: #fe0000;
	
}

/*
*	Mobile Menu Icon
*/
.menu-toggle {
	display: none;
	clear: none;	
	position: absolute;
	background: url(img/icons/menu-icon.png) left 8px no-repeat;
	height: 24px;
	padding: 0 0 0 26px;
    top: 10px;
	right: 0.5%;
	transition: color 0.5s ease;
	transition: background-color 0.75s ease;
	transition: background-position 0.5s ease;
	font-weight: 400;
	font-size: 15px;
	z-index: 266;
	border: none;
	margin: 0;
	line-height: 27px;
}

.dropdown-toggle {
	display: none;	
}

.menu-toggle span {
	text-transform: uppercase;
	color: #000;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
body.toggled-on .menu-toggle,
body.toggled-on-mobile .menu-toggle {
	background-position: left -12px;
	cursor: pointer;
	line-height: 22px;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
.menu-toggle:hover span,
.menu-toggle:focus span,
.menu-toggle:active span {
	color: #000;	
	background-color: transparent;	
}

/* scroll top link */
a.scroll-top {
	background: url(img/icons/scroll-up-icon.svg) 0 0 no-repeat;
	background-size: 54px 54px;
	width: 50px;
	height: 20px;
	display: block;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -25px;
	
}

a.scroll-top:hover,
a.scroll-top:focus,
a.scroll-top:active {
	background-position: 0 -30px;	
}

a.scroll-top span {
	display: block;
    font-size: 0;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

/* footer links colours */
#main-footer a {
	color: #ddd;	
	border: none;
}

#main-footer a:hover,
#main-footer a:focus,
#main-footer a:active {
	color: #000;	
}

/**
 * 7.0 Accessibility
 */

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

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

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

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

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

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

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


/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}

/* useful for clearing floats */
.clearfix::after, .clearfix::before {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix::after {
    clear: both;
}
.clearfix::after, .clearfix::before {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.hidden {
	font-size: 0;
	visibility: hidden;
	height: 0px;
	width: 0px;
	float: left;
}

/**
 * 10.0 Header
 */



/**
 * 11.0 Widgets
 */



/**
 * 12.0 Content
 */
 
/**
* 12.1 Placeholder Boxes
*/
/* placeholder boxes */
#placeholders {
	display: table;
	width: 100%;
	height: 100%;
	float: left; 
}
div.placeholder {
	float: left;
	clear: none;
	height: 30%;	
	width: 25%;
	/*margin: 0 10px 10px 0;*/
	color: #fff;
  	position: relative;
	display: table;
	/*margin-bottom: 3px;
	margin-right: 3px;*/
	padding: 0 5px 5px 0;
}

div.placeholder div.padder {
	padding: 85% 5% 5%;
	display: table-cell;
	background-color: #292927;
	background-size: contain !important;
	background-repeat: no-repeat;
	font-family: "din-light";
	width: 100%;
	height: 100%;
}


/* set default hidden and visible content for list - pop out */
div.placeholder div.padder div.list-type {
	display: block;
	position: relative;
    z-index: 10;
	line-height: 20px;
	height: inherit;
	/*visibility: hidden; does not want hidden*/
}
div.placeholder.latest-tweets div.padder div.list-type,
div.placeholder.text-box div.padder div.list-type {
	visibility: visible;
}

div.placeholder div.padder div.content-type,
div.placeholder div.padder div.shareLinks {
	display: none;
	position: relative;
    z-index: 11;
}
/* set default */
div.content-type {
	height: 0;
	visibility: collapse;
	/*transition: all 1s ease-in;*/
	background-color: #d2d0d1;
}

div.placeholder div.padder div.shareLinks {
	z-index: 12;	
}

/* swap default hidden and visible content for list - pop out */
div.placeholder.content-expanded div.padder div.list-type {
	/*display: none;*/
}

div.placeholder.content-expanded div.padder div.content-type,
div.placeholder.content-expanded div.padder div.shareLinks {
	display: block;
	height: 100%;
}


div.placeholder div.padder h2,
div.placeholder div.padder h3,
div.placeholder div.padder p {
	width: inherit;
	letter-spacing: 0.95px;
}

div.placeholder div.padder h2 {
	font-size: 1.125em;
	color: #fff;	
	line-height: 24px;    
	padding-bottom: 22px;
}

div.placeholder div.padder h3 {
	font-size: 1em;	
}
div.placeholder div.padder h4 {
	color: #fff;
	font-size: 0.875em;
}
div.placeholder div.padder p {
	font-size: 0.8em;
	line-height: 20px;
}
div.placeholder div.padder h4.date {
	position: absolute;
	bottom: 10px;
	text-transform: uppercase;
}

div.placeholder.viewpoints div.padder div.list-type {
	visibility: visible;
}

div.placeholder.x2x2,
div.placeholder.sizer {
	width: 25%;
	height: 30%;	
	/*background: #30C53F;	*/
}
div.placeholder.x2x2 div.padder {
	width: 100%;
	height: 100%;
}

div.placeholder.x4x2 {
	width: 25%;
	height: 30%;	
	/*background: #D1FF06;*/
}
div.placeholder.x4x2 div.padder {
	width: 100%;
	height: 100%;
	padding: 2.5%;	
}

div.placeholder.x4x4 {
	width: 25%;
	height: 30%;	
	/*background: #3D4CC1;*/
}
div.placeholder.x4x4 div.padder {
	width: 100%;
	height: 100%;
	padding: 2.5%;
}

div.placeholder.x2x4 {
	width: 25%;
	height: 30%;	
	/*background: #A23B9C;	*/
}
div.placeholder.x2x4 div.padder {
	width: 100%;
	height: 100%;
}
div.placeholder.x6x4 {
	width: 37.5%;
	height: 30%;	
	/*background: #ccc;*/
}
div.placeholder.x6x4 div.padder {
	width: 100%;
	height: 100%;
	padding: 2.5%;
}

div.placeholder.case-studies div.padder {
	background-color: #5d5d5b;
}

div.placeholder.work div.padder {
	background-color: #3d3d3d;
}

/*div.placeholder.contact-us div.padder {
	background: #ffff00;	
	color: #000;
}
div.placeholder.contact-us div.padder h2 {
	color: #cc0000;
}
div.placeholder.contact-us div.padder h3{
	color: #000;
}
div.placeholder.contact-us div.padder p {
	color: #000;
	font-size: 0.875em;
	line-height: 18px;
}
*/


/* Expanded Content */
div.content-type.content-expanded {
	position: relative;
	z-index: 10;
	width: 100%;
	clear: both;
	/*float: left;
	margin: 0;*/
	display: table;
	padding: 0;
	margin: 5px 0 0px;
	background-color: #d2d0d1;
	/*border-right: 1px solid #9D9C9C;
	border-bottom: 1px solid #9D9C9C;*/
	min-height: 500px;
	height: auto;
	visibility: visible;
	/*transition: all 0.85s ease-out;*/
}

div.content-type div.content {
	/*background: #fff !important;*/
	color: #202020;
	/*border-top: 5px solid #9D9C9C;
	border-bottom: 1px solid #9D9C9C;*/
	width: 80%;
	font-size: 100% !important;
	display: block;
	margin: 0 auto;
	max-width: 1280px;
	padding: 20px 0;
	font-family: "din-light";
}
div.content-type.content-expanded div.content .content-leftcol {
	width: 73%;
	height: 100%;
	clear: none;
	display: block;
	float: left;
	padding-bottom: 20px;
}
div.content-type.content-expanded div.content .content-rightcol {
	width: 25%;
	height: 100%;
	clear: right;
	display: block;
	float: right;
	vertical-align: top;
}
div.content-type.content-expanded div.content .content-image,
div.content-type.content-expanded div.content header.entry-header,
div.content-type.content-expanded div.content div.entry-content {
	clear: both;	
	
}
div.content-type.content-expanded div.content header.entry-header {
	padding-top: 20px;
}
div.content-type.content-expanded div.content header.entry-header div.contentLinks {
	float: right;	
}
div.content-type.content-expanded div.content .content-image img {
	width: auto;
	height: auto;
	max-width: 100%;
}
div.content-type.content-expanded div.content .content-rightcol h3 {
	font-weight: bold;
	float: left;	
	clear: none;
	display: block;
	padding: 20px 0 0 1%;
}

div.content-type.content-expanded div.content a.close-button {
	float: right;
	clear: right;
	margin: 20px 0 0;	
}
div.content-type.content-expanded div.content a.close-button span {
	visibility: hidden;
	height: 0;
	width: 0;
}

div.content-type.content-expanded div.content .content-rightcol aside {
	display: block;
	clear: both;
	padding: 0 0 0 1%;
}
div.content-type.content-expanded div.content .content-rightcol aside h4 {
	display: block;
	clear: both;
	font-size: 1.25em;
	line-height: 1.75em;
	padding: 5px 0;
}
div.content-type.content-expanded div.content div.content-rightcol ul,
div.content-type.content-expanded div.content .content-rightcol ul.otherContentLinks {
	display: block;
	clear: both;
	padding: 10px 0 0 1%;
	list-style-type: none;
}
div.content-type.content-expanded div.content div.content-leftcol .categories-intro {
	list-style-type: none;
}
div.content-type.content-expanded div.content div.content-leftcol .categories-intro li {
	display: inline-block;
	padding: 10px 10px 10px 0;	
}

div.content-type.content-expanded div.content .row {
	padding: 10px 0;
	border-top: 1px solid #ccc;	
}

div.content-type.content-expanded div.content h2 {
	padding: 0 0 20px;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: none;
	line-height: 30px;
	clear: left;
	float: left;
}
div.content-type.content-expanded div.content h2:not(:first-child) {
	padding: 20px 0;
}
div.content-type.content-expanded div.content .entry-content h2 {
	clear: both;
	float: none;
}
div.content-type.content-expanded div.content h2 span {
	float: right;
    font-size: 12px;
    line-height: 40px;
}
div.content-type.content-expanded div.content h3 {
	color: 	#1C1C1B;
	font-size: 1.25em;
	line-height: 28px;
	padding-bottom: 5px;
	clear: both;
}
div.content-type.content-expanded div.content h3.post-date {
	font-size: 1em;
    line-height: 24px;
    position: relative;
    top: -15px;
	padding: 0;
}
/* reset width inherit auto */
div.content-type.content-expanded div.content p {
	width: auto;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 8px;
}

/* links in the content */
div.content-type.content-expanded div.content a:hover,
div.content-type.content-expanded div.content a:focus,
div.content-type.content-expanded div.content a:active {
	color: #828282;
}

div.content-type.content-expanded div.entry-content ul {
	list-style-type: disc;
	padding: 30px;
}

div.content-type.content-expanded div.entry-content ul li {
	line-height: 1.75em;
}

div.content-type.content-expanded div.content ul.social-links li a {
	background-image: url(img/social-icons/social-media-icons-rounded-darker.svg);
}

div.content-type.content-expanded div.content ul.gallery {
	display: block;
	float: left;
	clear: none;	
	width: 100%;
}

div.content-type.content-expanded div.content ul.gallery li.gallery-item {
	display: block;
	float: left;
	clear: none;
	padding: 0 5px 5px 0;
}

div.content-type.content-expanded div.content ul.gallery li.gallery-item .gallery-icon {
	display: block;
	height: 180px;
	width: 180px;
	padding: 5px;
	border: 1px solid #ccc;
}

div.content-type.content-expanded div.content ul.gallery li.gallery-item a,
div.content-type.content-expanded div.content ul.gallery li.gallery-item img {
	display: block;
	width: inherit;
	height: inherit;
	/*text-align: center;
	vertical-align: central;*/
}

div.content-type.content-expanded div.content ul.gallery li.gallery-item img {
			
}

div.content-type.content-expanded div.content ul.gallery .gallery-caption {
	font-size: 0.85em;
	text-indent: 5px;
	color: #333;
	visibility: hidden;
	height: 0;
	width: 0;
	display: block;
}

div.content-type.content-expanded div.content ul.gallery li.gallery-item:hover,
div.content-type.content-expanded div.content ul.gallery li.gallery-item:focus,
div.content-type.content-expanded div.content ul.gallery li.gallery-item:active {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.placeholder.content-expanded div.content iframe {
	max-width: 100% !important;
	display: table;
	width: 100%;
	/*max-height: auto !important;
	display: block;
	float: left;*/
	position: relative;
	z-index: 110000;
	/*clear: both;*/
}

div.placeholder.content-expanded .contentLinks {
	float: right;	
}

/* opaque override if there is an image (so you can see the text */
div.placeholder div.opaqueHover {
	/**/-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	filter:alpha(opacity=20);
	transition: opacity 0.8s ease-in-out;
}

div.placeholder:hover div.opaqueHover,
div.placeholder:focus div.opaqueHover,
div.placeholder:active div.opaqueHover {
	/**/position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #555;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);
	transition: opacity 0.25s ease-out;
}

div.placeholder:hover,
div.placeholder:focus,
div.placeholder:active {
	cursor: pointer;	
}

div.placeholder:hover div.padder div.list-type,
div.placeholder:focus div.padder div.list-type,
div.placeholder:active div.padder div.list-type {
	visibility: visible;
}

div.placeholder.content-expanded div.opaqueHover {
	display: none;	
}

div.placeholder.content-expanded:hover,
div.placeholder.content-expanded:focus,
div.placeholder.content-expanded:active {
	cursor: default;	
}

/* do not place a cursor when hovering over these types */
div.placeholder.latest-tweets:hover,
div.placeholder.latest-tweets:focus,
div.placeholder.latest-tweets:active,
div.placeholder.text-box:hover,
div.placeholder.text-box:focus,
div.placeholder.text-box:active {
	cursor: pointer;	
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**
 * 12.1 Posts and pages
 */

/**
 * 12.1.1 Team members - new 27/05/2015
 */ 
div.content-type.content-expanded div.content .team {
	clear: both;
	
}
div.content-type.content-expanded div.content .team .team-member {
	padding: 20px 0;	
	border-top: 1px dotted #202020;
	padding: 20px 0;
	display: table;
    width: 100%;
}
div.content-type.content-expanded div.content .team .team-member .team-member-image {
	padding: 0 1% 1% 0;
	display: table-cell;
	width: 20%;
	
}
div.content-type.content-expanded div.content .team .team-member .team-member-description {
	padding: 0;
	width: auto;
	display: table-cell;
	vertical-align: top;
}
div.content-type.content-expanded div.content .team .team-member h3.team-member-title {
	clear: right;
	float: left;
}
div.content-type.content-expanded div.content .team .team-member h4 {
	clear: both;
	font-size: 1em;
	font-weight: bold;	
}
div.content-type.content-expanded div.content .team .team-member p {
	float: none;
	clear: both;
	display: block;	
}

div.content-type.content-expanded div.content .team .role-section {
	padding: 20px 0;	
	clear: both;
}
/**
 * 12.2 Post Formats
 */



/**
 * 12.3 Comments
 */



/**
 * 13.0 Footer
 */


/**
 * 14.0 Media
 */




/**
 * 14.1 Captions
 */


/**
 * 14.2 Galleries
 */


/**
 * 14.3 360 Tour
 */
.tour-360 {
	transition: all 1s ease-in-out;
}
.tour-360 a span {
	display: inline-block;
	color: #fff;
	background: #202020;
	padding: 10px 20px 10px 10px;
	border: 1px solid #000;
}
.tour-360 a span > span {
	padding: 5px 10px;
	margin-right: 5px;
}
.cloned-360 {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1999;

}

.cloned-360 iframe {
	height: 100%;
}
.cloned-360 a.button-360 {
	position: fixed;
	left: 20px;
	top: 20px;
	z-index: 2001;
}

/**
 * 15.0 Media Queries
 */

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

@viewport {
	width: device-width;
}

/**
* @copy 2015 cLimadesigns LTD CSS Media Query list
* We will be using the full width and doing scaling first and the put the breakpoints in if needed
*
*/
 
/**
* Standard Screen sizes and add 15px + 1px for scroll-bar
* These should be enough to focus on the majority of screen sizes
* but if we need to target specific devices and resolutions we can.
*
*/
@media screen and (max-width: 2606px) {
	
}
@media screen and (max-width: 1696px) {
	
}
@media screen and (max-width: 1280px) {
	
	header#main-header,
	#main-header,
	article#main-content,
	#main-content,
	footer#main-footer,
	#main-footer,
	#strapline {
		width: 98%;
		padding: 0;
	}
	
}
@media screen and (max-width: 1180px) {
	div.placeholder {
		width: 31.5%;	
	}
	
	
}
@media screen and (max-width: 1080px) {
	
	header#main-header,
	#main-header,
	article#main-content,
	#main-content,
	footer#main-footer,
	#main-footer {
		
	}
	
	.menu-toggle,
	.dropdown-toggle {
		display: block;	
	}
	
	#site-navigation ul {
		position: absolute;
		display: table;
		height: auto;
		background: #e0e0e0;
		top: 46px;
		right: 0px;
		visibility: hidden;
		height: 0px;
		width: 0px;
		float: none;
		font-size: 0;
		padding: 0;
		margin: 0;	
	}
	
	#site-navigation ul li,
	#site-navigation ul li a {
		clear: both;
		width: 100%;
		font-size: 0;
		padding: 0;
		margin: 0;
	}
		
	#site-navigation ul.sub-menu {
		right: 100%;
		top: 0;
		display: none;
		min-width: 160px;
	}
	
	body.toggled-on #site-navigation .menu-toggle+ul {
		visibility: visible;
		height: auto;
		width: auto;
	}
	body.toggled-on #site-navigation .menu-toggle+ul li,
	body.toggled-on #site-navigation .menu-toggle+ul li a {
		font-size: 18px;
	}
	body.toggled-on #site-navigation .menu-toggle+ul li {
		padding: 0 6px;
	}
	.dropdown-toggle {
		height: 20px;	
	}
	
	#site-navigation ul.sub-menu {
		display: none;	
	}
	body.toggled-on #site-navigation li.page_item.selected ul.sub-menu {
		display: block;	
	}
	
	body.toggled-on #site-navigation ul.sub-menu li {
			
	}
	body.toggled-on #site-navigation ul li,
	body.toggled-on #site-navigation ul li a {
		width: inherit;
		display: block;
	}
	body.toggled-on #site-navigation ul.sub-menu li a {
		display: block;	
	}
	
}
@media screen and (max-width: 976px) {
	#page-container {
		/*width: 90%;	*/
	}
	
}
@media screen and (max-width: 816px) {
	
}
@media screen and (max-width: 815px) {
	
}
@media screen and (max-width: 815px) {
	
}
@media screen and (max-width: 784px) {
	
}
@media screen and (max-width: 752px) {
	
}
@media screen and (max-width: 683px) {
	
}
@media screen and (max-width: 656px) {
	#page-container {
		/*width: 98%;	*/
	}
	header#main-header,
	#main-header,
	article#main-content,
	#main-content,
	footer#main-footer,
	#main-footer,
	div.content-type div.content {
		
	}	
}
@media screen and (max-width: 616px) {
	
	#main-logo img {
		width: 80%;
		height: auto;
		min-width: 160px;
	}
		
}
@media screen and (max-width: 584px) {
	
}
@media screen and (max-width: 573px) {
		
	ul.login-links {
		position: absolute;
		left: 0.1%;
		top: 90px;	
	}
	header#main-header #social-links-login-search-container ul.social-links,
	#main-header #social-links-login-search-container ul.social-links {
		width: 50%;
		float: right;	
	}
	div.placeholder {
		width: 98%;	
	}
}
@media screen and (max-width: 573px) {
	
}
@media screen and (max-width: 496px) {
	header#main-header #main-logo a img,
	#main-header #main-logo a img {
		width: 130px;
	}
	
	
	
	
}
@media screen and (max-width: 476px) {
	header#main-header,
	#main-header,
	article#main-content,
	#main-content,
	footer#main-footer,
	#main-footer,
	div.content-type div.content {
		width: 98%;
	}
	
	div.content-type.content-expanded div.content .content-leftcol {
		width: 100%;	
		float: none;	
	}
	
	div.content-type.content-expanded div.content .content-rightcol {
		width: 100%;
		float: none;		
	}
}
@media screen and (max-width: 421px) {
	article#main-content, #main-content {
		/*margin-top: 220px;	*/
	}
	
}
@media screen and (max-width: 396px) {
	
		
	
}
@media screen and (max-width: 376px) {
	
}
@media screen and (max-width: 356px) {
	
}
@media screen and (max-width: 336px) {
	
}
/* ----------- Laptops & Other    ----------- */

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}




/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}



/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}



/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}


/* ----------- Apple Watch ----------- */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm) { 

}

/* ----------- Moto 360 Watch ----------- */
@media 
  (max-device-width: 218px)
  and (max-device-height: 281px) { 

}