@import url('fonts/stylesheet.css');
@import url('//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css');
@import url('//assets.okfn.org/themes/bootstrap-responsive.css');
.navbar-inner {
border-radius: 0px 0px 0px 0px;
padding-left: 0px;
padding-right: 0px;
border-top: none;
border-right: none;
border-left: none;
}
.btn-primary {
background-color: #1A988B;
background-image: -moz-linear-gradient(top, #0da596, #1A988B);
background-image: -ms-linear-gradient(top, #0da596, #1A988B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0da596), to(#1A988B));
background-image: -webkit-linear-gradient(top, #0da596, #1A988B);
background-image: -o-linear-gradient(top, #0da596, #1A988B);
background-image: linear-gradient(top, #0da596, #1A988B);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='saturate(@okfgreen, 15%)', endColorstr='@okfgreen', GradientType=0);
border-color: #1A988B;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
background-color: #1A988B;
}
.btn-primary:active,
.btn-primary.active {
background-color: #1A988B;
}
.btn-info {
background-color: #232323;
background-image: -moz-linear-gradient(top, #333333, #232323);
background-image: -ms-linear-gradient(top, #333333, #232323);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#232323));
background-image: -webkit-linear-gradient(top, #333333, #232323);
background-image: -o-linear-gradient(top, #333333, #232323);
background-image: linear-gradient(top, #333333, #232323);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#232323', GradientType=0);
border-color: #232323 #232323 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
background-color: #232323;
}
.btn-info:active,
.btn-info.active {
background-color: #333333 \9;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(43, 130, 113, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 130, 113, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 130, 113, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 130, 113, 0.6);
}
.nav-list .active > a,
.nav-list .active > a:hover {
background-color: #2B8271;
}
.navbar-inverse .brand {
color: #FFF;
}
.navbar .brand {
padding: 0px 10px 0px 0px;
margin: 0px;
line-height: 40px;
}
.navbar .brand img {
display: block;
float: left;
margin-right: 12px;
margin-top: 4px;
height: 30px;
}
.navbar .dropdown-menu {
margin-top: 0px;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-color: #333333;
border-style: none;
}
.navbar .dropdown-menu a {
color: #999999;
}
.navbar .nav {
z-index: 999;
}
.navbar .nav li {
z-index: 1000;
}
.navbar .nav > li > a:hover {
background-color: #333333;
}
.navbar .dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
background-color: #1F1F1F;
background-image: none;
}
.navbar .dropdown-menu:after,
.navbar .dropdown-menu:before {
display: none;
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
border: none;
}
.navbar .nav {
float: right;
margin: 0px;
}
.carousel-caption {
color: #FFF;
padding: 10px 15px 12px 15px;
}
#content .carousel-caption h2,
#content .carousel-caption h3,
#content .carousel-caption h4 {
color: #FFF;
margin: 0px 0px 2px 0px;
}
.carousel-caption p {
margin: 0px;
}
.navbar-inner .container {
max-width: 940px;
}
a.thumbnail:hover {
border-color: #1A988B;
-webkit-box-shadow: 0 1px 4px rgba(26, 152, 139, 0.25);
-moz-box-shadow: 0 1px 4px rgba(26, 152, 139, 0.25);
box-shadow: 0 1px 4px rgba(26, 152, 139, 0.25);
}
a.thumbnail:hover {
text-decoration: none;
}
.thumbnail > .row [class*="span"]:first-of-type {
padding: 10px 0px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.thumbnail > .row .caption {
padding: 9px 18px 9px 0px;
}
@media (max-width: 767px) {
.thumbnail > .row [class*="offset"] {
margin-left: 9px;
}
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
background-color: #1A988B;
}
.margin-bottom {
margin-bottom: 20px;
}
html {
background: #222222;
}
body {
background: #fff;
}
a {
color: #3e8f80;
}
a:hover {
color: #1f4840;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
header,
.strapline,
label,
input,
select,
textarea,
.btn {
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
h2,
h3,
h4,
h5,
h6 {
line-height: 125%;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
ul.xoxo {
list-style-type: none;
margin-left: 0;
}
ul.xoxo ul li {
padding-bottom: 4px;
}
p.intro,
p.lead {
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 19px;
line-height: 30px;
}
.box {
background-color: #FFF;
border: 1px solid #e9eaea;
position: relative;
display: inline-block;
}
.box .padder {
padding: 10px;
}
.box.black {
background: #353535;
background: -moz-linear-gradient(top, #353535 0%, #202020 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #202020));
background: -webkit-linear-gradient(top, #353535 0%, #202020 100%);
background: -o-linear-gradient(top, #353535 0%, #202020 100%);
background: -ms-linear-gradient(top, #353535 0%, #202020 100%);
background: linear-gradient(top, #353535 0%, #202020 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#353535', endColorstr='#202020', GradientType=0);
border: 1px solid #202020;
color: #FFF;
}
.box.black h1,
.box.black h2,
.box.black h3,
.box.black h4,
.box.black h5,
.box.black h6 {
color: #FFF;
}
.box.extend {
border-left: none;
border-right: none;
margin-bottom: 15px;
}
.box.extend:before,
.box.extend:after {
content: "";
position: absolute;
background-color: #FFF;
top: -1px;
bottom: -1px;
width: 20px;
border: 1px solid #e9eaea;
}
.box.extend:before {
right: 100%;
border-right: none;
}
.box.extend:after {
left: 100%;
border-left: none;
}
.box.extend .padder {
padding: 10px 0px;
}
header {
margin-bottom: 15px;
margin-top: 25px;
color: #FFF;
}
.topbar .padder {
position: static;
}
.topbar .social {
float: right;
padding: 4px 5px 0px 5px;
}
.topbar .social > span {
display: inline-block;
width: 20px;
overflow: hidden;
}
header .search-form {
display: none;
}
header li.dropdown:hover .dropdown-menu {
display: block;
}
header .dropdown-toggle:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #FFFFFF;
content: "↓";
display: inline-block;
height: 0;
margin-left: 4px;
margin-top: 8px;
opacity: 0.5;
text-indent: -99999px;
vertical-align: top;
width: 0;
}
.strapline {
color: #555;
text-shadow: 2px 2px #eee;
margin-bottom: 15px;
}
.strapline > .inner {
border: 2px dotted #aaa;
border-left: none;
border-right: none;
background: url('https://assets.okfn.org/web/images/header-strapline.png') left no-repeat;
padding: 10px 0 10px 100px;
line-height: 26px;
font-size: 21px;
}
#content h1 {
margin-top: 20px;
margin-bottom: 10px;
}
#content h2 {
margin-top: 20px;
margin-bottom: 10px;
}
#content h3 {
margin-top: 20px;
margin-bottom: 7px;
}
#content h4 {
margin-top: 20px;
margin-bottom: 5px;
}
#content h5 {
margin-top: 20px;
margin-bottom: 5px;
}
#content h6 {
margin-top: 20px;
margin-bottom: 5px;
}
#content h1.collapse-margin,
#content h2.collapse-margin,
#content h3.collapse-margin,
#content h4.collapse-margin,
#content h5.collapse-margin,
#content h6.collapse-margin {
margin-bottom: 0;
}
body > footer {
background: #222222 url('https://assets.okfn.org/web/images/footer-watermark.png') top right no-repeat;
margin-top: 50px;
padding: 0;
}
body > footer > .inner {
background: url('https://assets.okfn.org/web/images/footer-bevel.png') top repeat-x;
padding: 10px 0 30px 0;
color: #C0C0C0;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
min-height: 190px;
font-size: 11px;
}
body > footer a {
color: #C0C0C0;
}
body > footer a:hover {
color: #FFF;
}
body > footer > .inner a:hover {
text-decoration: underline;
}
body > footer > .inner p {
margin-bottom: 4px;
}
body > footer h1,
body > footer h2,
body > footer h3 {
color: #C0C0C0;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
font-weight: bold;
padding-bottom: 4px;
}
body > footer li {
line-height: 14px;
}
body > footer .widget-area {
display: inline;
float: left;
margin-left: 20px;
width: 300px;
}
@media (max-width: 979px) {
.navbar-inner {
padding-left: 20px;
padding-right: 20px;
}
.navbar .nav {
float: none;
}
.navbar .nav > li > a:hover,
.navbar .nav .sfhover,
.navbar .nav > li > .dropdown-toggle:hover,
.navbar .nav .sfhover,
.navbar .dropdown-menu,
.navbar .dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.dropdown-menu li > a:hover {
color: #999999 !important;
}
}
@media (max-width: 767px) {
.navbar-inner,
body > footer {
margin-left: -20px;
margin-right: -20px;
}
}
button,
a.group-button,
input[type=submit],
input[type=reset] {
display: inline-block;
padding: 4px 10px 4px;
font-size: 13px;
line-height: 18px;
color: #FFF;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #1A988B;
background-image: -moz-linear-gradient(top, #0da596, #1A988B);
background-image: -ms-linear-gradient(top, #0da596, #1A988B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0da596), to(#1A988B));
background-image: -webkit-linear-gradient(top, #0da596, #1A988B);
background-image: -o-linear-gradient(top, #0da596, #1A988B);
background-image: linear-gradient(top, #0da596, #1A988B);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='saturate(@okfgreen, 15%)', endColorstr='@okfgreen', GradientType=0);
border-color: #1A988B;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
*margin-left: .3em;
}
input[type=submit].btn-large,
input[type=reset].btn-large {
font-size: 16px;
line-height: normal;
padding: 9px 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
button:hover,
a.group-button:hover,
input[type=submit]:hover,
input[type=reset]:hover {
color: #FFF;
text-decoration: none;
background-color: #1A988B;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
button:focus,
a.group-button:focus,
input[type=submit]:focus,
input[type=reset]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
.btn-large [class^="icon-"] {
margin: 2px 5px 0 0;
}
.btn-large [class^="icon-"].right {
margin: 2px 0px 0px 5px;
}
.btn-large .icon-white.icon-circle-arrow-right {
background-image: url(//assets.okfn.org/images/icons/glyphicons-white.png);
background-position: -240px -144px;
width: 18px;
height: 18px;
}
blockquote,
blockquote p,
blockquote li,
#blog-single blockquote p,
#blog-single blockquote li {
text-align: left;
margin-bottom: 9px;
color: #808080;
font-style: italic;
}
blockquote small {
margin-top: -9px;
}
a.more {
font-weight: bold;
}
code {
color: #114c45;
}
pre code {
border: none;
}
h1.icon,
h2.icon,
h3.icon,
h4.icon,
h5.icon,
h6.icon {
padding-left: 40px;
background-repeat: no-repeat;
line-height: 33px;
}
h1.marker.icon,
h2.marker.icon,
h3.marker.icon,
h4.marker.icon,
h5.marker.icon,
h6.marker.icon {
background-image: url(images/marker-icons.png);
background-position: -13px -50px;
}
h1.blue-dot.marker.icon,
h2.blue-dot.marker.icon,
h3.blue-dot.marker.icon,
h4.blue-dot.marker.icon,
h5.blue-dot.marker.icon,
h6.blue-dot.marker.icon {
background-position: -13px 0px;
}
.twitter.icon28 {
display: block;
width: 28px;
height: 28px;
background-image: url(images/social-icons.png);
background-position: center -199px;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.topbar .donate {
float: right;
display: block;
background-image: url(https://flattr.com/_img/icons/flattr_logo_16.png);
background-repeat: no-repeat;
background-position: left center;
padding: 3px 5px 3px 20px;
margin-left: 10px;
}
.navbar {
margin-bottom: 0px;
}
.navbar .navbar-inner a {
text-decoration: none;
}
.navbar .sub-brand {
color: #FFF;
float: left;
line-height: 40px;
font-style: italic;
padding: 0px 0px 0px 5px;
}
body > header {
margin-top: 0px;
}
.header-text {
float: right;
height: 40px;
display: table;
padding-left: 5px;
}
.header-text > * {
vertical-align: middle;
display: table-cell;
}
.navbar .navbar-inner {
border: none;
}
.navbar .nav > li > a {
padding: 10px 9px;
}
.navbar .navbar-inner .social-links {
float: right;
margin-top: 7px;
margin-left: 5px;
}
.navbar .navbar-inner .social-links a {
display: inline-block;
width: 34px;
height: 24px;
overflow: hidden;
text-indent: -500px;
background-image: url(images/social-icons.png);
background-repeat: no-repeat;
*text-indent: 0px;
*line-height: 0px;
}
.navbar .navbar-inner .social-links a.facebook {
background-position: center -50px;
}
.navbar .navbar-inner .social-links a.facebook:hover {
background-position: center -100px;
}
.navbar .navbar-inner .social-links a.twitter {
background-position: center -200px;
}
.navbar .navbar-inner .social-links a.twitter:hover {
background-position: center -250px;
}
.navbar .navbar-inner .header-search {
float: right;
position: relative;
margin-top: 7px;
margin-left: 5px;
}
.navbar .navbar-inner .header-search a {
display: block;
width: 25px;
height: 24px;
overflow: hidden;
text-indent: -500px;
background-color: #333333;
background-image: url(images/search-button.png);
background-repeat: no-repeat;
background-position: center -46px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.navbar .navbar-inner .header-search a:hover,
.navbar .navbar-inner .header-search.active a {
background-color: #1A988B;
}
.navbar .navbar-inner .header-search .search-bar {
position: absolute;
right: -5px;
bottom: -45px;
z-index: -1;
width: 200px;
height: 30px;
padding: 5px;
background-color: #FEFEFE;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #E5E5E5;
border-bottom-color: #E5E5E5;
border-left-color: #E5E5E5;
border-right-color: rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-left-color: rgba(0, 0, 0, 0.1);
-webkit-transition: bottom 0.2s ease;
-moz-transition: bottom 0.2s ease;
-ms-transition: bottom 0.2s ease;
-o-transition: bottom 0.2s ease;
transition: bottom 0.2s ease;
}
.navbar .navbar-inner .header-search.active .search-bar {
z-index: 999;
bottom: -61px;
}
.navbar .navbar-inner .header-search .search-bar input[type="text"] {
width: 162px;
padding-right: 30px;
}
.navbar .navbar-inner .header-search .search-bar input[type="submit"] {
position: absolute;
top: 12px;
right: 12px;
background-color: transparent;
background-image: url("images/search-button.png");
background-position: left 0;
background-repeat: no-repeat;
border: medium none;
box-shadow: none;
height: 16px;
line-height: 18px;
overflow: hidden;
padding: 0;
text-indent: 50px;
text-shadow: none;
width: 16px;
}
.navbar .dropdown-menu,
.navbar .nav > li > a:hover,
.navbar .nav .sfhover {
background-color: #333333;
}
.navbar .dropdown-menu .dropdown-menu {
display: none !important;
}
.navbar .dropdown-menu .sfhover .dropdown-menu {
display: block !important;
position: absolute;
top: 0px;
left: 90%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.navbar .dropdown-menu .dropdown-toggle:after {
border-left: 4px solid #FFFFFF;
border-right: 4px solid transparent;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.sub-header {
display: none;
}
ul.icons24 {
margin: 0px;
}
ul.icons24 li {
display: block;
padding-left: 30px;
background-repeat: no-repeat;
background-position: left top;
min-height: 24px;
margin-bottom: 11px;
}
ul.icons34 {
margin: 0px;
}
ul.icons34 li {
display: block;
padding-left: 50px;
background-repeat: no-repeat;
background-position: left top;
min-height: 34px;
margin-bottom: 11px;
}
ul.feature-list {
margin: 0px 0px 9px 0px;
}
ul.feature-list li {
list-style: none;
background-image: url(//assets.okfn.org/p/ckan/img/icons/16/tick.png);
background-repeat: no-repeat;
background-position: left top;
padding: 0px 0px 6px 20px;
line-height: 16px;
}
ul.feature-list li.minus {
color: #d7d7d7;
background-image: url(//assets.okfn.org/p/ckan/img/icons/16/minus.png);
}
ul.feature-list li.minus del {
text-decoration: none;
}
ul.feature-list.white li {
background-image: url(//assets.okfn.org/p/ckan/img/icons/16/tick-white.png);
}
ul.feature-list.black li {
background-image: url(//assets.okfn.org/p/ckan/img/icons/16/tick-black.png);
}
.padder {
padding-bottom: 15px;
}
.pagination-links .page-numbers {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #DDDDDD;
border-style: solid;
border-width: 1px 1px 1px 0;
float: left;
line-height: 34px;
padding: 0 14px;
text-decoration: none;
}
.pagination-links .page-numbers.current {
background-color: #F5F5F5;
}
.pagination-links .page-numbers:first-child {
border-left-width: 1px;
border-radius: 3px 0 0 3px;
border-left-style: solid;
border-left-color: #DDDDDD;
}
.pagination-links .page-numbers:last-child {
border-radius: 0 3px 3px 0;
}
div.item-options {
padding: 10px 0;
}
div.item-options a {
margin: 0 5px;
}
ul#members-list {
list-style-type: none;
margin-left: 0;
}
.vcard {
padding: 0 !important;
background: rgba(220, 220, 220, 0.2);
vertical-align: top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.vcard .item-avatar {
display: inline-block;
margin: 5px;
}
.vcard .item {
position: absolute;
left: 66px;
top: 8px;
display: inline-block;
}
.entry > #loginform {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
#sidebar #sidebar-login-form,
#sidebar #sidebar-me,
#sidebar .widget {
position: relative;
background: #353535;
background: -moz-linear-gradient(top, #353535 0%, #202020 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #202020));
background: -webkit-linear-gradient(top, #353535 0%, #202020 100%);
background: -o-linear-gradient(top, #353535 0%, #202020 100%);
background: -ms-linear-gradient(top, #353535 0%, #202020 100%);
background: linear-gradient(top, #353535 0%, #202020 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#353535', endColorstr='#202020', GradientType=0);
border: 1px solid #202020;
color: #ebebeb;
margin-bottom: 15px;
padding: 0px 10px;
}
@media (min-width: 768px) {
#sidebar .widget,
#sidebar .sidebar-content {
margin-left: 15px;
}
}
#sidebar .widget h1,
#sidebar .widget h2,
#sidebar .widget h3,
#sidebar .widget h4,
#sidebar .widget h5,
#sidebar .widget h6 {
color: #FFF;
padding: 10px 10px 0px 10px;
font-size: 14px;
}
#sidebar .widget p {
font-size: 12px;
line-height: 16px;
}
#sidebar .widget a {
color: #FFF;
}
#sidebar .widget label {
color: #FFF;
}
#content #sidebar .widget h3 {
margin-top: 10px;
}
#sidebar .widget.white {
background-color: #FFF;
background-image: none;
border: 1px solid #dee0df;
color: #212121;
}
#sidebar .widget.white h1,
#sidebar .widget.white h2,
#sidebar .widget.white h3,
#sidebar .widget.white h4,
#sidebar .widget.white h5,
#sidebar .widget.white h6 {
color: #212121;
}
#sidebar .widget > div {
padding: 0px 10px 10px 10px;
}
#sidebar .widget > ul {
list-style: none;
margin: 0px 10px 10px 10px;
}
#sidebar .widget > ul li {
border-top: 1px dotted #666666;
padding: 5px 0px;
}
#sidebar .widget > ul li:first-child {
border: none;
}
#sidebar .widget > div > .full {
display: block;
margin: 0px -10px -10px -10px;
text-align: center;
}
#sidebar .widget form {
margin: 0px;
}
#sidebar .widget input[type="text"],
#sidebar .widget input[type="email"],
#sidebar .widget input[type="password"] {
margin-bottom: 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 32px;
}
#sidebar .widget.widget_search form {
position: relative;
margin: 15px 10px 15px 10px;
}
#sidebar .widget.widget_search input[type="text"] {
padding-right: 30px;
margin: 0px;
}
#sidebar .widget.widget_search input[type="submit"] {
position: absolute;
top: 8px;
right: 10px;
background-color: transparent;
background-image: url("images/search-button.png");
background-position: left 0;
background-repeat: no-repeat;
border: medium none;
box-shadow: none;
height: 16px;
line-height: 18px;
overflow: hidden;
padding: 0;
text-indent: 50px;
text-shadow: none;
width: 16px;
}
#sidebar .widget.widget_rss .widgettitle a:first-child {
position: absolute;
top: 10px;
right: 10px;
}
#sidebar .widget.BFW form {
padding: 10px;
}
#sidebar .widget.BFW #BFW_email {
padding-right: 32px;
width: 100%;
margin-bottom: 5px;
}
#sidebar .widget.BFW #BFW_submit {
position: absolute;
right: 22px;
background-color: transparent;
background-image: url(//assets.okfn.org/web/images/rss.png);
text-indent: -500px;
overflow: hidden;
width: 32px;
border: none;
padding: 0px;
margin: 1px 0px 0px 0px;
height: 28px;
background-position: center center;
box-shadow: none;
}
#sidebar .widget.BFW #BFW_stats {
position: absolute;
right: 10px;
top: 10px;
}
#sidebar .widget .tweetfeed,
#sidebar .widget .ttm-container {
margin: 0 0 10px 0;
}
#sidebar .widget .tweetfeed li,
#sidebar .widget .ttm-container li {
display: block;
border-bottom: dotted 1px #cccccc;
padding: 10px 0 10px 50px;
position: relative;
}
#sidebar .widget .tweetfeed li:first-child,
#sidebar .widget .ttm-container li:first-child {
padding-top: 0;
}
#sidebar .widget .tweetfeed li img.tweet-twittar,
#sidebar .widget .ttm-container li img.tweet-twittar,
#sidebar .widget .tweetfeed li img.twittar,
#sidebar .widget .ttm-container li img.twittar {
position: absolute;
left: 0;
width: 36px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#sidebar .widget .tweetfeed li .tweet-name a,
#sidebar .widget .ttm-container li .tweet-name a,
#sidebar .widget .tweetfeed li .name a,
#sidebar .widget .ttm-container li .name a {
color: #333333;
font-weight: bold;
}
#sidebar .widget .tweetfeed li .tweet-screen-name,
#sidebar .widget .ttm-container li .tweet-screen-name,
#sidebar .widget .tweetfeed li .tweet-screen-name a,
#sidebar .widget .ttm-container li .tweet-screen-name a,
#sidebar .widget .tweetfeed li .screen-name,
#sidebar .widget .ttm-container li .screen-name,
#sidebar .widget .tweetfeed li .screen-name a,
#sidebar .widget .ttm-container li .screen-name a {
color: #b3b3b3;
font-size: 12px;
}
#sidebar .widget .tweetfeed li .tweet-screen-name:before,
#sidebar .widget .ttm-container li .tweet-screen-name:before,
#sidebar .widget .tweetfeed li .screen-name:before,
#sidebar .widget .ttm-container li .screen-name:before {
content: ' ';
}
#sidebar .widget .tweetfeed li .tweet-content,
#sidebar .widget .ttm-container li .tweet-content,
#sidebar .widget .tweetfeed li .text,
#sidebar .widget .ttm-container li .text {
display: block;
margin: 0;
}
#sidebar .widget .tweetfeed li .tweet-timestamp,
#sidebar .widget .ttm-container li .tweet-timestamp,
#sidebar .widget .tweetfeed li .tweet-timestamp a,
#sidebar .widget .ttm-container li .tweet-timestamp a {
color: #b3b3b3;
font-size: 12px;
}
#sidebar .widget .tweetfeed li .intent-meta,
#sidebar .widget .ttm-container li .intent-meta {
display: block;
text-align: right;
margin-top: 5px;
margin-bottom: -5px;
}
@media (min-width: 768px) {
#sidebar .widget .tweetfeed li .intent-meta,
#sidebar .widget .ttm-container li .intent-meta {
display: none;
}
}
@media (min-width: 768px) {
#sidebar .widget .tweetfeed li:hover .intent-meta,
#sidebar .widget .ttm-container li:hover .intent-meta {
display: block;
}
}
#sidebar .widget .tweetfeed li .intent-meta a,
#sidebar .widget .ttm-container li .intent-meta a {
display: inline-block;
background-image: url(images/twitter-icons.png);
background-repeat: no-repeat;
width: 21px;
height: 21px;
overflow: hidden;
text-indent: 999px;
opacity: 0.2;
}
#sidebar .widget .tweetfeed li .intent-meta a:hover,
#sidebar .widget .ttm-container li .intent-meta a:hover {
opacity: 0.8;
}
#sidebar .widget .tweetfeed li .intent-meta a:nth-of-type(1),
#sidebar .widget .ttm-container li .intent-meta a:nth-of-type(1) {
background-position: center 2px;
}
#sidebar .widget .tweetfeed li .intent-meta a:nth-of-type(2),
#sidebar .widget .ttm-container li .intent-meta a:nth-of-type(2) {
background-position: center -48px;
}
#sidebar .widget .tweetfeed li .intent-meta a:nth-of-type(3),
#sidebar .widget .ttm-container li .intent-meta a:nth-of-type(3) {
background-position: center -98px;
}
#sidebar .widget.widget_archive select {
margin-left: 10px;
}
#sidebar .widget.Top.Authors {
background-color: #FFF;
background-image: none;
border: 1px solid #dee0df;
color: #212121;
}
#sidebar .widget.Top.Authors h3 {
color: #212121;
}
#sidebar .widget.Top.Authors ul {
margin: 0px 0px 10px 10px;
font-size: 0px;
}
#sidebar .widget.Top.Authors ul li {
display: inline-block;
margin: 9px 9px 0px 0px;
padding: 0px;
border: 1px solid #dee0df;
zoom: 1;
*display: inline;
}
#sidebar .widget.Top.Authors ul li a {
display: block;
width: 64px;
height: 64px;
background-color: #f3f4f3;
overflow: hidden;
}
#sidebar .widget.widget_categories {
background-image: none;
border: none;
background-color: transparent;
}
#sidebar .widget.widget_categories h3 {
display: none;
}
#sidebar .widget.widget_categories {
overflow: auto;
max-height: 436px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
display: none;
}
.magazine #sidebar .widget.widget_categories,
.single-post #sidebar .widget.widget_categories {
display: block;
}
#sidebar .widget.widget_categories ul {
margin: 0px;
}
#sidebar .widget.widget_categories ul li {
border: none;
display: block;
float: left;
padding: 0px;
}
#sidebar .widget.widget_categories ul li a {
padding: 5px 10px;
display: block;
border: 1px solid #dee0df;
margin: 0px 8px 8px 0px;
position: relative;
background-color: #FFF;
color: #212121;
}
#sidebar .widget.widget_categories ul li a:hover {
background-color: #1A988B;
text-decoration: none;
border-color: #1A988B;
color: #FFF;
}
#sidebar .widget.widget_categories select {
width: 100%;
}
#sidebar .widget.widget_wp_sidebarlogin {
overflow: hidden;
}
#sidebar .widget.widget_wp_sidebarlogin div.avatar_container {
padding: 0px 0px 15px 10px;
}
#sidebar .widget.widget_wp_sidebarlogin img {
border: none;
padding: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#sidebar .widget.widget_wp_sidebarlogin .sidebar_login_links li {
padding: 3px 10px;
font-size: 12px;
}
#sidebar .widget.widget_wp_sidebarlogin .avatar_container + .sidebar_login_links li {
padding: 3px 0;
margin-left: 59px;
}
#sidebar .widget.widget_wp_sidebarlogin form {
padding: 0px 10px;
}
#sidebar .widget.widget_wp_sidebarlogin .sidebarlogin_otherlinks {
padding: 0px 10px;
margin: 0px 0px 10px 0px;
}
#sidebar .widget.widget_flickrRSS {
padding: 8px;
}
#sidebar .widget.widget_flickrRSS .widgettitle {
display: none;
}
#sidebar .widget.widget_flickrRSS a img {
padding: 2px;
width: 67px;
}
#sidebar .widget.widget_flickrRSS a:hover img {
background-color: #FFF;
}
#sidebar .widget.widget_gce_widget {
padding-bottom: 10px;
}
.widget.widget_gce_widget .gce-list {
margin: 0px;
}
.widget.widget_gce_widget .gce-caption {
font-weight: 200;
text-align: left;
padding-top: 10px;
padding-bottom: 5px;
}
.widget.widget_gce_widget .gce-list li {
display: block;
border-top: dotted 1px #FFF;
padding-top: 5px;
margin-top: 5px;
}
.widget.widget_gce_widget table {
margin: 0px;
}
.widget.widget_gce_widget .gce-widget-grid table th,
.widget.widget_gce_widget .gce-widget-grid table td,
#sidebar .widget.widget_gce_widget .gce-page-grid table th,
#sidebar .widget.widget_gce_widget .gce-page-grid table td {
padding: 7px;
}
.widget.widget_gce_widget .widgettitle + div .gce-calendar {
border-top: none;
}
.widget.widget_gce_widget .widgettitle + div .gce-caption {
position: absolute;
right: 19px;
top: 21px;
padding: 0;
}
.widget.widget_gce_widget .widgettitle + div .gce-calendar .gce-month-title {
width: auto;
}
#sidebar .widget.widget_gce_widget .gce-page-grid table th,
#sidebar .widget.widget_gce_widget .gce-page-grid table td {
height: auto;
}
#sidebar .gce-page-grid .gce-calendar .gce-day-number {
font-size: 13px;
}
.textwidget .okfn-widget {
background-image: url(//assets.okfn.org/web/images/header-logox2.png);
background-image: none\9;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: auto 27px;
padding-left: 20px;
}
.textwidget .okfn-widget h3 {
padding-left: 10px;
}
#sidebar #sidebar-me {
height: 60px;
display: none;
}
#sidebar-me > a:first-child {
float: left;
margin: 10px;
margin-right: 14px;
}
#sidebar-me a {
color: #fff;
font-size: 12px;
}
#sidebar-me h4 {
padding: 10px 5px 0px 0px;
}
#sidebar #sidebar-login-form {
padding: 5px 0px 0px 10px;
display: none;
}
#sidebar #sidebar-login-form label {
width: 95px;
text-align: left;
float: left;
color: #FFF;
}
#sidebar #sidebar-login-form label:first-child {
margin-right: 18px;
}
#sidebar #sidebar-login-form .forgetmenot {
display: inline-block;
}
#sidebar #sidebar-login-form .forgetmenot label {
width: 130px;
float: none;
font-size: 12px;
}
#sidebar #sidebar-login-form .forgetmenot input {
display: inline-block;
}
#sidebar #sidebar-login-form input[type="text"],
#sidebar #sidebar-login-form input[type="password"] {
margin: 0;
width: 95px;
}
#sidebar #sidebar-login-form input[type="submit"] {
margin: 4px 10px 0px 0px;
float: right;
}
#sidebar p#login-text {
background: #202020;
padding: 10px;
color: #FFF;
display: none;
}
#sidebar p#login-text a {
color: #FFF;
font-weight: bold;
}
@media (min-width: 768px) {
#sidebar.pseudo-sidebar {
margin-top: -56px;
}
}
#respond {
background: #ccc;
padding: 8px;
padding-top: 2px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#respond h3 {
color: #ffffff;
}
#respond form {
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 10px;
}
#respond form label {
margin-right: 10px;
}
#respond form textarea {
width: 80%;
}
#respond .comment-avatar-box {
float: right;
}
#respond code {
display: block;
line-height: 16px;
}
body#bp-default #wp-admin-bar {
background-color: transparent;
position: relative;
width: auto;
float: right;
}
body#bp-default #wp-admin-bar .padder {
background: none;
min-width: 400px;
}
body#bp-default #wp-admin-bar .padder > a:first-child {
display: none;
}
body#bp-default #wp-admin-bar .padder > ul > li {
position: static;
right: none;
}
ul.item-list,
ul#groups-list {
list-style: none;
margin: 10px 0;
margin-left: 0;
}
ul.item-list li,
ul#groups-list li {
border-bottom: 1px solid #ccc;
background: #f7f7f7;
padding: 12px;
}
ul.item-list li .activity-avatar,
ul#groups-list li .activity-avatar,
ul.item-list li .item-avatar,
ul#groups-list li .item-avatar {
float: right;
padding: 3px;
background: #fff;
border: 1px solid #ccc;
margin-left: 8px;
margin-bottom: 8px;
}
ul.item-list p img,
ul#groups-list p img {
vertical-align: middle;
margin: 4px;
}
ul.item-list .activity-content:after,
ul#groups-list .activity-content:after,
ul.item-list .item:after,
ul#groups-list .item:after {
clear: both;
display: block;
content: ".";
visibility: hidden;
line-height: 0;
height: 0;
}
.activity-meta > * {
margin: 0 12px;
}
.activity-meta > *:first-child {
margin-left: 0;
}
.activity-meta > * span {
color: #999;
}
.activity-meta > * span:before {
content: "(";
}
.activity-meta > * span:after {
content: ")";
}
.padder {
position: relative;
}
#item-actions {
float: right;
margin: 0 0 10px 10px;
padding: 4px 10px 8px 10px;
}
#item-actions h3 {
margin-top: 0;
font-size: 9px;
}
#item-actions ul {
text-align: center;
list-style: none;
margin: 0 0 0 0;
}
#item-header {
min-height: 190px;
}
#item-header-avatar {
float: left;
padding: 5px;
border: 1px solid #eee;
margin: 8px;
}
#item-header-content:after {
clear: both;
display: block;
content: ".";
visibility: hidden;
line-height: 0;
height: 0;
}
.item-list-tabs ul li a {
padding-left: 10px;
padding-right: 10px;
}
.item-list-tabs ul li a span {
color: #999;
}
.item-list-tabs ul li a span:before {
content: "(";
}
.item-list-tabs ul li a span:after {
content: ")";
}
.item-list-tabs ul .last {
float: right;
}
.item-list-tabs#subnav ul {
margin-top: -8px;
margin-bottom: 20px;
border: none;
}
.item-list-tabs#subnav ul .current a,
.item-list-tabs#subnav ul .current a:hover {
background-color: #1A988B;
color: #fff;
}
.item-list-tabs#subnav ul .current a span,
.item-list-tabs#subnav ul .current a:hover span {
color: #fff;
}
.item-list-tabs#subnav ul a:hover {
background-color: #f0f0f0;
color: #1A988B;
}
body.my-account .item-list-tabs ul li a {
font-size: 13px;
padding: 0 7px;
line-height: 26px;
}
#members-list {
font-size: 0;
}
#members-list li {
display: block;
float: left;
font-size: 12px;
background: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 304px;
margin: 5px 3px;
padding: 9px 7px;
height: 52px;
overflow: hidden;
}
#members-list li .item-avatar {
float: left;
margin-right: 14px;
}
#members-list li .item-title {
font-size: 14px;
}
#members-list li .item-title .update {
display: none;
}
#members-list:after {
clear: both;
display: block;
content: ".";
visibility: hidden;
line-height: 0;
height: 0;
}
body.home-page .st_facebook_buttons,
body.home-page .st_twitter_buttons,
body.home-page .st_email_buttons,
body.home-page .st_sharethis_buttons,
body.home-page .st_fblike_buttons,
body.home-page .st_plusone_buttons,
body.home-page .st_pinterest._buttons {
display: none;
}
.okfn-dropdown {
position: relative;
}
.okfn-dropdown:hover {
-webkit-box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.5);
}
.okfn-dropdown:hover > a:first-child {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}
.okfn-dropdown:hover .okfn-dropdown-items {
display: block;
}
.okfn-dropdown a {
display: block;
background-color: #1A988B;
color: #fff;
padding: 11px 18px;
font-size: 16px;
position: relative;
}
.okfn-dropdown a:hover {
background-color: #e96283;
text-decoration: none;
color: #fff;
}
.okfn-dropdown > a.background-heart,
.okfn-dropdown > a.background-bubble,
.okfn-dropdown > a.background-cog {
background-position: 95% center;
background-repeat: no-repeat;
}
.okfn-dropdown > a.background-cog {
background-image: url('//assets.okfn.org/web/images/menu-icon-1.png');
}
.okfn-dropdown > a.background-bubble {
background-image: url('//assets.okfn.org/web/images/menu-icon-2.png');
}
.okfn-dropdown > a.background-heart {
background-image: url('//assets.okfn.org/web/images/menu-icon-3.png');
}
.okfn-dropdown > a:first-child {
}
.okfn-dropdown-items {
display: none;
position: absolute;
width: 100%;
bottom: 100%;
left: 0;
z-index: 1;
-webkit-box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px -3px 5px rgba(0, 0, 0, 0.5);
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
}
.okfn-dropdown-items a {
border-bottom: 2px dotted rgba(255, 255, 255, 0.4);
font-size: 14px;
}
.okfn-dropdown-items > a:first-child {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
#content .okfn-dropdown h3,
#content .okfn-dropdown h4,
#content .okfn-dropdown h5 {
color: #FFF;
margin: 0px;
font-size: 18px;
line-height: 22px;
}
#content .okfn-dropdown p {
margin: 0px;
}
.image-pod {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #e8e8e8;
}
.image-pod .caption {
position: absolute;
left: 0px;
right: 0px;
top: 100%;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.8);
color: #FFF;
margin-top: -69px;
padding: 10px 15px;
-webkit-transition: top 0.2s, margin-top 0.2s ease;
-moz-transition: top 0.2s, margin-top 0.2s ease;
-ms-transition: top 0.2s, margin-top 0.2s ease;
-o-transition: top 0.2s, margin-top 0.2s ease;
transition: top 0.2s, margin-top 0.2s ease;
line-height: 12px;
}
#content .image-pod .caption h2,
#content .image-pod .caption h3,
#content .image-pod .caption .title {
color: #FFF;
margin: 0px 0px 12px 0px;
font-size: 16px;
line-height: 24px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 600;
}
#content .image-pod .caption p {
line-height: 12px;
}
.image-pod:hover .caption {
top: 50%;
margin-top: 0px;
-webkit-transition: top 0.5s, margin-top 0.5s ease-in;
-moz-transition: top 0.5s, margin-top 0.5s ease-in;
-ms-transition: top 0.5s, margin-top 0.5s ease-in;
-o-transition: top 0.5s, margin-top 0.5s ease-in;
transition: top 0.5s, margin-top 0.5s ease-in;
}
.image-pod .corner.ribbon {
left: auto;
padding: 5px 90px;
right: -86px;
top: 32px;
width: 100px;
text-transform: capitalize;
font-weight: bold;
}
#content .rss.ticker {
overflow: hidden;
background-color: #333333;
color: #FFF;
padding: 0px 60px 0px 20px;
height: 42px;
}
#content .rss.ticker ul {
margin: 0px;
}
#content .rss.ticker ul h3 {
margin: 0px;
display: inline;
line-height: 42px;
font-size: 20px;
}
#content .rss.ticker ul h3:after {
content: ": ";
color: #FFF;
line-height: 42px;
font-size: 20px;
}
#content .rss.ticker ul a {
color: #FFF;
}
#content .rss.ticker .item {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
#content .rss.ticker .date {
display: none;
}
#content .rss.ticker .rss-entry {
display: inline;
line-height: 42px;
}
#content .rss.ticker .carousel-control {
left: auto;
right: 25px;
bottom: 50%;
top: auto;
background-color: transparent;
margin-bottom: -10px;
height: 20px;
width: 20px;
border: none;
line-height: 15px;
font-size: 28px;
}
#content .rss.ticker .carousel-control.right {
right: 10px;
}
#content .well .rss.ticker {
background-color: transparent;
margin: -4px 0 0 0;
color: #333333;
padding: 0px 60px 0px 10px;
height: 30px;
}
#content .well .rss.ticker ul h3,
#content .well .rss.ticker ul h3:after,
#content .well .rss.ticker ul a {
color: #333333;
}
#content .well .rss.ticker ul h3,
#content .well .rss.ticker ul h3:after {
font-size: 18px;
line-height: 30px;
}
#content .well .rss.ticker .carousel-control {
margin-bottom: -15px;
}
.body-text {
margin-top: 20px;
}
dl.grid-list {
margin-left: -16px;
}
dl.grid-list .well {
float: left;
margin: 0px 0px 16px 16px;
text-decoration: none;
}
dl.grid-list dt {
margin: 0px 0px 5px 0px;
}
dl.grid-list dd {
color: #333333;
margin: 0px;
}
dl.grid-list.columns3 .well {
width: 156px;
}
dl.grid-list.columns2 .well {
width: 262px;
}
dl.grid-list .well img.icon {
width: 36px;
float: left;
}
dl.grid-list .well .image {
display: block;
text-align: center;
margin: 0px;
}
#content dl.grid-list h3 {
margin: 0px;
}
dl.grid-list.columns2 .well img.icon {
width: 64px;
margin-bottom: 5px;
float: none;
}
dl.grid-list .well .title {
margin-left: 46px;
}
dl.grid-list.columns2 .well .title {
margin-left: 0px;
}
dl.grid-list.columns1 a.well h3 {
padding-top: 30px;
}
dl.grid-list.columns1 a.well dt:after {
content: " ›";
float: right;
width: 36px;
height: 36px;
-webkit-border-radius: 18px;
border-radius: 18px;
font-size: 60px;
line-height: 28px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
text-align: center;
margin: 5px 20px 5px 40px;
color: #d1d1d1;
background-color: #fefefe;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}
dl.grid-list.columns1 .well .image {
float: left;
margin-right: 20px;
}
#content.fullwidth dl.grid-list.columns3 .well {
width: 262px;
}
#content.fullwidth dl.grid-list.columns2 .well {
width: 422px;
}
ul.dot-grid {
margin: 0px;
}
ul.dot-grid li {
list-style: none;
width: 320px;
float: left;
border: dotted 4px #d9d9d9;
border-bottom: none;
border-right: none;
padding: 20px 10px;
}
#content.fullwidth ul.dot-grid li {
width: 450px;
}
ul.dot-grid li:nth-child(odd) {
border-left: none;
padding-left: 0px;
padding-right: 20px;
}
ul.dot-grid li:nth-child(even) {
margin-left: -4px;
padding-left: 20px;
padding-right: 0px;
}
ul.dot-grid li:nth-child(-n+2) {
border-top: none;
}
ul.dot-grid:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.image-list {
margin: 0px;
}
ul.image-list li {
display: block;
border: 1px solid #DEE0DF;
margin-bottom: 15px;
}
ul.image-list li > span {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.image-list li > span.image {
height: 340px;
width: 50%;
margin: 10px 10px 7px 10px;
background-size: cover;
background-position: center center;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
ul.image-list li > span.text {
padding: 0px 20px 20px 35px;
vertical-align: top;
margin-left: -25px;
width: 50%;
}
div.alignleft,
div.alignright {
display: inline-block;
width: 48%;
vertical-align: top;
}
div.alignright {
text-align: right;
}
img.alignleft {
float: left;
display: inline;
margin-right: 24px !important;
margin-top: 4px !important;
}
img.alignright {
float: right;
display: inline;
margin-left: 24px !important;
margin-top: 4px !important;
}
img.alignleft,
img.alignright {
margin-bottom: 12px;
}
div#toc_container {
background-color: #FFF;
border-color: #E9EAEA;
padding: 0px;
}
div#toc_container .toc_toggle {
font-size: 70%;
float: right;
margin-left: 10px;
}
#toc_container p.toc_title {
text-align: left;
background-color: #E9EAEA;
padding: 10px 20px;
font-weight: normal;
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#toc_container ul.toc_list {
margin: 20px;
}
div#toc_container ul.toc_list ul {
margin-bottom: 10px;
}
div#toc_container li {
font-weight: bold;
}
div#toc_container li li {
font-weight: normal;
}
div#toc_container a {
color: #222222;
}
div.submit,
p.submit {
margin-left: 32%;
margin-top: 4px;
}
li.last label {
width: auto;
}
div.error {
font-size: 10px;
color: #c00;
margin-bottom: 4px;
}
div.error:before {
content: '(';
}
div.error:after {
content: ')';
}
label[for="pwd"] span {
color: #999;
}
table.notification-settings {
width: 100%;
}
table.notification-settings tr td:nth-child(2) {
width: 500px;
}
input[type="image"] {
width: auto;
}
label {
display: block;
text-align: left;
margin-top: 6px;
width: 70%;
}
label input {
width: 190px;
}
input {
width: 50%;
display: inline-block;
margin-bottom: 4px;
}
body {
padding-top: 0 !important;
}
.headspace {
height: 25px;
background: #363636;
}
#content .post {
margin-bottom: 50px;
}
#content .post p.date {
padding-left: 4px;
}
#content .post .postmetadata {
background: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 7px;
font-size: 12px;
}
#content .post .entry {
padding: 4px 0;
}
#content .post .entry img {
padding: 5px;
display: block;
margin: 20px auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#content h1.posttitle a,
#content h2.posttitle a {
color: #333333;
}
.posttitle {
margin-top: 8px;
}
#content .thumb-text {
clear: left;
display: block;
margin-bottom: 20px;
}
#content .thumb-text img {
width: 80px;
float: left;
}
#content .thumb-text h2,
#content .thumb-text h3,
#content .thumb-text h4,
#content .thumb-text h5,
#content .thumb-text h6 {
margin: 0px;
}
#content .thumb-text h2,
#content .thumb-text h3,
#content .thumb-text h4,
#content .thumb-text h5,
#content .thumb-text h6,
#content .thumb-text p {
margin-left: 95px;
}
#content .thumbnail > .row h3 {
margin-bottom: 2px;
margin-top: 14px;
}
body.single,
body.blog,
body.archive {
background-color: #f1f3f2;
}
body.blog #content .post.box.extend,
body.archive #content .post.box.extend {
margin-bottom: 15px;
padding-bottom: 10px;
width: 100%;
}
body.blog #content .post .author-box,
body.archive #content .post .author-box {
float: right;
text-align: right;
padding: 15px 0 5px 15px;
background-color: #FFF;
}
body.blog #content .post .date,
body.archive #content .post .date {
font-size: 12px;
margin: -5px 0 10px 0;
}
.ribbon,
.magazine h3.ribbon {
position: absolute;
top: 20px;
left: -2px;
background-color: #272727;
color: #FFF;
margin: 0px !important;
padding: 5px 15px 5px 20px;
text-transform: uppercase;
font-size: 14px;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
max-width: 220px;
overflow: hidden;
white-space: nowrap;
}
.magazine .featured h3.ribbon {
max-width: 400px;
}
.ribbon a {
color: #fff;
}
ul.scrollButtons {
margin: 0px;
}
ul.scrollButtons li {
display: block;
padding: 6px;
}
ul.scrollButtons li a {
display: block;
background-image: url(images/arrow-sprite.png);
background-repeat: no-repeat;
width: 5px;
height: 9px;
text-indent: -500px;
overflow: hidden;
}
ul.scrollButtons li.left,
ul.scrollButtons li.right {
float: left;
}
ul.scrollButtons li.left a {
background-position: 0px -10px;
}
ul.scrollButtons li.right a {
background-position: -10px -10px;
}
ul.scrollButtons li.left a:hover {
background-position: 0px 0px;
}
ul.scrollButtons li.right a:hover {
background-position: -10px 0px;
}
.magazine .post .image {
overflow: hidden;
display: block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
}
.magazine .post.featured {
width: 637px;
margin-bottom: 15px !important;
}
.magazine .post.featured .image {
height: 419px;
background-color: #f3f4f3;
}
.magazine .post.featured .image img {
width: 690px;
}
.magazine .post.featured .text {
position: absolute;
bottom: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
background: #2e2e2e;
background: -moz-linear-gradient(top, #2e2e2e 0%, #1d1d1d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2e2e), color-stop(100%, #1d1d1d));
background: -webkit-linear-gradient(top, #2e2e2e 0%, #1d1d1d 100%);
background: -o-linear-gradient(top, #2e2e2e 0%, #1d1d1d 100%);
background: -ms-linear-gradient(top, #2e2e2e 0%, #1d1d1d 100%);
background: linear-gradient(top, #2e2e2e 0%, #1d1d1d 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#1d1d1d', GradientType=0);
color: #FFF;
padding: 10px 15px;
line-height: 14px;
}
.magazine .post.featured .text strong {
font-weight: normal;
}
.magazine .post .entry-meta {
color: #9b9b9b;
font-size: 11px;
display: block;
margin-bottom: 4px;
line-height: 14px;
}
.magazine .post .entry-meta span {
display: none;
}
.magazine #content .featured .text h2 {
margin-top: 0px;
}
.magazine .featured .text a,
.magazine .featured .text h2 a {
color: #FFF;
}
.magazine .featured .text p {
line-height: 14px;
margin-bottom: 14px;
color: #FFF;
}
.magazine .featured .text .entry-meta {
display: none;
}
.magazine .featured .button {
display: none;
}
.magazine .featured .ribbon {
background-color: #1A988B;
}
.magazine .featured .btn {
display: none;
}
#magCarousel {
width: 656px;
margin-left: -15px;
}
.magazine .post.preview {
float: left;
width: 310px;
}
.page-template-magazine-front-php.magazine .post.preview,
.page-template-events-php.magazine .post.preview {
margin: 0px 0px 15px 15px !important;
}
.magazine .post.preview .image {
height: 196px;
}
.magazine .post.preview .text {
height: 164px;
padding: 0px 10px;
line-height: 14px;
}
.magazine .post.preview .text h2 {
line-height: 22px;
min-height: 30px;
}
.magazine .post.preview .text p {
line-height: 14px;
margin-bottom: 14px;
}
.magazine .post.preview .text p:nth-of-type(n+2),
.magazine .post.preview .text div.sharethis-plugin {
display: none;
}
.magazine .post.preview .text strong {
font-weight: normal;
}
.magazine .post.preview .btn {
margin: 10px 10px 10px 10px;
}
.magazine .post.featured .text .btn,
.magazine .post.preview .text .btn {
background-color: transparent;
background-image: none;
border: none;
box-shadow: none;
font-size: 12px;
line-height: 14px;
padding: 0px;
margin: 0px;
text-shadow: none;
display: inline;
color: #1A988B;
}
.magazine .post {
display: block;
}
.magazine .post h2 {
margin-bottom: 5px;
font-size: 18px;
}
.magazine .post h2 a {
color: #282828;
}
.magazine .blog-nav {
position: relative;
text-align: right;
margin-left: 12px;
}
.magazine .blog-nav .carousel-control {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
width: 25px;
height: 25px;
left: 1px;
top: 0px;
font-size: 42px;
line-height: 16px;
margin-top: 0px;
opacity: 1;
}
.magazine .blog-nav .carousel-control.right {
right: auto;
left: 35px;
}
.magazine .blog-nav .all-posts {
line-height: 25px;
margin-right: 5px;
}
@media (max-width: 979px) {
.magazine .post.featured,
.magazine .post.preview,
.magazine #magCarousel {
width: auto;
}
.magazine #sidebar .widget {
margin-left: 0px;
}
}
.events.magazine .pagetitle {
font-weight: 200;
margin-bottom: 20px;
font-size: 27px;
}
.events.magazine .ribbon {
display: none;
}
.single-post #blog-single .comments-closed {
margin: 10px 0px;
background-color: #FFF;
border: 1px solid #dee0df;
padding: 10px;
}
.single-post #blog-single #comments {
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #dee0df;
border-left-color: #dee0df;
padding: 20px 0px 5px 0px;
}
.single-post #blog-single #comments h3 {
margin: 0px 20px 20px 20px;
}
.single-post #blog-single #comments .commentlist {
margin: 0px 10px;
}
.single-post #blog-single #comments .commentlist li {
display: block;
background-color: #e9f2f1;
margin: 10px 0px 0px 0px;
}
.single-post #blog-single #comments .commentlist li .comment-avatar-box {
float: left;
margin: 10px;
}
.single-post #blog-single #comments .commentlist li .comment-avatar-box img {
width: 65px;
height: 65px;
}
.single-post #blog-single #comments .commentlist li .comment-content {
padding: 10px 10px 10px 90px;
position: relative;
min-height: 65px;
}
.single-post #blog-single #comments .commentlist li .comment-content .comment-options {
position: absolute;
top: 10px;
right: 10px;
}
.single-post #blog-single #comments .commentlist li .comment-content .comment-options a {
display: inline-block;
padding: 0px 15px;
height: 20px;
line-height: 20px;
text-align: center;
background: #434343;
background: -moz-linear-gradient(top, #434343 0%, #0a0a0a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #434343), color-stop(100%, #0a0a0a));
background: -webkit-linear-gradient(top, #434343 0%, #0a0a0a 100%);
background: -o-linear-gradient(top, #434343 0%, #0a0a0a 100%);
background: -ms-linear-gradient(top, #434343 0%, #0a0a0a 100%);
background: linear-gradient(top, #434343 0%, #0a0a0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#0a0a0a', GradientType=0);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 2px 0px #000000;
-moz-box-shadow: 0px 0px 2px 0px #000000;
box-shadow: 0px 0px 2px 0px #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.single-post #blog-single #respond {
background-color: transparent;
}
.single-post #blog-single #respond form {
padding: 0px;
margin: 0px;
position: relative;
}
.single-post #blog-single #respond h3 {
color: #404040;
margin-top: 0px;
}
.single-post #blog-single .related-posts ol {
margin: 0px;
}
.single-post #blog-single .related-posts li {
float: left;
display: block;
width: 318px;
padding: 10px;
background-color: #FFFFFF;
border: 1px solid #DEE0DF;
margin-top: 8px;
margin-right: 8px;
height: 220px;
overflow: hidden;
line-height: 18px;
position: relative;
}
.single-post #blog-single .related-posts li:nth-child(even) {
margin-right: 0px;
}
.single-post #blog-single .related-posts li a {
display: block;
font-size: 18px;
font-weight: bold;
line-height: 18px;
margin-bottom: 5px;
color: #333333;
padding-top: 60px;
}
.single-post .container .row .author-box h3 {
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin-bottom: 3px;
}
.single-post .container .row .author-box h3 a {
color: #333333;
font-weight: bold;
}
.single-post .container .row .span8 .date {
font-size: 12px;
margin: -5px 0 10px 0;
}
.single-post .container .row .span2 .author-box,
.single-post .container .row .span2 .date,
.single-post .container .row .span2 .post-utility {
padding: 10px 0px 10px 10px;
font-size: 11px;
line-height: 17px;
color: #444444;
border-bottom: dotted 1px #E9EAEA;
display: block;
}
.single-post .container .row .span2 .author-box p {
font-size: 11px;
line-height: 17px;
color: #444444;
}
.single-post .container .row #sidebar .author-box img {
margin-top: 20px;
}
.single-post .container .row #sidebar .author-box h3 {
margin: 5px 0px 10px 0px;
}
.single-post .container .row #sidebar .author-box.small div.avatar {
float: left;
}
.single-post .container .row #sidebar .author-box.small h3 {
margin: 0px 0px 5px 0px;
padding: 27px 0px 14px 10px;
height: 43px;
overflow: hidden;
text-overflow: ellipsis;
}
.single-post .container .sharethis-plugin {
margin-top: 20px;
}
.wpsocialite.small,
.wpsocialite.large {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.wpsocialite.small .socialite {
width: auto;
}
.wpsocialite.small .socialite {
overflow: hidden;
}
.wpsocialite.small .socialite.facebook-like {
width: 51px;
}
.wpsocialite.small .socialite.twitter-share {
width: 57px;
}
.wpsocialite.small .socialite.googleplus-one {
width: 33px;
}
.wpsocialite.small > li {
width: auto;
min-width: 30px;
padding-right: 10px;
}
.home-page .wpsocialite {
display: none;
}
table {
width: 100%;
margin-bottom: 18px;
padding: 0;
font-size: 13px;
border-collapse: collapse;
}
table th,
table td {
padding: 10px 10px 9px;
line-height: 18px;
text-align: left;
}
table th {
padding-top: 9px;
font-weight: bold;
vertical-align: middle;
}
table td {
vertical-align: top;
border-top: 1px solid #ddd;
}
table tbody th {
border-top: 1px solid #ddd;
vertical-align: top;
}
table td.label {
background-color: #FFF;
border-radius: 3px 3px 3px 3px;
color: #000;
font-size: inherit;
font-weight: normal;
padding: 10px 10px 9px 0px;
text-transform: capitalize;
}
table.table-box {
border: none;
border-spacing: 10px 0px;
border-collapse: separate;
background-color: #F3F3F3;
padding: 10px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
table.table-box th {
border: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 24px;
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 15px 10px 5px 10px;
background-color: #FFF;
}
table.table-box td {
border: none;
background-color: #FFF;
}
table.table-box tr:last-of-type td {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
table.table-box tr.highlight td {
background-color: #F9F9F9;
}
#content table.table-box th h4,
#content table.table-box td h4 {
margin-top: 0px;
}
.item-list-tabs ul,
.tabs,
.pills {
margin: 0 0 18px;
padding: 0;
list-style: none;
zoom: 1;
}
.item-list-tabs ul:before,
.item-list-tabs ul:after,
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
display: table;
content: "";
zoom: 1;
}
.item-list-tabs ul:after,
.tabs:after,
.pills:after {
clear: both;
}
.item-list-tabs > ul > li,
.tabs > li,
.pills > li {
float: left;
}
.item-list-tabs > ul > li > a,
.tabs > li > a,
.pills > li > a {
display: block;
}
.item-list-tabs ul,
.tabs {
border-color: #ddd;
border-style: solid;
border-width: 0 0 1px;
}
.item-list-tabs > ul > li,
.tabs > li {
position: relative;
margin-bottom: -1px;
}
.item-list-tabs > ul > li > a,
.tabs > li > a {
padding: 0 15px;
margin-right: 2px;
line-height: 34px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.item-list-tabs > ul > li > a:hover,
.tabs > li > a:hover {
text-decoration: none;
background-color: #eee;
border-color: #eee #eee #ddd;
}
.item-list-tabs .selected > a,
.item-list-tabs .current > a,
.item-list-tabs .current > a:hover,
.item-list-tabs .selected > a:hover,
.tabs .active > a,
.tabs .active > a:hover {
color: #808080;
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
html,
body {
overflow-x: hidden;
}
.banner {
margin-top: -15px;
}
.banner.full-width {
position: relative;
background-color: #c8c8c8;
background-image: url(images/banner-bg.png);
background-repeat: repeat-x;
-webkit-box-shadow: 0px 1px 0px 0px #efefef;
-moz-box-shadow: 0px 1px 0px 0px #efefef;
box-shadow: 0px 1px 0px 0px #efefef;
*margin-top: 0px !important;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.banner.full-width:before,
.banner.full-width:after {
content: "";
position: absolute;
background-color: #c8c8c8;
background-image: url(images/banner-bg.png);
top: 0;
bottom: 0;
width: 9999px;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-box-shadow: 0px 1px 0px 0px #efefef;
-moz-box-shadow: 0px 1px 0px 0px #efefef;
box-shadow: 0px 1px 0px 0px #efefef;
}
section.full-width {
position: relative;
}
section.full-width:before,
section.full-width:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 9999px;
}
.banner.full-width:before,
section.full-width:before {
right: 100%;
}
.banner.full-width:after,
section.full-width:after {
left: 100%;
}
.banner.full-width img {
max-width: inherit;
}
.banner.wallpaper,
section.wallpaper {
background-color: #173832;
background-image: url(images/wallpaper.png);
background-repeat: repeat;
background-position: center top;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
color: #FFFFFF;
}
.banner.wallpaper.full-width:before,
.banner.wallpaper.full-width:after,
section.wallpaper.full-width:before,
section.wallpaper.full-width:after {
background-image: url(images/wallpaper.png);
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}
.banner.wallpaper.full-width:before,
section.wallpaper.full-width:before {
background-position: 56px top;
}
.banner.wallpaper.full-width:after,
section.wallpaper.full-width:after {
background-position: -45px top;
}
.banner.wallpaper.grey,
section.wallpaper.grey,
.banner.wallpaper.full-width.grey:before,
.banner.wallpaper.full-width.grey:after,
section.wallpaper.full-width.grey:before,
section.wallpaper.full-width.grey:after {
background-color: #c6c6c6;
background-image: url(images/wallpaper-grey.png);
color: #333333;
}
.banner.chalkboard,
section.chalkboard {
background-color: #083a2b;
background-image: url(images/chalkboard.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
color: #FFFFFF;
}
.banner.chalkboard h1,
section.chalkboard h1,
.banner.chalkboard h2,
section.chalkboard h2 {
font-family: 'EraserRegular', 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: normal;
}
.banner.chalkboard a,
section.chalkboard a,
.banner.chalkboard a:visited,
section.chalkboard a:visited {
color: #fff;
text-decoration: underline;
}
.banner.chalkboard a:hover,
section.chalkboard a:hover {
color: #cef;
}
.banner.chalkboard.full-width:before,
.banner.chalkboard.full-width:after,
section.chalkboard.full-width:before,
section.chalkboard.full-width:after {
background-color: #083a2b;
background-image: url(images/chalkboard.jpg);
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
background-repeat: no-repeat;
}
.banner.chalkboard.full-width:before,
section.chalkboard.full-width:before {
background-position: right top;
background-image: url(images/chalkboard-before.jpg);
}
.banner.chalkboard.full-width:after,
section.chalkboard.full-width:after {
background-position: left top;
background-image: url(images/chalkboard-after.jpg);
}
.banner.black-banner,
section.black-banner {
background: #3f3f3f;
background: -moz-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f3f3f), color-stop(100%, #181818));
background: -webkit-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: -o-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: -ms-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: linear-gradient(to bottom, #3f3f3f 0%, #181818 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3f3f', endColorstr='#181818', GradientType=0);
background-position: center top;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
color: #FFFFFF;
}
.banner.black-banner h1,
section.black-banner h1,
.banner.black-banner h2,
section.black-banner h2,
.banner.black-banner h3,
section.black-banner h3,
.banner.black-banner a,
section.black-banner a,
section.black-banner label {
color: #FFFFFF;
}
.banner.black-banner.full-width:before,
.banner.black-banner.full-width:after,
section.black-banner.full-width:before,
section.black-banner.full-width:after {
background: #3f3f3f;
background: -moz-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f3f3f), color-stop(100%, #181818));
background: -webkit-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: -o-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: -ms-linear-gradient(top, #3f3f3f 0%, #181818 100%);
background: linear-gradient(to bottom, #3f3f3f 0%, #181818 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3f3f', endColorstr='#181818', GradientType=0);
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}
.banner.black-banner.solid,
section.black-banner.solid,
.banner.black-banner.full-width.solid:before,
.banner.black-banner.full-width.solid:after,
section.black-banner.full-width.solid:before,
section.black-banner.full-width.solid:after {
background-image: none;
background-color: #000;
}
.banner.lined,
section.lined,
.banner.lined.full-width,
section.lined.full-width,
.banner.lined.full-width:before,
.banner.lined.full-width:after,
section.lined.full-width:before,
section.lined.full-width:after {
background-color: #FFF;
background-image: url(images/lined-paper.png);
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
background-repeat: repeat;
}
.banner.squared,
section.squared,
.banner.squared.full-width:before,
.banner.squared.full-width:after,
section.squared.full-width:before,
section.squared.full-width:after {
background-color: #f7f7f9;
background-image: url(images/squared-paper.png);
background-position: left top;
color: #1d193d;
box-shadow: 0 -5px 5px -5px #ccd2dc inset;
}
.banner.squared h1,
section.squared h1,
.banner.squared h2,
section.squared h2 {
font-family: 'CabinSketch', 'Open Sans', Helvetica, Arial, sans-serif;
}
.banner.squared a,
section.squared a,
.banner.squared a:visited,
section.squared a:visited {
color: #1d193d;
text-decoration: underline;
}
.banner.squared a:hover,
section.squared a:hover {
color: #000;
}
.banner.squared.full-width:before,
section.squared.full-width:before {
background-position: right top;
}
.banner.squared.full-width:after,
section.squared.full-width:after {
background-position: 20px top;
}
.banner.squared .well,
section.squared .well {
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
margin-right: 2px;
}
.banner.light-banner,
section.light-banner,
.banner.light-banner.full-width:before,
.banner.light-banner.full-width:after,
section.light-banner.full-width:before,
section.light-banner.full-width:after {
background: #f6f5f6;
background: -moz-linear-gradient(top, #f6f5f6 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f5f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #f6f5f6 0%, #ffffff 100%);
background: -o-linear-gradient(top, #f6f5f6 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #f6f5f6 0%, #ffffff 100%);
background: linear-gradient(to bottom, #f6f5f6 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f5f6', endColorstr='#ffffff', GradientType=0);
box-shadow: none;
}
.static-banner {
padding: 20px 165px 20px 400px;
display: table;
background-repeat: no-repeat;
background-position: left center;
}
.static-banner .inner {
display: table-cell;
vertical-align: middle;
font-size: 22px;
line-height: 26px;
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.static-banner.text-left {
padding: 20px 0px;
display: block;
position: relative;
}
.static-banner.text-left .inner {
display: block;
position: absolute;
bottom: 20px;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.8);
max-width: 67%;
padding: 15px 30px 15px 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.flickr.banner {
margin: 0px 0px 20px 0px;
position: relative;
height: 300px;
overflow: hidden;
display: block;
}
.flickr.banner .inner {
width: 960px;
margin-left: -10px;
display: block;
}
.flickr.banner .inner > span {
display: block;
float: left;
width: 160px;
height: 100px;
background-position: center center;
background-size: cover;
}
.flickr.banner .inner .text {
position: absolute;
left: 0px;
bottom: 25px;
width: 50%;
padding: 20px;
background: #ffffff;
background: rgba(255, 255, 255, 0.9);
font-size: 20px;
line-height: normal;
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.flickr.banner .inner .text:empty {
padding: 0px;
}
section.coloured,
section.coloured:before,
section.coloured:after {
background-color: #1C1C1C;
}
section.coloured,
section.coloured h1,
section.coloured h2,
section.coloured h3,
section.coloured h4,
section.coloured p {
color: #FFF;
}
.striped section:nth-of-type(even),
.striped section:nth-of-type(even).full-width:before,
.striped section:nth-of-type(even).full-width:after {
background-color: #F9F9F9;
}
.himg {
height: 150px;
background: #dbdbdb;
background: -moz-linear-gradient(top, #dbdbdb 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #f7f7f7));
background: -webkit-linear-gradient(top, #dbdbdb 0%, #f7f7f7 100%);
background: -o-linear-gradient(top, #dbdbdb 0%, #f7f7f7 100%);
background: -ms-linear-gradient(top, #dbdbdb 0%, #f7f7f7 100%);
background: linear-gradient(to bottom, #dbdbdb 0%, #f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f7f7f7', GradientType=0);
margin-bottom: 15px;
}
.button-bar {
position: relative;
margin-bottom: 20px;
}
.button-bar ul,
.button-bar ul:before,
.button-bar ul:after {
background-color: #2c2c2c;
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e0e0;
}
.button-bar ul {
height: 65px;
line-height: 65px;
color: #FFF;
display: table;
width: 100%;
margin: 0px;
}
.button-bar ul:before,
.button-bar ul:after {
content: "";
position: absolute;
top: 0px;
bottom: 0;
width: 9999px;
}
.button-bar ul:before {
right: 100%;
}
.button-bar ul:after {
left: 100%;
}
.button-bar ul li {
display: table-cell;
vertical-align: middle;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ededed;
padding: 0px 20px;
}
.button-bar ul li:nth-of-type(1) {
padding-left: 0px;
border: none;
}
.button-bar ul li img {
-moz-opacity: 0.40;
opacity: 0.40;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
cursor: pointer;
}
.button-bar ul li.active img,
.button-bar ul li img:hover {
-moz-opacity: 1.00;
opacity: 1.00;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#content.search-page .post {
margin-bottom: 0px;
}
#content.search-page .post .entry {
padding: 0px;
}
#content.search-page .entry p:nth-child(n+2) {
display: none;
}
.wp-caption {
background-color: #F0F0F0;
padding: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 10px auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
display: block;
max-width: 100%;
overflow: hidden;
}
.wp-caption.alignleft {
margin: 0px 15px 9px 0px;
float: left;
text-align: center;
}
.wp-caption.alignright {
margin: 0px 0px 9px 15px;
float: right;
text-align: center;
}
#content .post .entry .wp-caption img {
border: none;
margin: 0px;
padding: 0px;
display: inline;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.wp-caption-text,
#blog-single p.wp-caption-text,
body.blog #content p.wp-caption-text {
margin: 0px;
padding: 5px 8px;
font-size: 11px;
line-height: normal;
text-align: left;
}
.wp-caption-text a {
color: #333333;
}
.comments-closed {
display: none;
}
.corner.ribbon {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
text-align: center;
}
body > .corner.ribbon {
top: 26px;
right: -40px;
left: auto;
width: 170px;
padding: 0px;
display: block;
height: 40px;
line-height: 40px;
z-index: 99999;
font-size: 12px;
}
body > .corner.ribbon:hover {
text-decoration: none;
color: #FFF;
}
body > .corner.ribbon img {
max-height: 36px;
max-width: 115px;
padding: 2px;
}
@media (max-width: 1110px) {
body > .corner.ribbon {
position: relative;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
top: 0;
left: 0;
max-width: none;
width: auto;
}
}
@media (max-width: 979px) {
body > .corner.ribbon {
height: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
body > .corner.ribbon {
margin-left: -20px !important;
margin-right: -20px !important;
}
}
.ribbon.green {
background-color: #2b7d78;
background-image: -moz-linear-gradient(top, #2b8271, #2b7682);
background-image: -ms-linear-gradient(top, #2b8271, #2b7682);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b8271), to(#2b7682));
background-image: -webkit-linear-gradient(top, #2b8271, #2b7682);
background-image: -o-linear-gradient(top, #2b8271, #2b7682);
background-image: linear-gradient(top, #2b8271, #2b7682);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8271', endColorstr='#2b7682', GradientType=0);
color: #FFF;
}
.ribbon.blue {
background-color: #0289d1;
background-image: -moz-linear-gradient(top, #1da4ec, #0289d1);
background-image: -ms-linear-gradient(top, #1da4ec, #0289d1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da4ec), to(#0289d1));
background-image: -webkit-linear-gradient(top, #1da4ec, #0289d1);
background-image: -o-linear-gradient(top, #1da4ec, #0289d1);
background-image: linear-gradient(top, #1da4ec, #0289d1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1da4ec', endColorstr='#0289d1', GradientType=0);
color: #FFF;
}
a.sidelink {
display: block;
position: relative;
padding-right: 27px;
display: table;
}
@media (min-width: 768px) {
a.sidelink:after {
content: '';
font-size: 40px;
color: #FFF;
background-color: #DDDDDD;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 27px;
-webkit-border-top-right-radius: inherit;
-webkit-border-bottom-right-radius: inherit;
-moz-border-radius-topright: inherit;
-moz-border-radius-bottomright: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
background-image: url(images/arrow-right-white.png);
background-repeat: no-repeat;
background-position: center center;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
}
a.sidelink:hover:after {
background-color: #1A988B;
}
}
.pull-quote {
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 22px;
padding-left: 15px;
}
.pull-quote:before,
.pull-quote:after {
font-size: 38px;
position: absolute;
}
.pull-quote:before {
content: '\201C';
margin-left: -15px;
}
.pull-quote:after {
content: '\201D';
padding-left: 5px;
}
.latest-posts {
margin: 0px;
}
.latest-posts li {
list-style: none;
}
.latest-posts li a {
display: block;
height: 66px;
padding: 3px;
text-decoration: none;
margin: 0px 0px 13px 0px;
}
.latest-posts li .image {
display: block;
float: left;
width: 66px;
height: 66px;
background-size: cover;
background-position: center center;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}
.latest-posts li .date {
display: none;
}
.latest-posts li .text {
margin-left: 80px;
margin-right: 8px;
color: #333333;
height: 66px;
}
#content .latest-posts li h4 {
margin: 6px 0px 0px 0px;
line-height: 18px;
}
.latest-posts.horizontal {
margin-left: -10px;
}
.latest-posts.horizontal li {
float: left;
width: 25%;
}
.latest-posts.horizontal li a {
height: auto;
border: none;
margin-left: 10px;
}
.latest-posts.horizontal li .image {
float: none;
width: auto;
height: 136px;
}
.latest-posts.horizontal li .text {
margin-left: 0px;
height: 126px;
}
#content .latest-posts.horizontal li .text h4 {
font-size: 18px;
line-height: 22px;
margin-bottom: 5px;
margin-top: 10px;
}
.latest-posts.horizontal.posts1 li {
width: 100%;
}
.latest-posts.horizontal.posts2 li {
width: 50%;
}
#blog-single,
#blog-single p,
#blog-single li,
body.blog #content,
body.blog #content p,
body.blog #content li {
font-size: 15px;
line-height: 22px;
color: #444444;
}
#blog-single p,
body.blog #content p {
text-align: justify;
}
body.page-template-home-page-php.home-template #content {
width: 100%;
}
body.page-template-home-page-php.home-template .posts,
#content.okfn-front [class*="posts"] {
margin-left: -20px;
min-height: 300px;
}
#content.okfn-front .post.box,
body.page-template-home-page-php.home-template .post.preview {
border: none;
margin: 0px 0px 0px 20px;
width: 220px;
}
body.page-template-home-page-php.home-template .post.box .padder,
#content.okfn-front .post.box .padder {
padding: 0px;
}
body.page-template-home-page-php.home-template .post.box .ribbon,
#content.okfn-front .post.box .ribbon {
display: none;
}
body.page-template-home-page-php.home-template .post.preview .image,
#content.okfn-front .post.preview .image {
height: 136px;
}
body.page-template-home-page-php.home-template .post.preview .text,
#content.okfn-front .post.preview .text {
padding: 0px;
height: 126px;
}
body.page-template-home-page-php.home-template .post.preview .text h2,
#content.okfn-front .post.preview .text h2 {
height: 44px;
}
body.page-template-home-page-php.home-template .post.preview .text .entry-meta,
#content.okfn-front .post.preview .text .entry-meta {
display: none;
}
body.page-template-home-page-php.home-template .post.preview .btn,
#content.okfn-front .post.preview .btn {
display: none;
}
body.sticky-subnav > header {
margin-bottom: 0px;
}
body.sticky-subnav .entry {
padding-top: 30px;
}
.subnav {
height: 30px;
line-height: 30px;
background: #313131;
background: -moz-linear-gradient(top, #313131 0%, #232323 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #313131), color-stop(100%, #232323));
background: -webkit-linear-gradient(top, #313131 0%, #232323 100%);
background: -o-linear-gradient(top, #313131 0%, #232323 100%);
background: -ms-linear-gradient(top, #313131 0%, #232323 100%);
background: linear-gradient(to bottom, #313131 0%, #232323 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#232323', GradientType=0);
border-top: solid 1px #313131;
border-bottom: solid 1px #000;
font-size: 14px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
position: absolute;
top: 0px;
z-index: 100;
}
.subnav:before,
.subnav:after {
content: "";
position: absolute;
background: #313131;
background: -moz-linear-gradient(top, #313131 0%, #232323 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #313131), color-stop(100%, #232323));
background: -webkit-linear-gradient(top, #313131 0%, #232323 100%);
background: -o-linear-gradient(top, #313131 0%, #232323 100%);
background: -ms-linear-gradient(top, #313131 0%, #232323 100%);
background: linear-gradient(to bottom, #313131 0%, #232323 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#232323', GradientType=0);
border-top: solid 1px #313131;
border-bottom: solid 1px #000;
top: -1px;
bottom: -1px;
width: 9999px;
}
.subnav:before {
right: 100%;
}
.subnav:after {
left: 100%;
}
.subnav a {
color: #FFF;
padding: 0px 10px;
display: inline-block;
border-left: solid 1px #393939;
border-right: solid 1px #282828;
margin: 0px;
}
.subnav a:first-of-type {
border-left: none;
}
.subnav a:hover {
text-decoration: none;
background-color: #000;
}
.subnav .separator {
display: none;
}
body.sticky-subnav .subnav a.right {
position: fixed;
right: 0;
}
body.sticky-subnav.top .subnav a.right {
display: none;
}
@media (max-width: 979px) {
.subnav {
display: none;
}
}
body > section.subscribe,
body > .mailing-lists > section.subscribe {
background-color: #3d3d3d;
padding-top: 11px;
border-top: solid 1px #3d3d3d;
color: #f5f5f5;
}
body > section.subscribe form {
margin-bottom: 0px;
}
body > section.subscribe form,
body > .mailing-lists > section.subscribe form {
margin-bottom: 7px;
}
body > section.subscribe table,
body > .mailing-lists > section.subscribe table {
margin: 0px;
}
body > section.subscribe table th,
body > section.subscribe table td,
body > .mailing-lists > section.subscribe table th,
body > .mailing-lists > section.subscribe table td {
padding: 0px;
border: none;
}
body > section.subscribe table th,
body > .mailing-lists > section.subscribe table th {
line-height: 29px;
}
body > section.subscribe table td.submit,
body > .mailing-lists > section.subscribe table td.submit {
width: 81px;
}
body > section.subscribe input[type="email"],
body > section.subscribe input[type="text"],
body > .mailing-lists > section.subscribe input[type="email"],
body > .mailing-lists > section.subscribe input[type="text"] {
width: 92%;
}
body > section.subscribe label,
body > .mailing-lists > section.subscribe label {
display: none;
}
body > section.subscribe .announce,
body > .mailing-lists > section.subscribe .announce {
width: 185px;
display: none;
}
body > section.subscribe .announce label,
body > .mailing-lists > section.subscribe .announce label {
display: block;
}
body > section.subscribe .button,
body > .mailing-lists > section.subscribe .button {
float: right;
}
body > section.subscribe .mailchimp-plugin span.heading,
body > section.subscribe .mailchimp-plugin span.description,
body > .mailing-lists > section.subscribe .mailchimp-plugin span.heading,
body > .mailing-lists > section.subscribe .mailchimp-plugin span.description {
font-weight: bold;
float: left;
font-size: 13px;
}
body > section.subscribe .mailchimp-plugin > div,
body > .mailing-lists > section.subscribe .mailchimp-plugin > div {
display: table;
width: 100%;
}
body > section.subscribe .mailchimp-plugin .nm_mc_form,
body > .mailing-lists > section.subscribe .mailchimp-plugin .nm_mc_form {
display: table-cell;
}
body > section.subscribe .mailchimp-plugin ul,
body > .mailing-lists > section.subscribe .mailchimp-plugin ul {
display: table;
width: 100%;
}
body > section.subscribe .mailchimp-plugin li,
body > .mailing-lists > section.subscribe .mailchimp-plugin li {
display: table-cell;
text-align: right;
}
body > section.subscribe .mailchimp-plugin li:last-of-type,
body > .mailing-lists > section.subscribe .mailchimp-plugin li:last-of-type {
vertical-align: top;
width: 101px;
}
body > section.subscribe .mailchimp-plugin li:last-of-type .btn,
body > .mailing-lists > section.subscribe .mailchimp-plugin li:last-of-type .btn {
margin-top: -3px;
}
body > section.subscribe .mailchimp-plugin label,
body > .mailing-lists > section.subscribe .mailchimp-plugin label {
display: block;
}
@media (min-width: 768px) {
body > section.subscribe .label-over label,
body > .mailing-lists > section.subscribe .label-over label {
position: absolute;
padding-left: 15px;
width: auto;
opacity: 0.5;
}
}
body > section.subscribe .mailchimp-plugin #mc-response-area,
body > .mailing-lists > section.subscribe .mailchimp-plugin #mc-response-area {
background-color: #414140;
color: #FFFFFF;
left: 50%;
margin-left: -150px;
margin-top: 10px;
position: absolute;
text-align: center;
width: 300px;
line-height: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
z-index: 9999;
}
body > section.subscribe .mailchimp-plugin #mc-response-area .nm_mc_error,
body > .mailing-lists > section.subscribe .mailchimp-plugin #mc-response-area .nm_mc_error {
background-color: #F03;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
body > .tabbable.mailing-lists .nav {
margin-bottom: 0px;
}
body > .tabbable.mailing-lists .nav-tabs {
border-bottom: none;
}
body > .tabbable.mailing-lists .nav li a {
background-color: #646464;
border: none;
padding-bottom: 5px;
padding-top: 5px;
font-size: 14px;
line-height: normal;
color: #FFF;
}
body > .tabbable.mailing-lists .nav li.active a {
background-color: #3d3d3d;
}
@media (max-width: 767px) {
body > .mailing-lists {
margin-left: -20px;
margin-right: -20px;
}
}
body > .mailing-lists > .container {
display: none;
}
body > .tabbable.mailing-lists > .container {
display: block;
}
body > .mailing-lists span.description {
display: none;
}
body > .tabbable.mailing-lists span.heading {
display: none;
}
body > .tabbable.mailing-lists span.description {
display: inline;
}
.mailman-popup {
width: 100%;
height: 320px;
position: absolute;
left: 0;
top: 50%;
margin-top: -160px;
text-align: center;
}
.mailman-popup .icon {
height: 80px;
background-image: url(images/mail-icon.png);
background-position: center 0px;
background-repeat: no-repeat;
margin-bottom: 30px;
}
.mailman-popup p {
font-size: 30px;
}
.mailman-popup .field {
padding: 25px 20px;
}
.mailman-popup .field input {
padding: 12px 22px;
font-size: 24px;
line-height: none;
height: 32px;
width: 40%;
}
section.twitter {
min-height: 64px;
margin-bottom: 20px;
}
section.twitter .twitter.icon28 {
top: 10px;
position: absolute;
}
section.twitter .tweetfeed,
section.twitter .ttm-container {
margin-left: -20px;
padding-left: 60px;
height: 54px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.twitter .tweetfeed li,
section.twitter .ttm-container li {
font-size: 18px;
line-height: 20px;
height: 64px;
padding: 10px 0 0 0;
list-style: none;
}
section.twitter .tweetfeed li a,
section.twitter .ttm-container li a {
color: #FFF;
font-weight: bold;
}
section.twitter .tweetfeed li em:last-of-type {
font-size: 12px;
}
.tweeter .tweetfeed,
.tweeter .ttm-container {
position: relative;
margin-left: 0px;
}
.tweeter .tweetfeed .tweet-twittar,
.tweeter .tweetfeed .tweet-name,
.tweeter .tweetfeed .tweet-screen-name,
.tweeter .ttm-container .screen-name,
.tweeter .ttm-container .twittar,
.tweeter .ttm-container .reply,
.tweeter .ttm-container .retweet,
.tweeter .ttm-container .favorite {
display: none;
}
.tweeter .tweetfeed .tweet-content {
margin: 0;
}
.tweeter .tweetfeed .tweet-timestamp a {
display: none;
}
.tweeter .tweetfeed .intent-meta {
display: none;
}
.gce-event-info {
border: none;
}
.gce-qtip {
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
}
.gce-event-info ul {
margin: 0px;
}
.gce-event-info ul div {
padding: 2px 10px;
}
.gce-event-info ul div:last-of-type {
padding-bottom: 10px;
}
.gce-event-info .gce-tooltip-title {
padding: 10px 10px 0px 10px;
margin: 0px;
}
.gce-event-info .gce-tooltip-event {
padding: 5px 10px;
}
body.fluid > .container {
width: 100%;
}
.page-template-full-banner-php > .container > .banner {
background-repeat: no-repeat;
background-position: center top;
background-color: #ECECEC;
position: relative;
font-size: 24px;
line-height: 28px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
margin-bottom: 35px;
}
.page-template-full-banner-php > .container > .banner .container {
height: 390px;
position: relative;
}
.page-template-full-banner-php > .container > .banner .container .text {
position: absolute;
bottom: 15px;
z-index: 1;
}
.page-template-full-banner-php > .container > .banner .container .text .caption {
max-width: 870px;
display: block;
}
.page-template-full-banner-php > .container > .banner a.attribution {
font-size: 11px;
left: 0;
line-height: normal;
opacity: 0.8;
text-decoration: none;
display: block;
margin-top: 25px;
}
.page-template-full-banner-php > .container > .banner a.attribution:hover {
opacity: 1;
}
.page-template-full-banner-php > .container > .banner,
.page-template-full-banner-php > .container > .banner h1,
.page-template-full-banner-php > .container > .banner a {
color: #FFF;
}
.page-template-full-banner-php > .container > .banner:after {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.57)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#91000000', GradientType=0);
bottom: 0;
content: "";
height: 210px;
left: 0;
position: absolute;
right: 0;
}
p:empty {
display: none;
}
body > footer {
margin-top: 0px;
}
body > footer h3 {
font-size: 14px;
}
#footer-widget-area > div#fourth {
float: left;
clear: left;
width: 66% !important;
}
#footer-widget-area > div#fourth .menu {
margin: 0px;
opacity: 0.7;
}
#footer-widget-area > div#fourth .widget_nav_menu .menu li {
display: inline-block;
line-height: 20px;
padding: 0px;
}
#footer-widget-area > div#fourth .widget_nav_menu .menu li a {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333333;
padding-right: 5px;
padding-left: 2px;
}
#footer-widget-area > div#fourth .widget_nav_menu .menu li:first-of-type a {
padding-left: 0px;
}
#footer-widget-area > div#fourth .widget_nav_menu .menu li:last-of-type a {
border: none;
}
.footer-buttons {
text-align: right;
}
.footer-buttons a {
display: inline-block;
height: 20px;
}
.footer-buttons .twitter,
.footer-buttons .facebook {
background-image: url(images/social-icons-small.png);
background-repeat: no-repeat;
width: 20px;
overflow: hidden;
text-indent: -9999px;
margin-left: 2px;
text-align: left;
}
.footer-buttons .twitter {
background-position: 0px -150px;
}
.carousel.text-right .carousel-control {
left: 50%;
margin-left: 20px;
top: auto;
bottom: 25%;
height: 20px;
width: 20px;
border: none;
line-height: 15px;
font-size: 28px;
}
.carousel.text-right .carousel-control.right {
left: 50%;
right: auto;
margin-left: 50px;
}
.carousel.text-right .carousel-caption {
left: 50%;
right: 0;
bottom: 25%;
padding: 20px;
background-color: transparent !important;
}
#content .carousel.text-right .carousel-caption h2,
#content .carousel.text-right .carousel-caption h3,
#content .carousel.text-right .carousel-caption h4,
.carousel.text-right .carousel-caption h2,
.carousel.text-right .carousel-caption h3,
.carousel.text-right .carousel-caption h4 {
color: #333333;
}
.carousel.text-right .carousel-caption p {
color: #454545;
font-size: 14px;
line-height: 20px;
margin: 0 0 9px;
}
.banner > .carousel.photo-stack {
height: 390px;
}
.banner > .carousel.photo-stack .item {
background-image: url(../images/photo.png);
background-repeat: no-repeat;
background-position: 7px 30px;
padding: 45px 0px 0px 20px;
height: 345px;
}
.banner > .carousel.photo-stack .item img {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
width: 415px;
border: solid 3px #FFF;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.banner > .carousel.photo-stack .carousel-caption,
.banner > .carousel.photo-stack .carousel-control {
bottom: 100px;
}
.banner > .carousel.photo-stack .item.not-photo {
background-image: none;
}
.banner > .carousel.shadowed {
height: 350px;
}
.banner > .carousel.shadowed .item img {
height: 311px;
margin-top: 40px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
margin-left: 3px;
}
.banner > .carousel.shadowed .carousel-caption,
.banner > .carousel.shadowed .carousel-control {
bottom: 100px;
}
.banner > .carousel.shadowed .item.not-photo {
height: 311px;
margin-top: 40px;
}
.banner > .carousel .item .text-slide {
text-align: right;
width: 44%;
text-transform: uppercase;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
border-right: solid 1px #afafaf;
padding-left: 15px;
padding-right: 25px;
}
.banner > .carousel .item .text-slide p {
font-size: 40px;
line-height: 32px;
font-weight: 700;
margin-bottom: 4px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.banner > .carousel .item .text-slide p:nth-of-type(even) {
color: #6a6a6a;
}
.banner > .carousel.text-right .item .calendar-slide {
width: 48%;
}
.banner > .carousel.shadowed .item .calendar-slide {
padding: 0px 0px 0px 3px;
}
.banner > .carousel.shadowed .item .calendar-slide .gce-page-grid {
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.banner > .carousel .item .calendar-slide .gce-page-grid {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #fafafa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #fafafa));
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #fafafa 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #fafafa 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #fafafa 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #fafafa 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
padding: 0px 10px 10px 10px;
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar {
color: #000000;
color: rgba(0, 0, 0, 0.7);
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar .gce-has-events {
color: #000000;
color: rgba(0, 0, 0, 0.7);
background-color: #e1eae9;
background-color: rgba(50, 141, 129, 0.1);
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar .gce-caption {
background: #528e87;
background: -moz-linear-gradient(top, #528e87 0%, #36756d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #528e87), color-stop(100%, #36756d));
background: -webkit-linear-gradient(top, #528e87 0%, #36756d 100%);
background: -o-linear-gradient(top, #528e87 0%, #36756d 100%);
background: -ms-linear-gradient(top, #528e87 0%, #36756d 100%);
background: linear-gradient(to bottom, #528e87 0%, #36756d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#528e87', endColorstr='#36756d', GradientType=0);
margin-left: -10px;
margin-right: -10px;
margin-bottom: 10px;
padding: 15px;
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar .gce-caption .gce-month-title {
color: #FFF;
font-family: OpenSansLight, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar .gce-caption a {
color: #ffffff;
color: rgba(255, 255, 255, 0.7);
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar .gce-caption a:hover {
color: #ffffff;
text-decoration: none;
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar td {
height: 36px;
}
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar td,
.banner > .carousel .item .calendar-slide .gce-page-grid .gce-calendar th {
border-color: rgba(0, 0, 0, 0.1);
}