/*
Theme Name: clearperceptions_
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clearperceptions_
Tags:

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.

clearperceptions_ is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
     font-family: 'Gotham-Bold';
     src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.otf')  format('opentype'),
   	     url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
     font-weight: normal;
     font-style: normal;
   }

   @font-face {
     font-family: 'Gotham-Book';
     src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
   	     url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
     font-weight: normal;
     font-style: normal;
   }

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

	 @font-face {
	   font-family: 'MaiandraGD-DemiBold';
	   src: url('fonts/MaiandraGD-DemiBold.eot?#iefix') format('embedded-opentype'),  url('fonts/MaiandraGD-DemiBold.woff') format('woff'), url('fonts/MaiandraGD-DemiBold.ttf')  format('truetype'), url('fonts/MaiandraGD-DemiBold.svg#MaiandraGD-DemiBold') format('svg');
	   font-weight: normal;
	   font-style: normal;
	 }
	 @font-face {
 	 font-family: 'Helvetica';
  	 src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),  url('fonts/Helvetica.woff') format('woff'), url('fonts/Helvetica.ttf')  format('truetype'), url('fonts/Helvetica.svg#Helvetica') format('svg');
  	 font-weight: normal;
  	 font-style: normal;
	}

body {
	font-family: 'Georgia';
	font-size:16px;
	line-height:1.8;
}

a {
  transition: all 0.5s ease;
}
strong, b {
	font-family: 'Georgia';
  font-weight:bold;
}
header {
  width:100%;
  height:140px;
  background:#fff;
}

.container {
  width:940px;
  margin:0 auto;
  position:relative;
}
.logo {
  height:75px;
  float:left;
  padding:32.5px 0;
}

.navicon {
  font-size:34px;
  position: absolute;
  top: 39.5px;
  right:0;
  cursor:pointer;
}
.mainNavDropDown{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    display: none;
    width: 320px;
    top:0;
    right:0;
    position:absolute;
    z-index:2;
}
.mainNavDropDown li {
    padding: 0 15px;
    box-sizing:border-box;
    width: 320px;
    background: #fff;
    font-family: 'Gotham-Bold';
    font-size:19px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.mainNavDropDown li a {
  color:#009ec2 !important;
  display:inline-block;
  width:100%;
  padding:15px 0;
  text-decoration:none !important;
  font-size: 15px;
  border-bottom: 1px solid black;
}
.mainNavDropDown li:last-child a {
    border-bottom: none;
}
.mainNavDropDown li a:hover{
    color: #f38a00;
}
.mainNavDropDown li#menu-item-23 a:hover {
  color:#8f4584 !important;
}
.mainNavDropDown li#menu-item-26 a:hover {
  color:#199db9 !important;
}
.mainNavDropDown li#menu-item-41 a:hover {
  color:#7ac46e !important;
}
.mainNavDropDown li#menu-item-64 a:hover {
  color:#dd7975 !important;
}
.mainNavDropDown li#menu-item-69 a:hover {
  color:#67508e !important;
}
.mainNavDropDown li#menu-item-75 a:hover {
  color:#7692be !important;
}
.mainNavDropDown li#menu-item-80 a:hover {
  color:#f8981d !important;
}
.home-image-container {
    width:100%;
    height:100vh;
    background:transparent url(images/image_home.jpg) no-repeat top center;
    background-size:cover;
    position:relative;
    z-index:1;
}
.home-quote {
    background:transparent url(images/image_home_quote.png) no-repeat top right;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:800px;
  font-family: 'Gotham-Book';
  font-size:50px;
  color:#ff9d6b;
  line-height:1;
}

.home-quote p {
  text-align:right;
  padding:0 290px 0 0;
  margin:0;
  letter-spacing:2px;
}

.home-quote span {
    color:#fff;
    font-size:20px;
    font-family: 'Gotham-Bold';
    letter-spacing:3px;
}

.col {
	box-sizing:border-box;
}
.col-25 {
	width:25%;
	float:left;
}
.col-50 {
	width:50%;
	float:left;
}
.col-75 {
	width:75%;
	float:left;
}
.taleft {
	text-align:left;
}
.taright {
	text-align:right;
}

h1 {
	font-family: 'Gotham-Bold';
	font-size:60px !important;
	font-weight:100;
	line-height:1.2;
	text-align:center;
	margin:0 !important;
	padding:160px 0;
	text-transform:uppercase;
	letter-spacing: 2px;
}
body.page-id-7 .top-headline {
	background:#f2eaf1;
}
body.page-id-67 .top-headline {
	background:#eeebf2;
}
body.page-id-73 .top-headline {
	background:#eff3f7;
}
body.page-id-78 .top-headline {
	background:#fef3e3;
}
body.page-id-111 .top-headline {
	background:#e6e7e8;
}
body.page-id-37 .top-headline, body.parent-pageid-37 .top-headline {
	background:#f0f8ed;
}
body.page-id-62 .top-headline, body.single-post .top-headline {
	background:#fbf1f1;
}
body.page-id-7 h1 {
	color:#8f4584;
}
body.page-id-67 h1 {
	color:#67508e;
}
body.page-id-73 h1 {
	color:#7692be;
}
body.page-id-62 h1, body.single-post h1 {
	color:#dd7975;
}

body.page-id-24 .top-headline {
	background:#e5f4f7;
}
body.page-id-24 h1 {
	color:#199db9;
}
body.page-id-78 h1 {
	color:#f8981d;
}
body.page-id-37 h1, body.parent-pageid-37 h1 {
	color:#7ac46e;
}

h2 {
	font-family: 'Gotham-Bold';
	font-weight:100;
	background:#000;
	color:#fff;
  font-size:22px;
	padding:5px 20px;
	text-transform:uppercase;
	box-sizing:border-box;
  letter-spacing:2px;
}

.content {
	width:600px;
	float:left;
}

body.page-id-24 .content, body.page-id-62 .content, body.page-id-73 .content, body.page-id-78 .content {
		width:100%;
}

.full-insights {
	margin-top:80px;
	border-top:3px solid #000;
	padding:80px 0 0 0;
}
.full-insights a {
	color:#dd7975;
}

.container-pad {
	margin-top:80px;
}
figure {
  margin:0 !important;
  max-width:100%;
}
.wp-caption-text {
  font-size:14px;padding-bottom:20px;display:block;font-style:italic;
}
.full-insights .attachment-insights-image-alt {
	padding:0 0 10px 0;
  max-width:600px;
  height:auto;
}
.full-insights img {
  max-width:100%;
  height:auto;
}
.content p {
	margin:0 0 20px 0;
}

.quote {
	font-family: 'Gotham-Bold';
	font-weight:100;
	letter-spacing:2px;
	text-transform:uppercase;
	border-top:3px solid #000;
	margin-top:60px;
}
body.page-id-7 .quote {
	color:#8f4584;
}
body.page-id-67 .quote {
	color:#67508e;
}
body.page-id-37 .quote, body.parent-pageid-37 .quote {
	color:#7ac46e;
}
.quote p {
		line-height:1.3;
		font-size:35px;
    letter-spacing:3px;
}
.quote span {
	font-size:14px;
	color:#000;
	line-height:1;
	display:block;
	padding:15px 0 10px 0;
}
.page-id-73 .content strong {
  font-family: 'Gotham-Bold';
	font-weight:100;
}
.aside {
	width:300px;
	float:right;
}

.aside-border {
	border-top:3px solid #000;
	padding:20px 0;
	margin:20px 0;
}
ul.aside-menu {
	font-family: 'Gotham-Bold';
	font-weight:100;
	list-style-type:none;
	margin:40px 0 0 0;
	padding:0;
	border-top:3px solid #000;
  letter-spacing:2px;
}
ul.aside-menu li {
	padding:15px 0;
	border-bottom:1px solid #000;
	font-size:14px;
}
ul.aside-menu li:first-child {
	font-size:14px;
	color:#000 !important;
}
.aside-link {
	text-decoration:none !important;
	color:#7ac46e;
	text-transform:uppercase;
}
body.page-id-7 ul.aside-menu li {
	color:#8f4584;
}

.team-container {
	padding:0 0 60px 0;
}
.team-image {
		max-width:200px;
		height:auto;
}
.team-inner {
	border-top:3px solid #000;
	margin-top:30px;
	padding-top:10px;
}
.team-inner span {
		display:block;
}
.team-inner .team-name {
	font-family: 'Gotham-Bold';
	font-weight:100;
	letter-spacing:2px;
	text-transform:uppercase;
}
.team-inner .team-position {
	font-family: 'Gotham-Book';
	font-weight:600;
	color:#199db9;
	text-transform:uppercase;
	font-size:13px;
}
.team-inner .team-qualifications {
	font-family: 'Gotham-Book';
	text-transform:uppercase;
	font-size:13px;
	padding-bottom:20px;
}

ul.child-pages {
	list-style-type:none;
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
}
ul.child-pages li {
	width:227px;
	float:left;
	border:1px solid #000;
	text-align:center;
	padding:10px 20px;
	box-sizing:border-box;
	text-transform:uppercase;
	font-family: 'Gotham-Book';
	font-weight:600;
	font-size:14px;
	line-height:1.6;
	letter-spacing:2px;
	margin-left:10px;
	height:100px;
	overflow:hidden;
	display:table;

}
ul.child-pages li:first-child {
	margin-left:0;
}
ul.child-pages li a {
	text-decoration:none !important;
	display:table-cell;
  vertical-align:middle;
	color:#000 !important;
}
ul.child-pages li a:hover {
  color:#7ac46e !important;
}
ul.child-pages li.current_page_item a {
	color:#7ac46e !important;
  text-decoration:none !important;
}

.insights-container {
	display:block;
	padding:0 0 50px 0;
	float:left;
	width:100%;
}
.insights-inner {
	width:300px;
	float:right;
}
.insights-author {
	text-transform:uppercase;
	color:#dd7975;
	font-family: 'Gotham-Book';
	font-weight:600;
	font-size:13px;
}
.insights-date {
	font-family: 'Gotham-Book';
	font-size:13px;
	display:block;
	line-height:1;
  text-transform:uppercase;
}
.insights-inner h3, .aside h2 {
	font-family: 'Gotham-Bold';
	font-weight:100;
	font-size:20px !important;
	padding:10px 0 !important;
	margin:0;
	line-height:1.6;
	text-transform:uppercase;
	border-top:3px solid #000;
	background:none;
	color:#000;
}
.aside .noborder {
		border:0;
}
.moretag {
	display:block;
	color:#dd7975;
	font-family: 'Gotham-Book';
	font-weight:600;
	text-decoration:none !important;
	font-size:13px;
	padding:10px 0;
}
.blog-adjacent {
	color:#dd7975;
	font-family: 'Gotham-Book';
	font-weight:600;
	font-size:13px;
}
.attachment-insights-image {
	float:left;
}
.insights-back {
	display:inline-block;
	border:1px solid #000;
	padding:5px 40px;
	text-decoration:none !important;
	margin:40px 0 0 0;
	font-family: 'Gotham-Book';
	font-weight:600;
	font-size:13px;
}
.sff-web {
	display:inline-block;
	border:1px solid #000;
	padding:5px 40px;
	text-decoration:none !important;
	margin:40px 0 0 0;
	font-family: 'Gotham-Book';
	font-weight:600;
	font-size:13px;
	color:#67508e;
}
body.page-id-73 .content ul {
  list-style-type:none;
  padding:0;
  margin:0 0 20px 0;
}
body.page-id-73 .content ul li {
  padding:12px 0;
  border-bottom:1px solid #000;
  text-transform:uppercase;
}
body.page-id-73 .content ul li:first-child {
  border-top:1px solid #000;
}

/* PAGE LINK COLOURS */

