/*
Theme Name: SIS Annual Report 2016

*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
opacity: 0;
transition: opacity .5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
}

body {
font:400 16px/1.5 'proxima-nova-n4', 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#fff;
font-style: normal;
}

.wf-loading {
opacity: 0;
}
 
.wf-active {
opacity: 1;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
max-width: 100%;
vertical-align: bottom;
height: auto;
}
a {
color: #e84427;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #ff6d53;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #04A4CC;
}

a.cta {
display:block;
padding: 8px 30px;
color: #c52104;
background: #fff;
font-weight: bold;
font-size: 1.15em;
text-align: center;
margin: 20px 0;
cursor: pointer;
font-family: 'lato-n7', 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 8px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a.cta:before {
font-family: "FontAwesome";
content: '\f080';
margin-right: 10px;
}

a.cta:hover {
background: #c52104;
color: #fff;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

@media only screen and (max-width: 992px) {
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { margin-top: 1em; }
}

.col {
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}

.span_1_of_5 {
width: 20%;
}

@media only screen and (max-width: 992px) {
.span_1_of_5 { width: 100%; }
}

/* header */
header {
z-index: 100;
position: fixed;
width: 100%;
border-bottom: 2px solid white;
}

.header-wrapper {
margin: 0 2em;
padding: 3em 0 1em 0;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}

@media only screen and (max-width: 1366px) {
header { background: rgba(0,0,0,.65)!important; border: 0; }
.header-wrapper { padding: 1.5em 0 1em 0; margin: 0; }
}

@media only screen and (max-width: 440px) {
.header-wrapper { padding: 1em 0; }
}

header.scrolling {
background: rgba(0,0,0,.65)!important;
border: 0;
}

header.scrolling .header-wrapper {
padding: 1.5em 0 1em 0;
}

/* logo */
.logo {
position: absolute;
}

@media only screen and (max-width: 560px) {
.logo { float:left; position: relative; bottom: 0; }
}

@media only screen and (max-width: 1260px) {
.desktop-logo img { width: 300px; }
}

.mob-logo { display: none; }

@media only screen and (max-width: 1200px) {
.desktop-logo { display: none; }
.mob-logo { display: block; }
}

@media only screen and (max-width: 992px) {
.desktop-logo { display: block; }
.mob-logo { display: none; }

.slicknav_nav ul.sub-menu li .nav-section1:hover {color: #884089 !important;}
.slicknav_nav ul.sub-menu li .nav-section2:hover {color: #19c1e8 !important;}
.slicknav_nav ul.sub-menu li .nav-section3:hover {color: #0e8846 !important;}
.slicknav_nav ul.sub-menu li .nav-section4:hover {color: #ff7d00 !important;}
.slicknav_nav ul.sub-menu li .nav-section5:hover {color: #ee2f71 !important;}
.slicknav_nav ul.sub-menu li .nav-section6:hover {color: #41bd97 !important;}
.slicknav_nav ul.sub-menu li .nav-section7:hover {color: #1f71b9 !important;}
.slicknav_nav ul.sub-menu li .nav-section8:hover {color: #ffbe28 !important;}
.slicknav_nav ul.sub-menu li .nav-section9:hover {color: #1bad5c !important;}

.slicknav_nav .menu-item-has-children {padding-top: 10px;}
}

@media only screen and (max-width: 440px) {
.desktop-logo { display: none; }
.mob-logo { display: block; }
}

@media only screen and (max-width: 414px) {
.mob-logo img { width: 80px; }
}

.logo a {
display:block;
}

/* Social Icons */

#social-bar {
margin-bottom: .8em;
}

@media only screen and (max-width: 560px) {
#social-bar { display: none; }
}

#social-bar ul {
padding: 0;
margin: 0;
list-style:none;
text-align: right;
}

#social-bar ul li {
display: inline-block;
margin-left:5px;
}

#social-bar ul li a {
display: block;
width: 28px;
height: 28px;
line-height: 30px;
text-align: center;
border-radius: 60px;
color: #222;
background-color: #fff;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
}

#social-bar ul li a:hover {
background-color: #222;
color: #fff;
}

@media only screen and (max-width: 430px) {
#social-bar { display: none; }
}

/* main nav */

ul#main-menu {
list-style: none;
padding: 0;
margin: 0;
text-align: right;
}

#main-menu li {
position: relative;
display: inline-block;
vertical-align:middle;
margin-left: 25px;
font-size: 1.2em;
line-height: 1em;
}

#main-menu li a {
color: white;
}

#main-menu li a span {
margin-left: 10px;
}

/* submenus */

#main-menu li.menu-item-has-children {
padding: 0 40px 0 0;
}

#main-menu li.menu-item-has-children a:after {
display: block;
content: "";
border: 4px solid transparent;
border-top-color: #fff;
z-index: 2;
height: 0;
width: 0;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}

#main-menu li.menu-item-has-children ul.sub-menu li a:after {
content: none;
}

#main-menu li.menu-item-has-children:after {
padding: 10px 40px 10px 20px;
}

#main-menu li.menu-item-has-children ul.sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
top: 100%;
z-index: 999;
text-align: left;
margin: 0;
list-style-type: none;
padding: .92em 0 0;
transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
-ms-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
}

#main-menu li.menu-item-has-children:hover ul.sub-menu {

visibility: visible;
opacity: 1;
}

#main-menu li.menu-item-has-children ul.sub-menu li {
margin:0;
width: 300px;
background: #222;
border-right: 0px;
}

