/* ==========================================================================
Theme Name: Build a Better Burb
Theme URI: buildabetterburb.com
Description: Official theme. Please do not change.
Version: 2.0
Author: Sumit Paul
Author URI: http://www.studiokudos.com
============================================================================= */

html, body {margin:0; padding:0; font-size:62.5%;}
body {width:100%; height:100%; color:#000; min-width:20em; background:#fafafa; -webkit-font-smoothing:antialiased; font-family:"ff-din-web-pro",times,sans-serif;}
h1, h2, h3, h4, h5, h6, img, form, fieldset, legend, dl, dt, dd, input, select, textarea, button, p, ul, ol, li {margin:0; padding:0; border:0;}
a:active {outline:none;}
ul, ol {list-style:none;}

img, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration:none;}
p {font-family:georgia,times,serif;}

.cl {clear:both; font-size:1px; line-height:1px; height:0;}
.fl_l {float:left;}
.fl_r {float:right;}
.no_m {margin:0;}
.over {overflow:hidden;}
.inline {display:inline;}


/* GLOBAL */
.cntr {max-width:940px; min-width:320px; margin:auto;}
.cntr_bar {position:relative; z-index:2; width:100%; height:6px; background-color: #000;}

.spacer {margin:0 0 10rem 0;}

.bg_cvr {background-size:cover;}

.col2 {width:50%;}
.col3 {width:33.333%;}
.col3_2 {width:66.667%;}
.col4 {width:25%;}

.grad {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}

.grad_home,
/*.grad_article {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0)), color-stop(85%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}*/

.grad_house {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(29,49,59,0.1) 65%, rgba(36,60,73,0.2) 80%, rgba(45,75,91,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(29,49,59,0.1)), color-stop(80%,rgba(36,60,73,0.2)), color-stop(100%,rgba(45,75,91,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(29,49,59,0.1) 65%,rgba(36,60,73,0.2) 80%,rgba(45,75,91,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(29,49,59,0.1) 65%,rgba(36,60,73,0.2) 80%,rgba(45,75,91,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(29,49,59,0.1) 65%,rgba(36,60,73,0.2) 80%,rgba(45,75,91,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(29,49,59,0.1) 65%,rgba(36,60,73,0.2) 80%,rgba(45,75,91,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#992d4b5b',GradientType=0 ); /* IE6-9 */
}

.grad_think {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(72,56,56,0.1) 65%, rgba(88,69,69,0.2) 80%, rgba(110,86,86,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(72,56,56,0.1)), color-stop(80%,rgba(88,69,69,0.2)), color-stop(100%,rgba(110,86,86,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(72,56,56,0.1) 65%,rgba(88,69,69,0.2) 80%,rgba(110,86,86,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(72,56,56,0.1) 65%,rgba(88,69,69,0.2) 80%,rgba(110,86,86,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(72,56,56,0.1) 65%,rgba(88,69,69,0.2) 80%,rgba(110,86,86,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(72,56,56,0.1) 65%,rgba(88,69,69,0.2) 80%,rgba(110,86,86,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#996e5656',GradientType=0 ); /* IE6-9 */
}

.grad_park {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(162,103,42,0.1) 65%, rgba(199,127,51,0.2) 80%, rgba(249,159,64,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(162,103,42,0.1)), color-stop(80%,rgba(199,127,51,0.2)), color-stop(100%,rgba(249,159,64,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(162,103,42,0.1) 65%,rgba(199,127,51,0.2) 80%,rgba(249,159,64,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(162,103,42,0.1) 65%,rgba(199,127,51,0.2) 80%,rgba(249,159,64,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(162,103,42,0.1) 65%,rgba(199,127,51,0.2) 80%,rgba(249,159,64,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(162,103,42,0.1) 65%,rgba(199,127,51,0.2) 80%,rgba(249,159,64,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99f99f40',GradientType=0 ); /* IE6-9 */
}

.grad_sense {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(161,131,0,0.1) 65%, rgba(198,161,0,0.2) 80%, rgba(248,201,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(161,131,0,0.1)), color-stop(80%,rgba(198,161,0,0.2)), color-stop(100%,rgba(248,201,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(161,131,0,0.1) 65%,rgba(198,161,0,0.2) 80%,rgba(248,201,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(161,131,0,0.1) 65%,rgba(198,161,0,0.2) 80%,rgba(248,201,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(161,131,0,0.1) 65%,rgba(198,161,0,0.2) 80%,rgba(248,201,0,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(161,131,0,0.1) 65%,rgba(198,161,0,0.2) 80%,rgba(248,201,0,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99f8c900',GradientType=0 ); /* IE6-9 */
}


.bg_black {background:#000; border-color:#000;}
.bg_lightbl {background:#000; border-color:#000;}
.bg_house {background:#385f74; border-color:#385f74;}
.bg_house2 {background:#2d4b5b}
.bg_think {background:#534141; border-color:#534141;}
.bg_think2 {background:#6e5656;}
.bg_park {background:#fa7000; border-color:#fa7000;}
.bg_park2 {background:#f99f40;}
.bg_sense {background:#ffe500; border-color:#ffe500;}
.bg_sense2 {background:#f8c900;}

/* NEW */
.bg_citizens {background:#2b98f0; border-color:#2b98f0;}
.bg_citizens2 {background:#fafafa}
.bg_devs {background:#65c380; border-color:#65c380;}
.bg_devs2 {background:#fafafa}
.bg_muni {background:#61c9e0; border-color:#61c9e0;}
.bg_muni2 {background:#fafafa}
.bg_finance {background:#e95482; border-color:#e95482;}
.bg_finance2 {background:#fafafa}
.bg_equitable {background:#f6cf54; border-color:#f6cf54;}
.bg_equitable2 {background:#fafafa}
.bg_tools {background:#aaaaaa; border-color:#aaaaaa;}
.bg_tools2 {background:#fafafa}
/* END NEW */

.li_house {list-style-image:url('images/li_house.png');}
.li_think {list-style-image:url('images/li_think.png');}
.li_park {list-style-image:url('images/li_park.png');}
.li_sense {list-style-image:url('images/li_sense.png');}

.li_citizen {list-style-image:url('images/li_citizen.png');}
.li_dev {list-style-image:url('images/li_dev.png');}
.li_muni {list-style-image:url('images/li_muni.png');}
.li_finance {list-style-image:url('images/li_finance.png');}
.li_equitable {list-style-image:url('images/li_equitable.png');}
.li_tools {list-style-image:url('images/li_tools.png');}

.h_280 {height:280px;}
.h_310 {height:310px;}

.pad {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 7px 15px 8px;}

.inner {position:relative; /* box-shadow:0px 1px 4px rgba(0,0,0,.5); */}
.inner img {width:100%;}
.innertxt {padding:1rem;}

/*
.inner a {display:block;}
.inner a:hover {opacity:0.5; background:#000; transition:opacity .25s ease-in-out; -moz-transition: opacity.25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
*/

.img_opac {opacity:1; /*transition:opacity .25s ease-in-out; -moz-transition: opacity.25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;*/}
.img_opac:hover {opacity:0.5; background:#000; /*transition:opacity .25s ease-in-out; -moz-transition: opacity.25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;*/}

/* HEADER */
#hdr {background:#29b6f6;}
#hdr .logo {float:left; margin:3rem auto 2em auto; width: 40%;}
#nav_drop {display:none;}

#social {float:right; text-align:right; margin-top:2rem;}
#social h5 { color:#000; font-size:1.1rem; line-height:2.5rem; font-weight:bold;}
#social .fb-like {width:47px!important; overflow:hidden; margin-left:1rem;}

/* METANAV */
#metanav {background: #000; font-size:1.2rem; font-weight:bold; line-height:28px; font-family:arial,helvetica,sans-serif;}
#metanav ul {overflow:hidden;}
#metanav li {float:left; margin-right:28px;}
#metanav li.fl_r {float:right; text-align:right; margin:0;}
#metanav a {color:#fff;}
#metanav a:hover {color:#dfdfdf;}


/* NAVIGATION */
#nav {font-size:1.2rem; font-weight:bold;}
#nav ul {text-align:right; overflow:hidden;}
#nav li {display:inline-block; transform:skew(-25deg); -ms-transform:skew(-25deg); -webkit-transform:skew(-25deg); position:relative; bottom:-5px; right:0px; height:35px; margin:0 -5px 0 0;}
#nav li a {transform:skew(25deg); -ms-transform:skew(25deg); -webkit-transform:skew(25deg); display:block; color:#000; outline:none; padding:1rem 2rem 0 1.5rem;}
#nav li.bg_sense a { color: #000; }
#nav li:hover {bottom:0; right:0;}
#nav li.bg_think {background:#534141; padding-right:20px; margin-right:-20px}
#nav li.bg_think a {color:#fff;}
#nav li.bg_think a:hover {color:#fff;}
#nav li.hidden {display:none;}


/* FOOTER */
#ftr .other-links { float: right; }
#ftr {width:100%; height:70px; position:static; z-index:10; bottom:0; left:0; padding-top: 1em; box-shadow:0 -5px 10px rgba(0,0,0,0); overflow:hidden;}
#ftr img {float:left; margin-right:1rem;}
#ftr span,
#ftr a {font-size:1.2rem; line-height:20px; color:#aaaaaa;}
#ftr a:hover {text-decoration:underline;}
#ftr a.kudos {color:#fff; font-weight:bold;}
#ftr a.share-box {line-height:0px; margin:0px 0px;}
#ftr .fa-inverse {line-height:2.2em; color:black;}
#ftr .fa-stack-2x {color:#fff;}

/* HOME */
.home .cntr,
.landing .cntr {max-width:955px; padding-bottom:10rem;}
.home h1 {font-size:2.3rem; line-height:2.3rem; font-weight:bold;}
.home h1.line {border-bottom:2px solid #000; text-transform:uppercase; margin:3rem 0.7rem 2.2rem 0; height:1.6rem;}
.home h1 span {background:#fafafa; color:#000; padding:0 1rem 0 8px;}
.home h2 {font-size:1.8rem; line-height:2rem; font-weight:bold; color:#fff;}

.home_house {display:block; height:325px; overflow:hidden; background-size: cover; background:url('images/housingthumb.jpg') center center;}
.home_think {display:block; height:325px; overflow:hidden; background-size: cover; background:url('images/thinkingthumb.jpg') center center;}
.home_park {display:block; height:325px; overflow:hidden; background-size: cover; background:url('images/parkingthumb.jpg') center center;}
.home_sense {display:block; height:325px; overflow:hidden; background-size: cover; background:url('images/sensethumb.jpg') center center;}

.home_citizens {display:block; height:310px; overflow:hidden; background-size: cover; background:url('images/citizensthumb.jpg') center center;}
.home_devs {display:block; height:310px; overflow:hidden; background-size: cover; background:url('images/devsthumb.jpg') center center;}
.home_muni {display:block; height:310px; overflow:hidden; background-size: cover; background:url('images/munithumb.jpg') center center;}
.home_finance {display:block; height:310px; overflow:hidden; background-size: cover; background:url('images/financethumb.jpg') center center;}
.home_equitable {display:block; height:310px; overflow:hidden; background-size: cover; background:url('images/equitablethumb.jpg') center center;}
.home_tools {display:block; height:310px; overflow:hidden; background-size: cover; background:url('images/toolsthumb.jpg') center center;}


.inner_lbl {border-top-width:5px; border-top-style:solid; position:absolute; z-index:3; top:0; left:0; width:100%; color:#000; font-size:1.8rem; line-height:1.8rem; font-weight:bold; background:none;}
.angles {float:left; padding:0.5rem 1.5rem .5rem 2.8rem; transform:skew(-25deg); -ms-transform:skew(-25deg); -webkit-transform:skew(-25deg); margin:0 2rem 0 -2rem;}
.angles span {transform:skew(25deg); -ms-transform:skew(25deg); -webkit-transform:skew(25deg); display:block;}
.angles.bg_park {font-size:1.1rem;}
.angles.bg_sense {color:#000;}

.inner_lbl.bg_black.editors-pick {
	border: 0;
	margin-top: 20px;
	font-size: 1.5rem;
	display: none;
}

.angles.bg_black.editors-pick {
	color: #000;
	background: #fff;
	padding: 0.8rem 1.5rem .5rem 2.8rem;
}

.home_house .caption,
.home_think .caption,
.home_park .caption,
.home_sense .caption,
.home_citizens .caption,
.home_devs .caption,
.home_muni .caption,
.home_finance .caption,
.home_equitable .caption,
.home_tools .caption {background:rgba(0,0,0,0.8); position:absolute; z-index:2; top:325px; left:0; height:100%; color:#fff; font-size:1.6rem; line-height:2.4rem; padding:6rem 2rem 0 1rem;}

.tagline {padding:2.2rem 2.2rem;}
.tagline  img {width:auto;}


/* LANDING PAGES */
.col3_2 .h_280 h2 {font-size:2.3rem; line-height:2.5rem; padding:1.5rem 1rem .5rem 1rem;}
.col3_2 .inner p {font-size:1.5rem; line-height:2.2rem;  padding:0 1rem 1.5rem 1rem;}

.landing .inner h1 {position:absolute; z-index:2; bottom:0rem; left:0.5rem; color:#fff; font-size:5rem; line-height:5rem; text-transform:uppercase; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.h_310 h2 {font-size:1.8rem; line-height:2rem; padding-bottom:4px;} 
.h_310 p {font-size:1.5rem; line-height:2rem; padding:0 1rem 1.5rem 1rem;}

.house .inner {background:#cfe2ec;}
.think .inner {background:#e8e0e0;}
.park .inner {background:#f6e2cd;}
.sense .inner {background:#fbf5c5;}

/* NEW */
.citizens .inner {background:#5facea;}
.devs .inner {background:#65c380;}
.muni .inner {background:#61c9e0;}
.finance .inner {background:#e95482;}
.equitable .inner {background:#f6cf54;}
.tools .inner {background:#d0d0d0;}
/* END NEW */

.inner.h_310 {overflow:hidden;}

.inner h3 {font-size:2.1rem; line-height:3rem; color:#000; text-transform:uppercase; padding:0.5rem 1rem 0 1rem;}
.sense .inner h3 {color:#000;}

.line {border-bottom:1px solid #fff;}


.inner h4 {font-size:2rem; line-height:2rem; padding:1.5rem 1.5rem 0 1.5rem;}
.inner h4 span {font-size:1.5rem; font-weight:normal; padding-left:0.5rem;}
.inner h4 a { color: inherit; }

.furtherread .inner p {padding:0 1.5rem 1.5rem 1.5rem;}
.furtherread .viewmore p {line-height:3.5rem; padding-bottom:0; cursor:pointer;}
.morearticles {display:none;}


.socialbar {margin:0 2.5rem 0 1rem;}
.socialbar img {width:auto;}
.fb_share {padding:0 0 .1rem 1rem; display:inline-block;}
.socialbar a {color:#000; font-size:1.4rem; line-height:1.9rem;}
.socialbar a:hover {text-decoration:underline;}
.socialbar a img.inline {padding-left:0.7rem;}

.inner .pdf {width:auto; margin:3.7rem 2.7rem 3.7rem 1.7rem; float:left;}
.downloadnow {float:left; text-align:center; margin-top:8.5rem;}
.downloadnow a {font-size:1.3rem; line-height:1.8rem; font-weight:bold; color:#000;}
.downloadnow a:hover {text-decoration:underline;}
.downloadnow img {width:auto; display:inline-block; margin-top:1rem;}


/* ARTICLES */
.article .cntr {background:#fff;}

.main {float:left; width:720px;}
.copy {padding:3rem 0 2.8rem 0;}
.wrapper {width:auto;}

.copy a {color:#00a3d9;}
.copy a:hover {text-decoration:underline;}

.article h1 {font-size:3.2rem; line-height:3.4rem; padding:3rem 3rem 0 .9rem;}
.article h1 span {font-size:2.4rem; line-height:3.4rem; font-weight:normal; padding-left:0; display:block; }
.article h2 {font-size:2.2rem; line-height:2.6rem; padding:1rem;}
.article h3 {font-size:1.8rem; line-height:2.6rem; padding:1rem;}

.more-ideas h3 {color: #F47024; font-size:1.8rem; line-height:2.6rem; padding:2rem 0.75rem;}

.article.page-further-reading h2 {
	margin-bottom: 1.5rem;
	margin-top: 50px;
}
.article.page-further-reading h2:first-child {
	margin-bottom: 1.5rem;
	margin-top: 0;
}

.article p {font-size:1.8rem; line-height:2.8rem; margin:0 4rem 2rem 1rem; font-family:georgia,times,serif;}

.article .inline-image {
	margin:0 4rem 1.5rem 1rem;
}

.article .inline-image img, .article p img {
	max-width: 100%;
	height: auto;
	border: 1px solid #eee;
}

.article p.caption {
	font-size: 1.3rem;
	line-height: 1.45;
	color: #666;
}

.article p.byline {font-size:1.8rem; font-style:italic; margin:0 0 1rem 1rem;}
.article p.byline a {color: #29b6f6;}

.article .copy p:first-child:first-letter {float:left; font-size:6.5rem; line-height:4.5rem; font-weight:bold; margin-right:5px;}
.article .copy p.nodropcap:first-child:first-letter {float:none; font-size:inherit; line-height:inherit; font-weight:inherit; margin-right:auto;}

.article .copy.nocaps p:first-child:first-letter { float:none; font-size:inherit; line-height:inherit; font-weight:inherit; margin-right:auto; }

.article .copy ul {list-style:disc; font-size:1.6rem; line-height:2.4rem; margin:0 4rem 2rem 1rem; font-family:georgia,times,serif;}
.article .copy li {margin-left:4rem;}
.article .copy ul ul { margin: 0 0 0 1.25rem; }

.pullquote {font-size:1.9rem; line-height:2.4rem; background:#29b6f6; margin:3rem 2rem 0 1.5rem; padding:1.5rem 1rem 1.5rem 2rem;}
.pullquote blockquote {margin:0;}
.pullquote blockquote:before {content:open-quote; position:relative; margin-left:-0.7rem;}
.pullquote blockquote:after {content:close-quote;}

.article #pp {margin-left:1rem;}

.article_nav {width:720px; background:#333; float:right; padding:1.7rem 0;}
.article_nav a {font-size:1.6rem; line-height:1.6rem; font-weight:bold; color:#fff;}
.article_nav a:hover {text-decoration:none;}
.article_nav span {font-size:1.6rem; line-height:1.6rem;}
.article_nav .col3 {float:left; text-align:center;}
.article_nav .col3:first-child {text-align:left;}
.article_nav .col3:last-child {text-align:right;}
.article_nav .col3:first-child span {padding-left:1rem;}
.article_nav .col3:last-child span {padding-right:1rem;}

.top.article_nav {width:110px; background:none; padding:3.7rem 2rem 0 0; overflow:hidden;}
.top.article_nav a {font-size:1.2rem; line-height:1.2rem; color:#333;}
.top.article_nav .col2.fl_r {text-align:right;}

.top.article_nav a img { width: 100%; height: auto; }


.side {float:left; width:220px;}
.side h4 {margin:0 0 1rem 0; font-size:1.6rem; line-height:1.6rem; font-weight:bold;}
.share {margin:0 2rem 3.5rem 2rem;}
.share h4 {margin-bottom:0.5rem;}

.share-box {
    margin: 10px 0 0 0;
    padding: 0;
}

.share-box li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.share-box li.title {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.share-box a.fb {
	color: #3b5998;
}

.share-box a.tw {
    color: #55acee;
}

.share-box a.pinterest {
    color: #cc2127;
}

.relatedtags {margin:0 2rem; font-size:1.4rem; line-height:1.6rem; font-weight:bold;}

.relatedtags li {margin:0 0 1rem 0;}
.relatedtags .tag_drop {display:block;}
.sections {margin:0 0 2rem 2.5rem;}
.sections li a {position:relative; left:-0.3rem; color:#000;}
.tags {font-size:1.4rem; list-style-image:url('images/li_tags.png'); margin:0 0 0 2rem; text-transform:capitalize;}
.tags li a {position:relative; left:0.3rem; color:#000;}
.tags.sub {margin-top:1rem;}
.tags.sub a {font-size:1.05rem; line-height:1.2;}
.carat {display:none;}


/* SEARCH */
.search .cntr {background:#fff; padding-bottom:10rem;}
.search .side {padding:3rem 0 0 0;}
.search .copy {padding:3rem 0 5rem 0;}
.search .pad {padding:0 1.5rem 1.5rem 0;}
.search .col3 img {width:auto; height: 160px; display: inline-block;}

@media screen and (max-width:768px) {
  .search .col3 img {width:auto; height: 240px; display: inline-block;}
}
@media screen and (max-width:620px) {
  .search .col3 img {width:100%; height: auto; display: block;}
}

.search .result {position:relative; overflow:hidden; cursor:pointer; display: block; text-align: center; background-color: #000000;}

.search .result.ed_pick {  }

.search .caption {background:rgba(0,0,0,0.8); position:absolute; z-index:2; bottom:-362px; left:0; width:100%; height:400px; color:#fff; text-align: left; }
.search .caption img { display: inline }
.search .caption h5 {font-size:1.2rem; line-height:1.5rem; padding:1rem 1rem 0 1rem; font-family:"ff-din-web-pro",times,sans-serif;}
.search .caption p {font-size:1.1rem; line-height:1.5rem; padding:1rem;}
.search .keywords {display:none;}

.search .searchterms {margin:0 2rem; font-size:1.4rem; line-height:1.6rem; font-weight:bold;}
.search .searchterms input {border:2px solid #000; height:30px; padding:0 3px; margin-bottom:2.6rem;}

.search .sections {margin-left:-1rem;}
.search .relatedtags .tags {margin-left:-1rem;}
.search .relatedtags li {list-style-position:inside; padding:.3rem .5rem .3rem 2.7rem; margin:0 0 .4rem 0; text-indent:-1.7rem; cursor:pointer;}
.search .relatedtags li.selected {color:#fff; background:#000;}


/* PROMO PLAYER */
#promoplayer {overflow:hidden; margin:0 .7rem 2rem .8rem;}
#promoplayer img {display:block;}
#pp_main {position:relative; cursor:pointer;}
#pp_img {width:100%; height:470px; position:relative; overflow:hidden;}

body.page-template-parking-plus-php #pp_img,
body.page-template-affordable-housing-php #pp_img,
body.page-template-transit-oriented-development #pp_img,
.tag-parkingplus-challenge #pp_img {
	height: 399px;
}


#pp_img a:first-child img,
#pp_img div:first-child img {left:0;}
#pp_img img {position:absolute; top:0; left:100%; width:100%;}
#pp_img .pp_capt {display:none;}

#pp_nav {color:#fff; overflow:hidden; font-size:1.6rem; line-height:2rem; font-weight:bold; position:absolute; z-index:3; bottom:1rem; left:3rem; margin-right:2rem; }
#pp_prev {float:left; margin-right:1rem; cursor:pointer;}
#pp_next {float:left; margin-left:1rem; cursor:pointer; margin-right:2rem;}
#pp_idx {float:left;}
#pp_caption {float:left; font-weight:normal;}

/* ARTICLE PROMO PLAYER */
.article #promoplayer, #trigger-lightbox {margin:0 0 1rem 1rem;}
.article #pp_main {cursor:default; background: #fafafa;}
.article #pp_nav {background:#000; position:static; bottom:auto; left:auto; padding:2rem 2rem 1rem 2rem; margin:0; width:auto;}
.article #pp_caption {width:82%;}
.article #pp_caption p {font-size: 1.4rem !important; line-height: 1.4; font-family:"ff-din-web-pro",times,sans-serif; margin-bottom:1rem;}
.article #pp_caption a {color:#dfdfdf;}
.article #pp_caption a:hover {text-decoration:underline;}




@media screen and (max-width:955px) {

	#metanav {padding:0 .7rem 0 .8rem;}
	#hdr .logo {margin-left:.8rem;}
	#social {margin-right:.7rem;}
	#nav {margin-right:.8rem;}

	.top.article_nav {display:none;}
	.side {width:740px;}
	.pullquote {float:left; margin:2rem 0 0 1rem;}

	/*ARTICLE*/
	.wrapper {width:740px; margin:auto;}
	.share {margin:1rem 0 2rem 1rem; float:left;}
	.relatedtags {float:left; margin-top:1rem; position:relative; cursor:pointer;}
	.relatedtags h4:hover {color:#dfdfdf;}
	.relatedtags h4 {text-align:right;}
	.relatedtags .sections {margin:1rem 0 0 0; padding:.2rem 0 .5rem 0; border-bottom:1px solid #999;}
	.relatedtags .tags {margin:1.5rem 0 0 0; padding:0 1rem .5rem 0;}
	.relatedtags .tags li {margin-left:3rem;}
	.relatedtags .tag_drop {display:none; width:200px; position:absolute; top:2rem; left:0; z-index:4; background:#d9f3ff;}
	.relatedtags li {margin:0 0 1rem 3.5rem;}

	.carat {display:inline-block;}

	.search .pad {padding:0 0 1.5rem 1.5rem;}
	.search .relatedtags .tag_drop {width:250px;}
	.search .relatedtags .tags {margin:1rem 0 0 0; padding:0 0 1rem 0;}
	.search .relatedtags .tags li {margin-left:0; padding-left:28px;}
}

@media screen and (max-width:768px) {
	.col2,
	.col3_2 {width:100%;}
	.col3 {width:50%;}
	.col4 {width:50%;}

	.h_310 h2 {font-size:1.6rem;}
	.h_310 p {font-size:1.2rem; line-height:1.8rem;}
	
	.landing .inner h1 {font-size:3rem; line-height:3rem;}

	/*PROMO PLAYER*/
	#pp_img {height:310px;}

	body.page-template-parking-plus-php #pp_img,
	body.page-template-affordable-housing-php #pp_img,
	body.page-template-transit-oriented-development #pp_img,
	.tag-parkingplus-challenge #pp_img {
		height: 399px;
	}

	/*ARTICLE*/
	.article_nav {width:100%;}
	.article_nav .col3 {width:33.333%;}
	.tagline {padding:2.2rem 10rem 2.2rem 2.5rem;}
	.tagline  img {width:100%;}
	.top.article_nav .col2 {width:50%;}

	.article h1 {padding:3rem 1rem 0 1rem;}

	/*FOOTER*/
	#ftr {
		position: static;
		height: auto;
	}

	#ftr .cntr {
		padding: 10px;
	}

	#ftr img {
		float: none;
	}

	#ftr .spnsr {
		display: block;
		margin: 8px 0 4px 0;
		line-height: 1.2;
	}

	#ftr .other-links { float: none; }
}

@media screen and (max-width:720px) {
	/*PROMO PLAYER*/
	#pp_img {height:291px;}

	body.page-template-parking-plus-php #pp_img,
	body.page-template-affordable-housing-php #pp_img,
	body.page-template-transit-oriented-development #pp_img,
	.tag-parkingplus-challenge #pp_img {
		height: 259px;
	}

	#pp_caption {max-width:90%;}

	/*ARTICLE*/
	.wrapper {width:100%;}
	.side {width:100%;}
	.main {width:100%;}
	.relatedtags {margin-right:1rem;}
	.article #promoplayer, #trigger-lightbox {margin:0 1rem 1rem 1rem;}
	.article #pp_caption {width:80%;}
	.pullquote {margin-left:1rem; margin-right:1rem;}
}

@media screen and (max-width:690px) {
	/*HEADER - nav hidden and becomes dropdown*/
	#metanav {display:none;}
	#hdr .logo {width:430px; margin:2rem 2rem 1rem 1rem;}
	#nav_drop {display:inline-block; width:30px; height:30px; margin:2.8rem 2rem 0 0; background:url('images/nav_drop.png'); cursor:pointer; float:right; background-size:cover;}
	#nav_drop.expanded {background-position:left bottom;}
	#nav {display:none; margin:0; position:absolute; z-index:10; left:0; top:90px; width:100%;}/*nav hidden and becomes dropdown*/
	#nav ul {text-align:left;}
	#nav li {display:block; transform:none; -ms-transform:none; -webkit-transform:none; bottom:0; right:0; margin:0; border-bottom:1px solid rgba(0,0,0,0.1);}
	#nav li a {display:block; transform:none; -ms-transform:none; -webkit-transform:none; padding:1rem 2rem 0 2rem;}
	#nav li.hidden {display:block;}
	#nav li.hidden a {color:#555;}
	#social {float:left; text-align:left; margin:0 5rem 2rem 1rem;} 
}

@media screen and (max-width:620px) {
	/*HEADER*/
	#hdr .logo {width:400px; margin:2rem 2rem 1rem 1rem;}
	#nav_drop {margin:2.6rem 2rem 0 0;}
	#social {margin:0 2rem 2rem 1rem;} 

	/*PROMO PLAYER */
	#pp_img {height:240px;}
	#pp_caption {max-width:90%;}

	/*GLOBAL*/
	.cntr {width:auto;}
	.col3 {width:100%;}
	.h_280,
	.h_310 {height:auto;}

	.search .pad {padding:0 1.5rem 1.5rem 1.5rem;}
	.article #pp_caption {width:75%;}
}

@media screen and (max-width:480px) {
	/*HEADER*/
	#hdr .logo {width:65%; max-width:400px; height:auto;}
	#nav_drop {margin:2.5rem 1rem 0 0; width:27px; height:27px;}
	#nav {top:70px;}
	
	/*PROMO PLAYER*/
	#pp_nav {
		position: static;
		padding: 1.2rem 2%;
		background: #000;
		width: 94%;
	}

	.grad.grad_home { display: none; }

	#pp_img {
		height:240px;
	}

	#pp_img.ind_article_image {
		height: 200px;
	}

	body.page-template-parking-plus-php #pp_img,
	body.page-template-affordable-housing-php #pp_img,
	body.page-template-transit-oriented-development #pp_img,
	.tag-parkingplus-challenge #pp_img {
		height: 169px;
	}

	#pp_caption {max-width:75%;}

	/*HOMEPAGE*/
	.home_house,
	.home_think,
	.home_park,
	.home_sense {height:270px;}
	.home_house .caption,
	.home_think .caption,
	.home_park .caption,
	.home_sense .caption {font-size:1.2rem; line-height:2rem; padding:6rem 2rem 0 1rem; height:270px;}

	/*ARTICLE*/
	.tagline {padding:1.5rem 2rem;}
	.article h1 span {padding:0;}
	.article #promoplayer, #trigger-lightbox {margin:0 1rem 1rem 1rem;}
	.article #pp_caption {width:100%;}
	.article p {margin-right:2rem;}
	.top.article_nav {float:left; width:94%; margin:0 0 2rem 1rem; padding-top:2rem;}

	#ftr .spnsr {
		line-height: 0.5em;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:440px) {
	#nav_drop {margin:2.3rem 1rem 0 0; width:24px; height:24px;}
}

@media screen and (max-width:400px) {
	#nav_drop {margin:2.1rem 1rem 0 0; width:22px; height:22px;}
}



body.mailing-list h1 { font-size: 40px !important; color: #fff; }

.ml-container {
	width: 94%;
	max-width: 400px;
	padding: 20px 3%;
}

/* ========== Parking PLUS ============ */

body.single-post .share,
body.page-template-parking-plus-php .share,
body.page-template-affordable-housing-php .share,
body.page-template-transit-oriented-development .share,
body.page-template-designs-parking-plus-php .share,
body.page-template-more-ideas-parking-plus-php .share {
	margin-top: 30px;
}

.article.tag-parkingplus-challenge .share,
.article.tag-affordable-housing-series .share,
.article.tag-transit-oriented-development-series .share {
	margin-top: 30px;
}

@media only screen and (max-width: 955px) {
	body.page-template-parking-plus-php .relatedtags,
	body.page-template-designs-parking-plus-php .relatedtags,
	body.page-template-affordable-housing-php .relatedtags,
	body.page-template-transit-oriented-development .relatedtags,
	body.page-template-more-ideas-parking-plus-php .relatedtags,
	.article.tag-parkingplus-challenge .relatedtags,
	.article.tag-affordable-housing-series .relatedtags,
	.article.tag-transit-oriented-development .relatedtags {
		margin:1rem 2rem 0 1rem;
	}
	
	body.page-template-parking-plus-php .share,
	body.page-template-designs-parking-plus-php .share,
	body.page-template-more-ideas-parking-plus-php .share, 
	.article.tag-parkingplus-challenge .share {
		margin-top: 1rem;
	}
}

.short-desc {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0 4rem 2rem 1rem;
	font-family: georgia,times,serif;
}

.design-thumbs {
	margin: 0 4rem 0 0.5rem;
}

.pp-logo img {
	max-width: 90%;
	height: auto;
	margin: 0 0 3rem 0;
}

.pp-hashtag {
	margin: 0 0 3rem 0;
}

.pp-hashtag p {
	margin: 0 0 1.5rem 0;
	color: #F47024;
	font-family: "ff-din-web-pro",times,sans-serif;
}

.pp-hashtag img {
	max-width: 70%;
	height: auto;
}

.col3_special {
	width: 48%;
}

.col3_special2 {
	width: 25%;
}

.col3_special h2 {
	font-size: 1.5rem;
	line-height: 1.8rem;
}

.col3_special .inner {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.h_240 { height:310px; background-color: #f1f1f1; }

.h_240.short { height: 245px; }

.h_190 {
	height:190px;
	background-color: #f1f1f1;
}

.h_240 h2 {
	font-size: 1.6rem;
	line-height: 2.2rem;
	padding-top: 1.4rem;
	padding-bottom: 0;
}

.h_240 p {
	margin: 0;
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 0 1rem 1.5rem 1rem;
}

@media screen and (max-width:480px) {
	.col3_special { width: 100%; }
	.h_240 { height: auto; }
	.h_240.short { height: auto; }
	.h_190 { height: auto; }
}

@media screen and (max-width:720px){
	.col3_special2 { width: 50%; }
}

@media screen and (max-width:955px) {
	.pp-logo, .pp-hashtag {
		display: none;
	}
}

.pp-highlight {
	background-color: #FCE3C4;
	padding: 0 1rem 1rem 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.pp-highlight p {
	margin: 0 4rem 0.7rem 1rem !important;
}

.pp-highlight h3 {
	padding: 2rem 1rem 1rem 1rem;
}

.pp-highlight a {
	color: #F47024;
	text-decoration: none;
}

.pp-highlight a:hover {
	color: #F47024;
	text-decoration: underline;
}


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

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}




#trigger-lightbox .cover {
	position: relative;
	display: block;
}

#trigger-lightbox .cover img {
	width: 100%;
	height: auto;
}

.lightbox-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(images/lightbox-icon.png) no-repeat 0 0;
	background-size: cover;
}

.lightbox-caption {
	background: #333;
	position: static;
	bottom: auto;
	left: auto;
	padding: 2rem 2rem 1rem 2rem;
	margin: 0;
	width: auto;
}

.lightbox-caption a {
	text-decoration: none;
	color: #00A3D9;
}

.lightbox-caption a:hover {
	text-decoration: underline;
	color: #00A3D9;
}

.lightbox-caption p {
	color: #fff;
	font-size: 1.2rem !important;
	line-height: 1.6;
	font-family: "ff-din-web-pro",times,sans-serif;
	margin-bottom: 1rem;
}



/**************************
 * Magnific Popup
 **************************/

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.85;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 1; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #1AA3D9;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #1AA3D9;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
     }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

.mc-closeModal {
  font-size: 18px; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



.wp-caption.alignleft {
  float: left;
  margin-right: 1.5rem;
}
.wp-caption.alignleft img {
  margin-bottom: 1rem;
}