.page-73 a {
  color:#7692be;
  text-decoration:none;
}
.page-73 a:hover {
  color:#000;
}

.page-67 a {
  color:#67508e;
  text-decoration:underline;
}
.page-67 a:hover {
  color:#000;
}

.page-62 a, .full-insights a {
  color:#dd7975;
  text-decoration:underline;
}
.page-62 a:hover, .full-insights a:hover {
  color:#000;
}

.page-37 a, body.parent-pageid-37 .container a {
  color:#7ac46e;
  text-decoration:underline;
}
.page-37 a:hover, body.parent-pageid-37 .container a:hover {
  color:#000;
}

.page-24 a {
  color:#199db9;
  text-decoration:underline;
}
.page-24 a:hover {
  color:#000;
}

.page-7 a {
  color:#8f4584;
  text-decoration:underline;
}
.page-7 .aside-menu a {
	text-decoration:none; }

.featherlight .featherlight-content { margin-left:25% !important;margin-right:25% !important; }
.page-7 a:hover {
  color:#000;
}

.fa {
  color:#f7971c;
  font-size:25px !important;
}

.content h3 {
  font-family: 'Gotham-Bold';
	font-weight:100;
  letter-spacing:2px;
  font-size:18px;
  margin:0;
  padding:0 0 12px 0;
  text-transform:uppercase;
}
footer {
	font-family: 'Gotham-Book';
	font-size:12px;
	overflow:hidden;
	padding:20px 0;
}