#main-menu li.menu-item-has-children ul.sub-menu li:last-child {
border-bottom: none;
}

#main-menu li.menu-item-has-children ul.sub-menu li:hover a {
background: #444;
}

#main-menu li.menu-item-has-children ul.sub-menu li:first-child {
border-radius: 0;
}

#main-menu li.menu-item-has-children ul.sub-menu li a {
padding: 15px 20px;
display:block;
color:#fff;
height: auto;
border:0;
white-space: nowrap;
font-size: 14px;
font-weight: 400;
}

.slicknav_menu {
display:none;
padding: 0!important;
background: transparent;
}

.slicknav_nav {
text-align: right;
font-size: 1em;
}

.slicknav_nav ul, .slicknav_nav a {
margin: 0!important;
}

.slicknav_nav li {
border-bottom: 1px solid #777;
margin: 0;
}

.slicknav_nav li:before {
display: none;
}

.slicknav_nav li:last-child {
border-bottom: 0;
}

.slicknav_nav ul.sub-menu {
background-color: transparent; 
font-size: .9em;
}

.slicknav_nav ul.sub-menu li a {
color: #b5b5b5;
}

.slicknav_nav ul.sub-menu li a:hover {
color: #e84613;
}

.slicknav_nav a {
display:block;
}

.slicknav_nav .slicknav_row {
border-bottom: 1px solid #777;
}

.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {
background-color: transparent;
border-radius: 0;
color: #e84613;
}

.slicknav_nav i {padding-right: 9px;}

.slicknav_btn {
padding:0;
margin: 0;
background-color: transparent;
border-radius: 0;
}