footer p {
	line-height:17px;
}

footer a {
  color:inherit;
  text-decoration:none;
}

.lightbox {display:none;}

.diabrands {font-family:'Helvetica';}
.diabrands a {font-weight:700;color:#000 !important;text-decoration:none !important;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

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

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media only screen and (max-width: 800px) {
  .logo {margin-left:10px;height:55px;padding:42.5px 0;}
  .navicon {right:10px;}
  .mainNavDropDown {height:100vh;background:#fff;}
  .mainNavDropDown, .mainNavDropDown li {width:100%;}
  .home-quote {width:100%;font-size:30px;background-position:bottom center;padding-bottom:250px;background-size:50%;}
  .home-quote p {padding:10px;box-sizing:border-box;text-align:center;}
  .container {width:100%;}
  .content, .aside, .col-50, .col-25 {width:100%;padding:0 20px;box-sizing:border-box;float:none;}
  ul.child-pages li, ul.child-pages li:first-child {width:75%;margin:10px auto;float:none;}
  h1 {padding:40px 10px;font-size:40px !important;}
  h2 {padding:6px 20px;}
  .container-pad, .full-insights {margin:0;}
  .attachment-insights-image-alt {float:none;max-width:100%;height:auto;}
  .insights-container {padding:0 0 20px 0;}
  .insights-back, .sff-web {width:100%;box-sizing:border-box;text-align:center;}
  .insights-inner {width:100%;float:none;}
  body.single-post .full-insights {border:0;}
  footer div {text-align:center !important;}
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  .home-quote {padding-bottom:170px;background-size:25%;}
}