.slicknav_menu .slicknav_icon-bar {
border-radius: 0px;
width: 1.5em;
height: 0.25em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.slicknav_nav .cta-button, .slicknav .small-button {
border-bottom: 1px solid #777;
border-top:0;
border-left:0;
border-right: 0;
padding: 0;
}

.slicknav_nav .cta-button:hover {
border-bottom: 1px solid #777;
-webkit-box-shadow: 0px 0px 0px 0px rgba(200,255,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(200,255,0,0);
box-shadow: 0px 0px 0px 0px rgba(200,255,0,0);
}

@media screen and (max-width: 992px) {
/* #main-menu is the original menu */
#main-menu { display:none; }
.js .slicknav_menu { display:block; }
}

@media only screen and (max-width: 560px) {
.slicknav_btn { margin: 1em 0; }
}

/* Down-Button */

a.scrollDown {
text-align:center;
margin: 0 auto;
font-size:3em;
color:#f3977f;
width:50px;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a.scrollDown:hover {
transform: scale(1.1);
color: white;
}

/* Side Nav */
.side-nav { 
position: absolute;
margin: auto;
left: 10px;
z-index:100;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transition: position .3s ease;
-moz-transition: position .3s ease-in-out;
-ms-transition: position .3s ease-in-out;
-o-transition: position .3s ease-in-out;
transition: position .3s ease-in-out;
}

@media only screen and (max-width: 1260px) {
.side-nav { display: none; }
}

.side-nav ul{
  margin: 0;
  padding: 0;
}

.side-nav ul li {
display: block;
list-style-type: none;
margin: 10px 0;
}

.side-nav ul li a {
display: inline-block;
background: #fff;
border-radius: 100%;
width: 14px;
height: 14px;
text-align: center;
font-size: 1.2em;
color: #fff!important;
line-height: 2em;
}

.side-nav ul li span {
opacity:0;
font-size:.75em;
font-weight:900;
margin-left: 10px;
display:inline-block;
padding: 3px 6px;
border-radius: 3px;
color: white;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.side-nav ul li a:hover ~ span, .side-nav ul li a.active ~ span {
opacity:1;
}

@media only screen and (max-width: 1640px) {
.side-nav ul li span { display:none; }
.side-nav ul li a:hover ~ span, .side-nav ul li a.active ~ span { display:none; }
}

.scrollTop {
margin: auto;
position: fixed;
right: 20px; bottom: 20px;
opacity: 0;
z-index:100;
height:40px;
width:40px;
font-size: 30px;
background-color: #444;
color: #fff!important;
text-align: center;
line-height: 40px;
border-radius: 80px;
transition: all .3s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}

.scrollTop:hover {
background-color:#666;
color: white;
}

.side-nav li.purple a:hover, .side-nav li.purple a.active { background: #fe5eb1; }
.side-nav li.blue a:hover, .side-nav li.blue a.active { background: #4dfff8; }
.side-nav li.dark-green a:hover, .side-nav li.dark-green a.active { background: #40cf58; }
.side-nav li.orange a:hover, .side-nav li.orange a.active { background: #ffce0c; }
.side-nav li.magenta a:hover, .side-nav li.magenta a.active { background: #ffb0d3; }
.side-nav li.turquoise a:hover, .side-nav li.turquoise a.active { background: #32ffc8; }
.side-nav li.dark-blue a:hover, .side-nav li.dark-blue a.active { background: #7ad1eb; }
.side-nav li.yellow a:hover, .side-nav li.yellow a.active { background: #ffff00; }
.side-nav li.green a:hover, .side-nav li.green a.active { background: #1bff5c; }

.nav a.purple { background: #884089; }
.nav a.blue { background: #19c1e8; }
.nav a.dark-green { background: #0e8846; }
.nav a.orange { background: #ff7d00; }
.nav a.magenta { background: #ee2f71; }
.nav a.turquoise { background: #41bd97; }
.nav a.dark-blue { background: #1f71b9; }
.nav a.yellow { background: #ffbe28; }
.nav a.green { background: #1bad5c; }

TTT.nav a.purple:hover { background: #fe5eb1; }
TTT.nav a.blue:hover { background: #4dfff8; }
TTT.nav a.dark-green:hover { background: #40cf58; }
TTT.nav a.orange:hover { background: #ffce0c; }
TTT.nav a.magenta:hover { background: #ffb0d3; }
TTT.nav a.turquoise:hover { background: #32ffc8; }
TTT.nav a.dark-blue:hover { background: #7ad1eb; }
TTT.nav a.yellow:hover { background: #ffff00; }
TTT.nav a.green:hover { background: #1bff5c; }

ul#main-menu li.purple { background: #884089!important; }
ul#main-menu li.blue { background: #19c1e8!important; }
ul#main-menu li.dark-green{ background: #0e8846!important; }
ul#main-menu li.orange { background: #ff7d00!important; }
ul#main-menu li.magenta { background: #ee2f71!important; }
ul#main-menu li.turquoise { background: #41bd97!important; }
ul#main-menu li.dark-blue { background: #1f71b9!important; }
ul#main-menu li.yellow { background: #ffbe28!important; }
ul#main-menu li.green { background: #1bad5c!important; }

/*------------------------------------*\
    SECTIONS - General
\*------------------------------------*/

section {
position: relative;
margin: 0;
padding:0;
border:0;
}

section.full-section {
padding: 10em 0;
}

@media only screen and (max-width: 1200px) {
section.full-section { padding: 7em 0 10em 0; }
}

@media only screen and (max-width: 768px) {
section.full-section { padding: 4em 0 10em 0; }
}

.outcome-area {
padding-right: 50px;
}

@media only screen and (max-width: 1200px) {
.outcome-area { padding-right: 15px; }
}

.outcome-area h3 {
font-size: 4.85em;
margin: 0;
font-weight: 900;
line-height: 1.15em;
}

@media only screen and (max-width: 667px) {
.outcome-area h3 { font-size: 3em; }
}

@media only screen and (max-width: 414px) {
.outcome-area h3 { font-size: 2em; }
}

.outcome-intro h4 {
font-weight: 700;
font-size: 1.25em;
margin: 1.66em 0 2.33em;
}

.outcome-indicators p {
font-size:.9em;
}

a.case-study-link {
margin: 1em 0 1.5em;
display: block;
}

a.case-study-link img {
border-radius: 12px 12px 0 0;
width: 100%;
}

a.case-study-link h4 {
margin: 0;
background: #444;
padding: 10px 15px;
border-radius: 0 0 12px 12px;
font-family: "proxima-nova-n7", "proxima-nova", sans-serif;
font-weight: 700;
font-size: 1.33em;
color: #fff;
}

.white-link {color:#fff !important; font-weight: 400;}

.white-link:hover {color:#971c6e !important;}   

.outcome-case-study {
width:260px;
height:260px;
position:absolute;
border-radius:100%;
text-align: center;
color: white;
display: table; 
}

.outcome-case-study p {
font-size:1.25em;
margin:0;
display: table-cell; 
vertical-align: middle; 
text-align: center;
}

.single-case-study h3 {margin-top: 0 !important;}

.outcome-case-study a.url {
font-size:1em;
border-top: 1px dotted white;
border-bottom: 1px dotted white;
color: white;
font-weight: bold;
padding: .25em 0;
margin:0;
}

.statistic-column {
margin-top: 0;
margin-bottom: 0;
padding: 40px 20px;
}

@media (orientation: portrait) {
.statistic-column { min-height: auto!important; }
}

h5.bubble {
font-family: "proxima-nova-n7", "proxima-nova", sans-serif;
font-weight: 700;
font-size: 1.5em;
background: #194987;
padding: 5px 10px;
color: #fff;
border-radius: 3px;
position: relative;
margin: 1.25em 0 1em;
}

.income-bubble {
margin-top: 0px !important;
}

@media only screen and (max-width: 360px) {
h5.bubble {font-size: 1.3em;}
}

h5.bubble:after {
content: "";
position: absolute;
bottom: -15px;
right: 20px;
border-width: 15px 15px 0 0;
border-style: solid;
border-color: #194987 transparent;
display: block;
width: 0;
}

.statistic-column p, .offset-stats p, .stat-descriptor {
font-weight: bold;
line-height: 130%;
font-size: .93em;
}

.pie-stat {
}

.stat {
font-weight:900;
margin: 0;
line-height: 1.05em;
font-family: 'lato-n9', 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.large {
font-size:5em;
}

.med {
font-size:3.5em;
}

.small {
font-size:2em;
}

@media only screen and (max-width: 768px) {
.large { font-size:3em; }
.med { font-size:2.25em; }
.small { font-size:1.35em; }
}

#canvas-holder {
float: right;
margin: 20px 0px 20px 20px;
}

/* masthead */

#masthead {
background: #e84613;
padding: 12.5em 0 4em!important;
}

@media only screen and (max-width: 414px) {
#masthead {padding: 8em 0 4em!important; }
}


/*------------------------------------*\
MAP
\*------------------------------------*/

#masthead-intro h2 {
color: #9f1500;
font-weight: 900;
border-bottom: 2px solid;
padding-bottom: .5em;
}

.introQuote {font-size: 1.77em;}

.cutomer-quote {
color: rgb(255, 255, 255);
margin-top: -7px;
}

.workshop-quote {    
margin-bottom: 0px !important;
padding-bottom: 8px !important;
}

#section7 .outcome-intro h4 {
    margin-bottom: 10px;
}

.quote-no-padding {padding: 0 !important; margin-left: -35px !important; color:#ff7d00 !important;}

.quote-no-padding::before {
    color: #E84818 !important;
}

@media only screen and (max-width: 1200px) {
.quote-no-padding {margin-left: 0 !important;}
}


.descriptor { 
	clear: left;
	display: -moz-deck;
	margin-top: 20px;
	color: #9f1500;
	color: #fff;
	border-top: 2px solid;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #9f1500;	
	padding-top: 8px;
	font-size: 0.83em;
	}	

.map-text-header {
width: 100%;
height:auto;
border-bottom: #9f1500 solid 3px;
}

.map-text-header p {
font-size:30px;
color: #9f1500;
font-weight:700;
margin-bottom: 3px;
}

#masthead-nav {
font-family: 'lato-n7', 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 2em 0;
}

@media only screen and (max-width: 442px) {
#masthead-nav {
display:none;
	}

.descriptor {
border-top: none !important;
padding-top:0px;
}

.descriptor .intro {
font-weight: 700;
font-size: 1.25em;
line-height: 1.3em;
font-family: 'lato-n7', 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
}

.masthead-nav-table {
width: 48%;
float: left;
margin: 0 .5%;
}

td.masthead-nav-marker-holder { 
padding-right: 1.5em;
}

a.masthead-nav-marker { 
width: 15px;
height: 15px;
background: #9f1500;
border-radius: 30px;
display: inline-block;
border: 2px solid #fff;
}

td.masthead-nav-marker-holder, td.masthead-nav-details {
padding: .5em;
}

td.masthead-nav-details a {
display: block;
color: #9f1500;
}

td.masthead-nav-details h5 {
display: inline-block;
font-size: 1.25em;
color: #fff;
font-weight: 700;
margin: 0 0 .25em;
line-height: 1em;
}

td.masthead-nav-details h5 span {
font-size: .7em;
margin-left:.25em;
}

td.masthead-nav-details p {
margin: 0;
TTTTfont-weight: 400;
}

#map-parent {

}
@media only screen and (max-width: 768px) {
#map { display: none; }
}

.marker-1, .marker-2, .marker-3, .marker-4, .marker-5, .marker-6, .marker-7, .marker-8, .marker-9 {
width: 20px; 
height: 20px; 
border-radius: 30px; 
position: absolute;
transition: background-color .2s ease-in-out;
border: 2px solid #fff;
}

.marker-1 {top: 73.4%; left: 71%; background-color: #884089; }
.marker-2 {top: 63.7%; left: 43.7%; background-color: #19c1e8; }
.marker-3 {top: 94%; left: 43%; background-color: #0e8846; }
.marker-4 {top: 40.8%; left: 57%; background-color: #ff7d00; }
.marker-5 {top: 66%; left: 59%;  background-color: #ee2f71; }
.marker-6 {top: 47%; left: 29%; background-color: #41bd97; }
.marker-7 {top: 72.1%; left: 75.4%; background-color: #1f71b9; }
.marker-8 {top: 72%; left: 53%; background-color: #ffbe28; }
.marker-9 {top: 89%; left: 65%; background-color: #1bad5c; }

.map-link {
width: 100%; 
height: 100%; 
cursor: pointer; 
display: block; 
transition: all 0.1s ease-in-out;
white-space: nowrap;
line-height: 1em;
}

.map-link span {
color: #9f1500;
font-size: 10px;
font-weight: 300;
background-color: white;
margin-left: 25px;
padding: 3px 6px 3px 6px;
border-radius: 2px;
display: none;
position:relative;
}

.map-link span:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 5px;
margin-top: -5px;
left: -9px;
}

.map-note {
position: absolute;
margin-top: 30px;
text-align: center;
color: #9f1500 !important;
width: 100%;
font-size: 14px;}

.map-link:hover span {display: inline !important;}

.map-link:hover { transform: scale(1.1) !important; }

.dot1 {transition: all .2s ease-in-out;}

.dot1:hover {transform: scale(1.4); }

.marker-1:hover, .marker-2:hover, .marker-3:hover, .marker-4:hover, .marker-5:hover, .marker-6:hover, .marker-7:hover, .marker-8:hover, .marker-9:hover { transform: scale(1.3) !important; }

/*------------------------------------*\
    CASE STUDIES - General
\*------------------------------------*/

.feat-img {
min-height: 520px;
background-position: center 0%;
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (max-width: 992px) {
.feat-img { min-height: 460px; }
}

@media only screen and (max-width: 768px) {
.feat-img { min-height: 380px; }
}

.feat-img .container {
position: absolute;
bottom: 0;
margin: auto;
left: 0;
right: 0;
}

.feat-img h1 {
padding-bottom: 10px;
border-bottom: 2px solid #fff;
}

.feat-img h1 span {
margin-right: .5em;
}

.case-study-content {
padding-top: 2em;
}

@media only screen and (max-width: 992px) {
.case-study-content { padding-top: .5em; }
}

.case-study-details p.additional-info span {
font-weight: bold;
}

.case-study-main {
border-left: 1px solid white;
border-right: 1px solid white;
}

@media only screen and (max-width: 992px) {
.case-study-main { border-left: 0; border-right: 0; margin-top: 1em; }
.case-study-stats { margin-top: 1em; margin-bottom: 2em; }
}

.case-study-main h2 {
margin-top: .25em;
}

.case-study-main a.cta {
color: #fff!important
}


.case-study-stats .statistic p {
margin-bottom: 1em;
margin-top: 0.35em;
}

.case-study-quote {
  background-image: url('img/rough_diagonal.png');
  border-radius: 4px;
  margin-bottom: 2em;
  clear: both;
  display: block;
  font-style: italic;
  line-height: 2.4rem;
  padding: 25px 20px 20px 20px;
  word-wrap: break-word;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  -o-hyphens: manual;
  hyphens: manual;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: visible;
  word-break: break-word;
}

.case-study-quote:before {
  content: "\201C";
  display: block;
  font-family: Arial;
  font-size: 12rem;
  font-style: normal;
  font-weight: bold;
  left: 0;
  margin: 0;
  position: static;
}

@media only screen and (max-width: 580px) {
.case-study-quote { width: 100%; margin: 20px 0!important; }
}

.statistic p {
margin-bottom: 1em;
}

/*------------------------------------*\
    OUTCOME AREAS - Individual
\*------------------------------------*/

/* culture */

section.culture {
background-color: #a0196d;
}

.culture-bg {
background-image: url('img/culture-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.culture h2, .culture h3, .culture .outcome-area h3, .culture .investment .stat, .culture .case-study-stats .statistic:nth-child(even) span.stat, .culture .case-study-quote:before, .culture p.additional-info span {
color: #2d1c55;
}

.culture a, .culture .highlight, .culture .impact .stat, .culture .case-study-stats .statistic:nth-child(odd) span.stat, .culture h5.bubble, .culture .chart-container .pr-chart-ctrl .pr-chart i, .culture.feat-img h1 span {
color: #fe5eb1;
} 

.culture a:hover {
color: #fe5eb1;
}

.culture a.cta:hover, .culture a.case-study-link:hover h4 {
background: #4d328a;
}

.culture a.case-study-link h4, .culture h5.bubble, .culture a.cta {
background: #2d1c55;
}

.culture h5.bubble:after {
border-color: #2d1c55 transparent;
}

.culture .additional-social-icons a {
color: #2d1c55;
}

.culture .additional-social-icons a:hover {
color: #4d328a;
}

/* community */

section.community {
background-color: #19c1e8;
}

.community-bg {
background-image: url('img/community-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.community h2, .community h3, .community .outcome-area h3, .community .investment .stat, .community .case-study-stats .statistic:nth-child(even) span.stat, .community .case-study-quote:before, .community p.additional-info span {
color: #194987;
}

.community a, .community .highlight, .community .impact .stat, .community .case-study-stats .statistic:nth-child(odd) span.stat, .community h5.bubble, .community .chart-container .pr-chart-ctrl .pr-chart i, .community.feat-img h1 span {
color: #4dfff8;
} 

.community a:hover {
color: #194987;
}

.community a.case-study-link h4, .community h5.bubble, .community a.cta {
background: #194987;
}

.community a.cta:hover, .community a.case-study-link:hover h4 {
background: #2b66b3;
}

.community h5.bubble:after {
border-color: #194987 transparent;
}

.community .additional-social-icons a {
color: #194987;
}

.community .additional-social-icons a:hover {
color: #2b66b3;
}

/* environment */

section.environment {
background-color: #0e8846;
}

.environment-bg {
background-image: url('img/environment-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.environment h2, .environment h3, .environment .outcome-area h3, .environment .investment .stat, .environment .case-study-stats .statistic:nth-child(even) span.stat, .environment .case-study-quote:before, .environment p.additional-info span {
color: #023627;
}

.environment a.case-study-link h4, .environment h5.bubble, .environment a.cta {
background: #023627;
}

.environment h5.bubble:after {
border-color: #023627 transparent;
}

.environment a, .environment .highlight, .environment .impact .stat, .environment .case-study-stats .statistic:nth-child(odd) span.stat, .environment h5.bubble, .environment .chart-container .pr-chart-ctrl .pr-chart i, .environment.feat-img h1 span {
color: #40cf58;
} 

.environment a:hover {
color: #55f46f;
}

.environment a.cta:hover, .environment a.case-study-link:hover h4 {
background: #0d674d;
}

.environment .additional-social-icons a {
color: #023627;
}

.environment .additional-social-icons a:hover {
color: #0d674d;
}

/* employment */

section.employment {
background-color: #ff7d00;
}

.employment-bg {
background-image: url('img/employment-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.employment h2, .employment h3, .employment .outcome-area h3, .employment .investment .stat, .employment .case-study-stats .statistic:nth-child(odd) span.stat, .employment .case-study-quote:before, .employment p.additional-info span {
color: #9f1500;
}

.employment a, .employment .highlight, .employment .impact .stat, .employment .case-study-stats .statistic:nth-child(even) span.stat, .employment h5.bubble, .employment .chart-container .pr-chart-ctrl .pr-chart i, .employment.feat-img h1 span {
color: #ffce0c;
} 

.employment a:hover {
color: #ffce0c;
}

.employment a.cta:hover, .employment a.case-study-link:hover h4 {
background: #d63820;
}

.employment a.case-study-link h4, .employment h5.bubble, .employment a.cta {
background: #9f1500;
}

.employment h5.bubble:after {
border-color: #9f1500 transparent;
}

.employment .additional-social-icons a {
color: #9f1500;
}

.employment .additional-social-icons a:hover {
color: #d63820;
}

/* relationships */

section.relationships {
background-color: #ee2f71;
}

.relationships-bg {
background-image: url('img/relationships-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.relationships .outcome-area h3, .relationships a, .relationships .investment .stat, .relationships .case-study-stats .statistic:nth-child(odd) span.stat, .relationships .case-study-quote:before, .relationships p.additional-info span {
color: #971c6e;
}

.relationships a.case-study-link h4, .relationships h5.bubble, .relationships a.cta {
background: #971c6e;
}

.relationships h5.bubble:after {
border-color: #971c6e transparent;
}

.relationships h2, .relationships h3, .relationships .highlight, .relationships .impact .stat, .relationships .case-study-stats .statistic:nth-child(even) span.stat, .relationships h5.bubble, .relationships .chart-container .pr-chart-ctrl .pr-chart i, .relationships.feat-img h1 span {
color: #f49dc3;
} 

.relationships a:hover {
color: #bb2389;
}

.relationships a.cta:hover, .relationships a.case-study-link:hover h4 {
background: #bb2d8c;
}

.relationships .additional-social-icons a {
color: #971c6e;
}

.relationships .additional-social-icons a:hover {
color: #bb2d8c;
}

/* housing */

section.housing {
background-color: #41bd97;
}

.housing-bg {
background-image: url('img/housing-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.housing h2, .housing h3, .housing .outcome-area h3, .housing .investment .stat, .housing .case-study-stats .statistic:nth-child(even) span.stat, .housing .case-study-quote:before, .housing p.additional-info span {
color: #326e65;
}

.housing a.case-study-link h4, .housing h5.bubble, .housing a.cta {
background: #326e65;
}

.housing h5.bubble:after {
border-color: #326e65 transparent;
}

.housing a, .housing .highlight, .housing .impact .stat, .housing .case-study-stats .statistic:nth-child(odd) span.stat, .housing h5.bubble, .housing .chart-container .pr-chart-ctrl .pr-chart i, .housing.feat-img h1 span {
color: #32ffc8;
} 

.housing a:hover {
color: #44ff79;
}

.housing a.cta:hover, .housing a.case-study-link:hover h4 {
background: #4ea296;
}

.housing .additional-social-icons a {
color: #326e65;
}

.housing .additional-social-icons a:hover {
color: #4ea296;
}

/* income */

section.income {
background-color: #1f71b9;
}

.income-bg {}

.income h2, .income h3, .income .outcome-area h3, .income .investment .stat, .income .case-study-stats .statistic:nth-child(even) span.stat, .income .case-study-quote:before, .income p.additional-info span {
color: #142e52;
}

.income a.case-study-link h4, .income h5.bubble, .income a.cta  {
background: #142e52;
}

.income h5.bubble:after {
border-color: #142e52 transparent;
}

.income a, .income .highlight, .income .impact .stat, .income .case-study-stats .statistic:nth-child(odd) span.stat, .income h5.bubble, .income .chart-container .pr-chart-ctrl .pr-chart i, .income.feat-img h1 span {
color: #7ad1eb;
} 

.income a:hover {
color: #44ff79;
}

.income a.cta:hover, .income a.case-study-link:hover h4 {
background: #285088;
}

.income .additional-social-icons a {
color: #142e52;
}

.income .additional-social-icons a:hover {
color: #285088;
}

/* wellbeing */

section.wellbeing {
background-color: #ffbe28;
}

.wellbeing-bg {
background-image: url('img/wellbeing-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.wellbeing h2, .wellbeing h3, .wellbeing .outcome-area h3, .wellbeing .investment .stat, .wellbeing .case-study-stats .statistic:nth-child(even) span.stat, .wellbeing .case-study-quote:before, .wellbeing p.additional-info span {
color: #ff5600;
}

.wellbeing h5.bubble:after {
border-color: #ff5600 transparent;
}

.wellbeing a, .wellbeing .highlight, .wellbeing .impact .stat, .wellbeing .case-study-stats .statistic:nth-child(odd) span.stat, .wellbeing h5.bubble, .wellbeing .chart-container .pr-chart-ctrl .pr-chart i, .wellbeing.feat-img h1 span {
color: #ffff00;
} 

.wellbeing a:hover {
color: #ffff91;
}

.wellbeing a.case-study-link h4, .wellbeing h5.bubble, .wellbeing a.cta {
background: #ff5600;
}

.wellbeing a.cta:hover, .wellbeing a.case-study-link:hover h4 {
background: #ff7630;
}

.wellbeing .additional-social-icons a {
color: #ff5600;
}

.wellbeing .additional-social-icons a:hover {
color: #ff7630;
}

/* health */

#section8 {
padding: 10em 0 8em;
min-height: 654px;
padding-bottom: 12em;
}

section.health {
background-color: #1bad5c;
}

.health-bg {
background-image: url('img/health-angle.png');
background-size: 100% 120px;
background-position: center 100%;
background-repeat: no-repeat;
}

.health h2, .health h3, .health .outcome-area h3, .health .investment .stat, .health .case-study-stats .statistic:nth-child(even) span.stat, .health .case-study-quote:before, .health p.additional-info span {
color: #00503e;
}

.health a.case-study-link h4, .health h5.bubble, .health a.cta {
background: #00503e;
}

.health h5.bubble:after {
border-color: #00503e transparent;
}

.health a, .health .highlight, .health .impact .stat, .health .case-study-stats .statistic:nth-child(odd) span.stat, .health h5.bubble, .health .chart-container .pr-chart-ctrl .pr-chart i, .health.feat-img h1 span {
color: #1bff5c;
} 

.health a:hover {
color: #44ff79;
}

.health a.cta:hover, .health a.case-study-link:hover h4 {
background: #088266;
}

.health .additional-social-icons a {
color: #00503e;
}

.health .additional-social-icons a:hover {
color: #088266;
}

/* footer */
.footer {
background: #383838;
font:300 13px/1.5 'proxima-nova-n4', 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#aaa;
padding:20px 0;
}

.footer h5 {
color:#fff;
border-bottom:1px solid #00a6d6;
padding-bottom:5px;
}

.footer p span {
font-weight:bold;
color:#fff;
}

.footer a {
color:#ccc;
}

.footer a:hover {
color:#fff;
}

.copyright {
float: left;
}

.design-credit {
float:right;
text-align: right;
}

@media only screen and (max-width: 768px) {
.copyright, .design-credit { float: none; text-align:center; }
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* General Social Impact */


#page-intro {
padding: 12.5em 0 6em;
}

#page-intro h1 {
    font-size: 6em;
    margin: 0;
    font-weight: 900;
    line-height: 1.15em;
}

@media only screen and (max-width: 768px) {
#page-intro { padding: 10.5em 0 6em; }
#page-intro h1 { font-size: 3em; }
}

@media only screen and (max-width: 414px) {
#page-intro { padding: 8em 0 6em; }
}

.header-triangle {
padding: 15px;
width: 100%;
margin: 0 auto;
position: absolute;
left: 0;
bottom: 0;
z-index:20;
}

.header-triangle:before {
position: absolute;
content: " ";
display: block;
left: 0;
top: 0;
border-right: 30px solid transparent;
width: 50% !important;
height: 0;
}

.header-triangle:after {
position: absolute;
content: " ";
display: block;
right: 0;
top: 0;
border-left: 30px solid transparent;
width: 50% !important;
height: 0;
}

.white-triangle:before {
border-bottom: 30px solid white;
}
.white-triangle:after {
border-bottom: 30px solid white;
}

.maroon-triangle:before {
border-bottom: 30px solid #9f1500;
}
.maroon-triangle:after {
border-bottom: 30px solid #9f1500;
}

.standfirst p {
font-weight: 700;
font-size: 1.4em;
}

.impact-stat-section {
padding: 4em 0;
}

.impact-stat-section h2 {
margin-top: 0;
}

.financial-section {
background: #fff;
color: #666;
padding: 6em 0;
}

section.red-bg {
background: #e84613;
color: #fff;
}

section.red-bg h1 {
color: #9f1500;
}

section.red-bg h2 {
color: #9f1500;
border-bottom: 3px solid;
padding-bottom: .35em;
}

section.blue-bg {
background: #219ed8;
color: #fff;
}

section.blue-bg h1 {
color: #194987;
}

section.maroon-bg {
background: #9f1500;
color: #fff;
}

section.maroon-bg h2 {
color: #ff7d00;
border-bottom: 3px solid;
padding-bottom: .35em;
}

.impact-stat-section h2 span {
font-size:.65em;
}

.impact-stat-row {
padding: 1.25em 0;
}

hr.impact-stat-row-divider {
border-style: solid;
border-width: 2px;
border-top: 0;
margin: 2em 0;
}

.we-buy-social-1 {
float: left;
width: 140px; 
margin-right: 30px; 
}

.we-buy-social-2 {  }





hr.mob-impact-stat-row-divider {
display: none;
border-style: solid;
border-width: 2px;
border-top: 0;
margin: 2em 15px;
border-color: #9f1500;
}

@media only screen and (max-width: 992px) {
hr.mob-impact-stat-row-divider { display: block; }
}

section.red-bg hr.impact-stat-row-divider {
border-color: #9f1500;
}

section.maroon-bg hr.impact-stat-row-divider {
border-color: #e84613;
}

section.red-bg .stat {
color: #ffce0c;
}

section.maroon-bg .stat {
color: #ff7d00;
}

.impact-stat-row .stat-descriptor {
border-bottom: 0;
padding-bottom: 0;
}

.impact-stat-row img {
margin: 15px 0; 
}

.impact-stat-section a {
color: #ffce0c;
}

.impact-stat-section h5.bubble {
margin: 1.25em 0 1em;
color: #e84613;
background: white;
font-size: 1.5em;
}

.impact-stat-section h5.bubble:first-child {
margin-top: 0;
}

.impact-stat-section h5.bubble:after {
border-color: #fff transparent;
}

.impact-stat-section a:hover {
text-decoration: underline;
}

#economic {
background: #E2D0E2;
}

#economic  h2, #economic h5.bubble {
background: #884089;
}

#economic h5.bubble:after {
border-color: #884089 transparent;
}

#economic  a {
color: #884089;
}

#customer {
background: #E5F0C7;
}

#customer  h2, #customer h5.bubble {
background: #1bff5c;
}

#customer h5.bubble:after {
border-color: #1bff5c transparent;
}

#customer  .stat {
color: #41A535;
}

hr {
border-bottom: 2px dotted #888;
border-style: dotted;
border-width: 2px;
border-top: 0;
margin: 1em 0;
}

.extra-large-descriptor {
font-weight: bold;
line-height: 110%;
font-size: 2.5em;
margin: .25em 0;
}

.large-descriptor {
font-weight: bold;
line-height: 120%;
font-size: 1.35em;
}

.extra-large {
font-size:7.25em;
}

@media only screen and (max-width: 768px) {
.extra-large-descriptor { font-size: 2em; }
.extra-large, .large-descriptor, .med { margin-top: 0em!important;  }
}

#general-social-extras {
display: table;
}

#general-social-extras h3 {
color: #ffce0c;
padding-bottom: .33em;
border-bottom: 1px solid #9f1500;
}

#general-social-extras .col-md-4 {
display: table-cell;
border-right: 1px solid #9f1500;
float: none;
padding: 0 30px;
}

#general-social-extras .col-md-4:last-child {
border-right: 1px solid transparent;
}

@media only screen and (max-width: 992px) {
#general-social-extras .col-md-4 { display: block; float: left; padding: 0 15px; border: 0; }	
}

.med-quote {
margin: 1.75em 0;
clear: both;
display: block;
font-style: italic;
padding: 25px 20px 20px 20px;
word-wrap: break-word;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
overflow-wrap: break-word;
word-wrap: break-word;
overflow: visible;
word-break: break-word;
color: #ffce0c;
}

.med-quote:before {
content: "\201C";
display: block;
font-family: Arial;
font-size: 10rem;
font-style: normal;
font-weight: bold;
left: 0;
margin: 0;
position: static;
color: #ff7d00;
}

.small-quote {
margin: 1.25em 0;
clear: both;
display: block;
font-style: italic;
line-height: 2.4rem;
padding: 25px 20px 20px 20px;
word-wrap: break-word;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
overflow-wrap: break-word;
word-wrap: break-word;
overflow: visible;
word-break: break-word;
color: #ffce0c;
}

.small-quote:before {
content: "\201C";
display: block;
font-family: Arial;
font-size: 8rem;
font-style: normal;
font-weight: bold;
left: 0;
margin: 0;
position: static;
color: #9f1500;
}

/* Financial Figures */

.financial-fund h3 {
font-size:1.5em;
color: #e84427;
}

.tablepress tbody td.column-1 {
font-weight:bold;
}

.tablepress tbody td.column-7 {
color: #e84427;
font-weight:bold;
}

h2.tablepress-table-name {
font-size:1.65em;
padding-bottom:5px;
border-bottom: 1px solid #e84427;
margin: 1em 0;
}

.mobileTable {
display: none;
}

@media only screen and (max-width: 740px) {
.mobileTable {display: block;}

#post-142 #tablepress-1, #post-142 #tablepress-2 {
display: none;}
}

/*------------------------------------*\
    Contact Form
\*------------------------------------*/


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/

p {
margin: .85em 0 .5em;
}

h1, h2, h3, h4, h5, h6 {
margin: .85em 0 .5em;
font-family: 'lato-n7', 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.3em;
}

h1 {
font-size: 2.5em; 
}

h1.site-description {
font-size: 3.66em;
margin: 0;
font-weight: 900;
line-height: 1.15em;
}

@media only screen and (max-width: 768px) {
h1.site-description { font-size: 2.66em;  }
}

@media only screen and (max-width: 414px) {
h1.site-description { font-size: 2em;  }
}

@media only screen and (max-width: 768px) {
h1 { font-size: 2em; }
}

@media only screen and (max-width: 414px) {
h1 { font-size: 1.8em; }
}

h2 {
font-size: 2.15em; 
}

@media only screen and (max-width: 992px) {
h2 { font-size: 1.85em;  }
}

@media only screen and (max-width: 768px) {
h2 { font-size: 1.66em;  }
}

@media only screen and (max-width: 414px) {
h2 { font-size: 1.45em;  }
}

h3 {
font-size: 1.75em;
}

@media only screen and (max-width: 992px) {
h3 { font-size: 1.5em;  }
}

@media only screen and (max-width: 768px) {
h3 { font-size: 1.33em;  }
}

@media only screen and (max-width: 414px) {
h3 { font-size: 1.15em;  }
}

h4 { 
font-size: 1.1em;
}

h5 { 
font-size: 1.25em;
font-weight:bold;
}

p.intro  {
font-size: 1.15em;
font-weight: normal;
}

.credit {
font-weight:bold;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
/* .ie9 img[src*=".svg"] {
  width: 100%!important; 
}
/* 2 */
/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
} */

::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
margin:10px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:10px auto 10px auto;
}
.alignright {
float:right;
margin:10px 0 20px 20px;
}
.alignleft {
float:left;
margin:10px 20px 20px 0;
}
a img.alignright {
float:right;
margin:10px 0 20px 20px;
}
a img.alignnone {
margin:10px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:10px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
* {
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) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
    Charts
\*------------------------------------*/

.chart-container {
padding: 0;
}

.chart-container .pr-chart-ctrl {
display:block; 
}
 
.chart-container .pr-chart-ctrl .pr-chart {
display:block;
position:relative; 
width:100%;  
text-align:center; 
}

@media only screen and (max-width:1200px) {
.chart-container .pr-chart-ctrl .pr-chart { display: inline-block; width:auto; } 
}


.chart-container .pr-chart-ctrl .pr-chart canvas {
display:block; 
margin:0 auto; 
padding:0; 
vertical-align:center;
}
.chart-container .pr-chart-ctrl .pr-chart i {
position:absolute; 
top:0; left:0; right: 0; bottom: 0;
margin: auto;
line-height:90px;
height: 90px;
width: 90px;
font-size:28px; 
font-style:normal; 
font-weight: 900;
font-family: 'lato-n9', 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.chart-container .pr-chart-ctrl p{
margin:0; 
padding:0; 
text-transform:uppercase; 
color:green;
}
    
@media screen and (max-width:500px) {
.chart-container .pr-chart-ctrl {
width:100%; 
margin-bottom:50px;
} 
}
@media screen and (min-width:501px) and (max-width:900px) {
.chart-container .pr-chart-ctrl {
width:50%; 
margin-bottom:50px;
} 
}