f/*
Theme Name: ALT Gratis
Theme URI: https://www.alt.ac.uk
Description: ALT WordPress theme based on Gratis and HTML5 Blank by Todd Motto (@toddmotto)
Version: 1.2
Author: Martin Hawksey (@mhawksey)
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {} body {}
/* clear */
.clear:before,
.clear:after {
content: ' ';
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
img {
max-width: 100%;
vertical-align: bottom;
}
a,
a:visited,
a:hover {
color: #079948;
}
a {
text-decoration: none;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #04A4CC;
}
.comment {
display: table;
margin-bottom: 20px;
vertical-align: top;
}
.comment .attribution {
display: table-cell;
padding: 10px 30px 0 0;
vertical-align: top;
width: 136px;
}
.comment .attribution img {
margin: 0;
}
.comment .submitted p {
margin: 4px 0;
line-height: 1.2;
}
.comment .submitted .comment-time {
color: #999;
font-size: 0.786em;
}
.comment .submitted .comment-permalink {
text-transform: lowercase;
font-size: 0.786em;
}
.comment .content {
line-height: 1.6;
}
.comment .comment-arrow {
position: absolute;
margin-top: 10px;
margin-left: -45px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 20px 0;
border-color: transparent #ccc transparent transparent;
}
.comment .comment-text {
position: relative;
display: table-cell;
padding: 10px 25px;
border: 1px solid #eaeaea;
vertical-align: top;
}
.comment .indented {
margin-left: 40px;
}
.comment h2.title {
margin-bottom: 1em;
}
.comment div.user-picture img,
.comment div.field-user--user-picture img {
margin-left: 0;
}
.comment ul.links {
margin-bottom: 0;
padding: 0;
}
.comment ul.links li {
padding: 0 0.5em 0 0;
}
@media (min-width: 48em) {
.comment .submitted {
text-align: center;
}
}
@media (min-width: 48em) {
.comment .user-picture {
margin-bottom: 10px;
}
}
.comment-unpublished {
margin-right: 5px;
padding: 5px 2px 5px 5px;
}
.comment-unpublished .comment-text .comment-arrow {
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
}
@media (min-width: 0) and (max-width: 47.99em) {
#cc_slidertop {
display: none;
}
.comment {
padding: 10px;
border: 1px solid #b3b3b3;
}
.comment .attribution {
display: block;
padding: 0 30px 10px 0;
width: inherit;
}
.comment .attribution .user-picture,
.comment .attribution .field-user--user-picture {
float: left;
margin: 0 10px 0 0;
text-align: center;
top: 0;
}
.comment .comment-text {
display: block;
padding: 0;
border: none;
}
.comment .comment-text h3 {
border-bottom: 1px dashed #b3b3b3;
display: block;
margin-top: 10px;
}
.comment .comment-text .comment-arrow {
display: none;
}
}
body {
background-color: #fff;
}
body .l-page-wrapper {
background-color: #fff;
}
/**
* Hide elements from all users.
*
* Used for elements which should not be immediately displayed to any user. An
* example would be a collapsible fieldset that will be expanded with a click
* from a user. The effect of this class can be toggled with the jQuery show()
* and hide() functions.
*/
.element-hidden {
display: none;
}
/**
* Hide elements visually, but keep them available for screen-readers.
*
* Used for information required for screen-reader users to understand and use
* the site where visual display is undesirable. Information provided in this
* manner should be kept concise, to avoid unnecessary burden on the user.
* "!important" is used to prevent unintentional overrides.
*/
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
}
/**
* The .element-focusable class extends the .element-invisible class to allow
* the element to be focusable when navigated to via the keyboard.
*/
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
#top-bar {
min-height: 44px;
background: #333333;
}
#top-bar a {
color:#fff;
}
#top-bar .widget_nav_menu{
text-align: right;
float:left;
margin-bottom:0px;
margin-top:20px;
}
#top-bar .widget_nav_menu li{
border-right:1px solid;
}
#top-bar .widget_nav_menu li:last-child{
border-right:none;
}
#top-bar .menu {
padding-left:0px;
}
#top-bar .menu li {
display: inline-block;
vertical-align: top;
padding: 0 4px;
}
.l-header-wrapper {
padding: 4px 0 0 0;
background: #000;
}
.l-menu-wrapper,
.l-breadcrumbs,
.l-preface-wrap,
article.node,
article.header-block {
margin-bottom: 20px;
}
.l-menu-wrapper:after,
.l-breadcrumbs:after,
.l-preface-wrap:after,
article.node:after,
article.header-block:after {
content: "";
display: table;
clear: both;
}
.fullwidth-highlight .l-menu-wrapper {
margin-bottom: 0;
}
.posts article {
background: #fff;
padding: 5px 10px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
overflow: hidden;
width: 45%;
display: inline-block;
vertical-align: top;
margin-left:10px;
margin-bottom:15px;
}
article.node,
article.header-block {
padding-bottom: 20px;
}
.comments .comment-author img {
float:left;
margin-right:5px;
}
.comments ul{
margin-left:0px;
padding-left:0px;
}
.comments li{
width:100%;
}
.comments ul.children {
padding-left:40px;
}
.l-logo {
padding: 10px 0;
}
.image{
position:relative;
width:100%;
}
.image img {
width:100%;
max-height:160px;
}
.post-date {
color: #fff;
border-radius: 5px;
padding: 5px 10px;
height: 70px;
width: 60px;
float: right;
margin: 3px;
background-color: #079948;
}
.image .post-date{
position:absolute;
top:0px;
right:0px;
}
.date-mnth {
font-size: 20px;
text-align: center;
line-height: 21px;
}
.date-day {
font-size: 30px;
text-align: center;
line-height: 22px;
}
.date-yr {
font-size: 11px;
text-align: center;
line-height: 16px;
letter-spacing: 2px;
}
article h2 {
margin-bottom:0px;
font-size:145%;
}
article h3 {
margin-bottom:0px;
font-size:125%;
}
article h2 a, article h2 a:hover, article h2 a:visited {
color:#666;
}
article .category a{
text-transform: uppercase;
color: #fff;
background-color: #079948;
padding: 0 3px;
font-size:0.8em;
margin-bottom:10px;
}
article .tags {
display: inline-flex;
}
article ul.tags {
display: inline-block;
margin: 0;
list-style-type: none;
padding-left: 2px;
}
article ul.tags li {
margin:0;
display:inline-block;
padding-left: 10px;
}
article ul.tags li:before {
content: "\f02b";
width: 30px;
height: 30px;
font-family: FontAwesome;
color: gray;
margin-right:3px;
}
article .category a:hover{
border-bottom:none;
}
article .post-edit-link {
float:right;
}
article .post_thumb {
max-height: 600px;
overflow: hidden;
position: relative;
}
article .post_thumb img {
width: 100%;
height: auto;
}
article .post_thumb .caption {
position: absolute;
bottom: 8%;
right: 0;
width: 90%;
background-color: #079948;
padding: 5px 0 5px 10px;
color: #fff;
}
article iframe {
width:100%;
}
@media (min-width: 0) and (max-width: 47.99em) {
.l-logo {
margin: 34px 0 0;
width:30%;
}
article .post_thumb .caption {
font-size: 65%;
}
}
.l-branding {
padding-bottom: 10px;
}
.l-branding,
.l-logo {
text-align: center;
}
.l-footer-wrapper {
padding: 20px 0 40px 0;
background-color: #333;
color: #fff;
min-height: 100px;
}
.site-name-show h1.site-name a:after {
content: " \f101 ";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
.block {
margin-bottom: 20px;
}
.feed-icon {
display: block;
margin-bottom: 20px;
}
.scrolltop {
width: 46px;
height: 46px;
opacity: 0.7;
position: fixed;
bottom: 10px;
display: none;
z-index: 999;
font-size: 36px;
color: #666;
text-align: center;
}
.scrolltop:hover{
opacity: 1;
color: #666;
}
tr .form-item {
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
}
@media (min-width: 0) and (max-width: 47.99em) {
tr .form-item {
white-space: normal;
}
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button a {
border: none;
text-shadow: none;
box-shadow: none;
margin: 10px 10px 10px 0;
padding: 4px 20px 0px 20px;
height: 36px;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 0.03em;
font-size: 1rem;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
@-moz-document url-prefix() {
input[type="button"], input[type="submit"], input[type="reset"], button {
padding-top: 3px !important;
}
}
input {
line-height: inherit;
}
.button a {
display: inline-block;
line-height: inherit;
padding-top: 7px;
margin-top: 10px;
}
.form-item {
margin-top: 1em;
margin-bottom: 1em;
}
.form-item .description {
font-size: 0.9em;
}
textarea {
padding: 8px;
border: 1px solid #d1d1d1;
color: #666;
font-size: 1.2rem;
display: block;
margin: 0;
width: 100%;
}
select {
color: #666;
}
input.error {
border: 2px solid #ef262b;
}
textarea.error {
border: 2px solid #ef262b;
}
select.error {
border: 2px solid #ef262b;
}
/*input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=reset]) {
width: 100%;
border: 1px solid #d1d1d1;
color: #666;
}*/
.form-actions {
margin-top: 1em;
margin-bottom: 1em;
}
label {
display: block;
margin: 0 0 4px 0;
color: #666;
font-weight: bold;
}
label.option {
display: inline;
font-weight: normal;
}
input.form-radio,
input.form-checkbox {
margin: 0 6px 0 0;
vertical-align: middle;
cursor: pointer;
}
.block-search .form-actions.form-wrapper {
margin-top: 4px;
position: relative;
display: inline-block;
}
.block-search .form-actions.form-wrapper input[type=submit] {
padding: 0 46px 0 20px;
}
.block-search .form-actions.form-wrapper:after {
content: "\f002";
color: #fff;
font-family: FontAwesome;
font-size: 20px;
top: 1px;
position: relative;
right: 40px;
pointer-events: none;
}
.marker {
color: #ef262b;
}
.form-required {
color: #ef262b;
}
.form-checkboxes .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.form-radios .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.form-type-radio .description {
margin-left: 2.4em;
}
.form-type-checkbox .description {
margin-left: 2.4em;
}
fieldset {
margin: 10px 0 20px 0;
border: 1px solid #d1d1d1;
color: #666;
}
a {
text-decoration: none;
}
.more-link a {
display: inline-block;
color: #fff;
font-size: 1.2rem;
padding: 5px 14px;
}
.field-label-inline .field-label {
display: inline;
float: none;
}
.vocabulary {
margin: 0 0 10px 0;
display: block;
}
.vocabulary .field-label {
margin: 0 1% 0 0;
font-size: 20px;
}
.l-main ul.vocabulary-list,
.l-main ul.links.inline {
display: inline;
margin: 0;
}
.l-main ul.vocabulary-list li,
.l-main ul.links.inline li {
display: inline-block;
margin: 0 2% 0 0;
}
.l-main ul.vocabulary-list li.vocabulary-links:before,
.l-main ul.links.inline li.vocabulary-links:before {
content: "\f02b";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
.l-main ul.vocabulary-list li.node-readmore:before,
.l-main ul.links.inline li.node-readmore:before {
content: "\f02d";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
.l-main ul.vocabulary-list li.comment-comments:before,
.l-main ul.links.inline li.comment-comments:before {
content: "\f075";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
.l-main ul.vocabulary-list li.comment-add:before,
.l-main ul.links.inline li.comment-add:before {
content: "\f040";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
ol.search-results {
padding: 0;
}
ol.search-results li h3.title {
line-height: inherit;
}
ol.search-results li span.search-snippet-info {
display: block;
padding-left: 0;
}
img {
max-width: 100%;
}
figure {
margin: 0 0 20px 0;
}
.node-submitted {
margin-bottom: 10px;
}
span.submitted {
margin: 0 10px 0 0;
}
span.submitted:before {
content: "\f007";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
span.date:before, span.rss-date:before {
content: "\f073";
width: 30px;
height: 30px;
font-family: FontAwesome;
margin-right: 8px;
color: gray;
}
span.rss-date {
display:block;
}
span.author {
display: block;
margin-bottom: 20px;
}
.author-archive-img{
float:right;
clear:both;
}
body.author.archive article {
border-bottom:1px solid #EDEDED;
margin-bottom: 10px;
}
.user-picture,
.field-user--user-picture {
position: relative;
text-align: center;
margin: 10px 0 0 0;
}
.comment .user-picture,
.comment .field-user--user-picture {
margin: 0;
}
.user-picture img,
.field-user--user-picture img {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
@media (min-width: 0) and (max-width: 47.99em) {
.user-picture img,
.field-user--user-picture img {
float: none;
}
}
figure figcaption {
color: #666;
font-style: italic;
font-size: 0.9rem;
padding: 4px 8px;
}
@media (min-width: 0) and (max-width: 47.99em) {
.node-submitted .user-picture,
.node-submitted .field-user--user-picture {
float: none;
text-align: center;
}
}
@media (min-width: 0) and (max-width: 47.99em) {
.node-submitted .submitted {
display: block;
text-align: center;
}
.node-submitted .date {
display: block;
text-align: center;
}
.node-content .vocabulary.field-label-inline {
text-align: center;
}
.node-content .vocabulary.field-label-inline .field-label {
display: block;
}
}
.l-content-wrap .item-list-pager {
margin: 20px 0;
overflow: hidden;
position: relative;
}
.l-content-wrap .item-list-pager ul {
text-align: center;
}
.l-content-wrap .item-list-pager ul li {
display: inline-block;
vertical-align: middle;
margin: 10px 6px;
min-width: 30px;
}
.l-content-wrap .item-list-pager ul li a {
-webkit-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
transition: all 100ms ease-in-out 0s;
background-color: #eaeaea;
color: #202020;
display: block;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none;
padding: 4px 8px;
}
.l-content-wrap .item-list-pager ul li a:hover {
color: #fff;
}
.l-content-wrap .item-list-pager ul li.pager-current {
color: #fff;
padding: 4px 8px;
}
.l-content-wrap .item-list-pager ul li.pager-current:hover {
color: #fff;
}
body {
-webkit-animation: bugfix infinite 1s;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* *, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
} */
@-webkit-keyframes bugfix {
from {
padding: 0;
}
to {
padding: 0;
}
}
.breadcrumb {
padding-bottom: 0.5em;
}
.breadcrumb ol {
margin: 0;
padding: 0;
}
.breadcrumb ol li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
.breadcrumb ol li:before {
content: ' » ';
}
.breadcrumb ol li:first-child:before {
content: none;
}
ul.tabs.primary {
display: table;
position: relative;
overflow: hidden;
margin: 0 0 10px 0;
width: 100%;
}
ul.tabs.primary li {
float: left;
line-height: 30px;
overflow: hidden;
padding: 0;
position: relative;
list-style: none outside none;
}
ul.tabs.primary a {
background-color: #ccc;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 20px;
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-bottom: 2px solid #202020;
font-size: 1rem;
color: #202020;
}
ul.tabs.primary a.active {
color: #fff;
background: #535353;
}
ul.tabs.primary a:hover {
background: #535353;
color: #fff;
}
.contextual-links a {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
table {
width: 100%;
margin: 0 0 10px 0;
}
table thead {
border: 1px solid #d1d1d1;
color: #999;
}
table thead th {
padding: 4px 0 3px 6px;
border-bottom: none;
text-align: left;
}
table tr.even {
background-color: #f7f7f7;
}
table tr.odd {
background-color: #efefef;
}
table td {
padding: 6px 6px 6px 8px;
}
table tbody tr {
border: 1px solid #d1d1d1;
}
body {
color: #666;
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
font-weight: initial;
line-height: 1.5;
}
body.body-typeface-garamond {
font-size: 1.188rem;
}
.fixed,
pre,
code {
font-family: 'Source Code Pro', monospace;
font-size: 15px;
line-height: 1.2;
}
.quiet {
font-color: #ccc;
}
.loud,
.bold,
b,
strong {
font-color: #000;
}
.italic,
i,
em {
font-style: italic;
}
.bold,
b,
strong {
font-weight: 700;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: normal;
word-wrap: break-word;
}
h1,
.h1 {
line-height: 1.2;
}
h2,
.h2 {
line-height: 1.3;
}
h3,
.h3,
h4,
.h4 {
line-height: 1.3;
}
h1,
.h1 {
font-size: 260%;
}
hr {
border: none;
border-bottom: 1px solid rgba(102, 102, 102, 0.35);
margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 47.99em) {
h1,
.h1 {
font-size: 140%;
line-height: 1.2;
}
}
h2,
.h2 {
font-size: 220%;
}
@media (min-width: 0) and (max-width: 47.99em) {
h2,
.h2 {
font-size: 120%;
line-height: 1.5;
}
}
h3,
.h3 {
font-size: 125%;
}
h4,
.h4 {
font-size: 110%;
}
h5,
.h5 {
font-size: 105%;
}
h6,
.h6 {
font-size: 100%;
}
.block-margins,
p,
ul,
ol,
pre {
margin: 0 0 0.7em 0;
}
.unordered-list,
ul {
list-style-type: disc;
}
aside .unordered-list,
aside ul {
margin: 0 0 0 20px;
}
.ordered-list,
ol {
list-style: decimal;
}
.list-margin,
ul li,
ol li {
margin: 0 0 0.45em 0;
}
.l-menu-wrapper .list-margin,
.l-menu-wrapper ul li,
ul .l-menu-wrapper li,
.l-menu-wrapper ol li,
ol .l-menu-wrapper li {
margin: 0;
}
i.fa,
em.fa {
font-style: normal;
}
h1,
h1,
.h1 {
margin: 0;
}
h2,
h2,
.h2 {
margin: 0 0 0.5em 0;
}
h3,
h3,
.h3 {
margin: 0 0 0.5em 0;
}
h4,
h4,
.h4 {
margin: 0 0 0.5em 0;
}
h5,
h5,
.h5 {
margin: 0 0 0.5em 0;
}
h6,
h6,
.h6 {
margin: 0 0 0.5em;
}
ul ul {
list-style: square;
margin: 10px 0 0 20px;
}
ol ol {
list-style: lower-roman;
margin: 10px 0 0 20px;
}
.float-left {
float: left;
margin-right: 1em;
}
.float-right {
float: right;
margin-left: 1em;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
h1.site-name {
display: inline-block;
margin: 0 auto;
padding-bottom: 0;
font-size: 190%;
}
h3.site-slogan {
color: #d1d1d1;
/*display: inline-block;*/
margin: 0;
padding-bottom: 0;
font-size: 150%;
}
.footer h2 {
color: #eaeaea;
}
blockquote {
background: #fff;
border: 1px dotted #999;
display: block;
margin: 0 0 20px;
min-height: 120px;
padding: 15px 20px 15px 170px;
position: relative;
}
blockquote:before {
color: #999;
content: "\201C";
font-family: Georgia, serif;
font-size: 14em;
font-weight: bold;
left: 10px;
line-height: 0.9;
position: absolute;
}
@media (min-width: 0) and (max-width: 47.99em) {
blockquote:before {
opacity: 0.6;
}
}
blockquote:after {
content: "";
}
@media (min-width: 0) and (max-width: 47.99em) {
blockquote {
padding: 14px;
}
}
code,
kbd,
pre,
samp {
background-color: #ebebeb;
display: block;
font-family: 'Lucida Console', Monaco, monospace;
font-size: 1rem;
overflow: auto;
padding: 20px;
white-space: pre-wrap;
}
code br,
kbd br,
pre br,
samp br {
display: none;
}
.heading-typeface-opensans h1,
.heading-typeface-opensans h2,
.heading-typeface-opensans h3,
.heading-typeface-opensans h4,
.heading-typeface-opensans h5,
.heading-typeface-opensans h6 {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.heading-typeface-garamond h1,
.heading-typeface-garamond h2,
.heading-typeface-garamond h3,
.heading-typeface-garamond h4,
.heading-typeface-garamond h5,
.heading-typeface-garamond h6 {
font-family: 'EB Garamond', serif;
}
.heading-typeface-imfell h1,
.heading-typeface-imfell h2,
.heading-typeface-imfell h3,
.heading-typeface-imfell h4,
.heading-typeface-imfell h5,
.heading-typeface-imfell h6 {
font-family: 'IM Fell Double Pica', serif;
}
body.body-typeface-opensans {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
body.body-typeface-garamond {
font-family: 'EB Garamond', serif;
}
body.body-typeface-imfell {
font-family: 'IM Fell Double Pica', serif;
}
.l-off-canvas:after {
content: "";
display: table;
clear: both;
}
img {
width: auto \9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.no-sidebars figure img {
max-width: 100%;
}
.l-setwidth {
max-width: 1064px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
.l-setwidth:after {
content: " ";
display: block;
clear: both;
}
.l-setwidth:after {
content: "";
display: table;
clear: both;
}
.box-layout .l-page-wrapper {
max-width: 1064px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
position: relative;
z-index: 200;
}
.box-layout .l-page-wrapper:after {
content: " ";
display: block;
clear: both;
}
.box-layout .l-page-wrapper:after {
content: "";
display: table;
clear: both;
}
.call-to-action{
text-align:center;
}
.call-to-action a.button {
background-color: #079948;
white-space: nowrap;
line-height: 2.5rem;
color: #fff;
padding: 5px 7px 5px 7px;
-webkit-appearance: none;
margin: 10px 0 0 0;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.15) -17%, rgba(255,255,255,.15) 117%);
text-decoration: none;
}
.call-to-action a.button:hover {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…Igd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, rgba(0,0,0,.05) -17%, rgba(255,255,255,.05) 117%);
background-image: -o-linear-gradient(top, rgba(0,0,0,.05) -17%, rgba(255,255,255,.05) 117%);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.05) -17%, rgba(255,255,255,.05) 117%);
}
.call-to-action a.button:focus {
-moz-box-shadow: 0 0 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: 0 0 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: 0 0 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
}
p.info, p.note {
border-left: 5px solid #079948;
padding-left: 10px;
}
p.note {
font-style: oblique;
}
@media (min-width: 0) and (max-width: 64em) {
.box-layout .l-page-wrapper {
margin-top: 0;
}
}
.box-layout.bg_pattern_01 {
background: url("../images/bg/bg-pattern-01.png") repeat fixed;
}
.box-layout.bg_pattern_02 {
background: url("../images/bg/bg-pattern-02.png") repeat fixed;
}
.box-layout.bg_pattern_03 {
background: url("../images/bg/bg-pattern-03.png") repeat fixed;
}
.box-layout.bg_pattern_04 {
background: url("../images/bg/bg-pattern-04.png") repeat fixed;
}
.box-layout.bg_pattern_05 {
background: url("../images/bg/bg-pattern-05.png") repeat fixed;
}
.box-layout.bg_pattern_06 {
background: url("../images/bg/bg-pattern-06.png") repeat fixed;
}
.box-layout.bg_pattern_07 {
background: url("../images/bg/bg-pattern-07.png") repeat fixed;
}
.box-layout.bg_pattern_08 {
background: url("../images/bg/bg-pattern-08.png") repeat fixed;
}
.box-layout.bg_pattern_09 {
background: url("../images/bg/bg-pattern-09.png") repeat fixed;
}
.box-layout.bg_pattern_10 {
background: url("../images/bg/bg-pattern-10.png") repeat fixed;
}
.box-layout.bg_pattern_11 {
background: url("../images/bg/bg-pattern-11.png") repeat fixed;
}
.box-layout.bg_pattern_12 {
background: url("../images/bg/bg-pattern-12.png") repeat fixed;
}
.box-layout.bg_pattern_13 {
background: url("../images/bg/bg-pattern-13.png") repeat fixed;
}
.box-layout.bg_pattern_14 {
background: url("../images/bg/bg-pattern-14.png") repeat fixed;
}
.box-layout.bg_pattern_15 {
background: url("../images/bg/bg-pattern-15.png") repeat fixed;
}
@media (min-width: 59.938em) {
.l-region--navigation:after {
content: "";
display: table;
clear: both;
}
.l-content {
padding-bottom: 20px;
}
.two-sidebars .region-sidebar-first {
width: 21.4285714286%;
float: left;
margin-right: 4.7619047619%;
margin-left: -78.5714285714%;
}
.two-sidebars .l-content {
width: 47.619047619%;
float: left;
margin-right: 4.7619047619%;
margin-left: 26.1904761905%;
}
.two-sidebars .region-sidebar-second {
width: 21.4285714286%;
float: right;
margin-right: 0;
}
.one-sidebar.sidebar-first .l-content {
width: 67.032967033%;
float: right;
margin-right: 0;
}
.one-sidebar.sidebar-first .region-sidebar-first {
width: 27.4725274725%;
float: left;
margin-right: 5.4945054945%;
}
.one-sidebar.sidebar-second .l-content {
width: 68.9999999%;
float: left;
margin-right: 2.0001%;
}
.one-sidebar.sidebar-second .region-sidebar-second {
width: 27.4725274725%;
float: right;
margin-right: 0;
}
.footer-one .footer,
.postscript-one .postscript,
.preface-one .preface {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.footer-two .footer,
.postscript-two .postscript,
.preface-two .preface {
width: 47.619047619%;
float: left;
margin-right: 4.7619047619%;
}
.footer-two .footer:last-child,
.postscript-two .postscript:last-child,
.preface-two .preface:last-child {
float: right;
margin-right: 0;
}
.footer-three .footer,
.postscript-three .postscript,
.preface-three .preface {
width: 30.1587301587%;
float: left;
}
.footer-three .footer:nth-child(3n+1),
.postscript-three .postscript:nth-child(3n+1),
.preface-three .preface:nth-child(3n+1) {
margin-right: -100%;
clear: both;
margin-left: 0;
}
.footer-three .footer:nth-child(3n+2),
.postscript-three .postscript:nth-child(3n+2),
.preface-three .preface:nth-child(3n+2) {
margin-left: 34.9206349206%;
margin-right: -100%;
clear: none;
}
.footer-three .footer:nth-child(3n+3),
.postscript-three .postscript:nth-child(3n+3),
.preface-three .preface:nth-child(3n+3) {
margin-left: 69.8412698413%;
margin-right: -100%;
clear: none;
}
}
@media (min-width: 59.938em) {
.header-left-right .l-header .l-logo {
width: 38.8888888889%;
float: left;
margin-right: 4.7619047619%;
padding-bottom: 20px;
text-align: left;
}
.header-left-right .l-header .l-branding {
width: 56.3492063492%;
float: right;
margin-right: 0;
text-align: right;
padding: 10px 0 0 0;
}
}
.main-menu-wrapper a {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.041em;
font-weight: normal;
}
@media (min-width: 59.938em) {
.l-menu-wrapper {
margin-top: 10px;
background-color: #079948;
background-image: linear-gradient(left, #079948 50%, #FFF 50%);
background-image: -o-linear-gradient(left, #079948 50%, #FFF 50%);
background-image: -moz-linear-gradient(left, #079948 50%, #FFF 50%);
background-image: -webkit-linear-gradient(left, #079948 50%, #FFF 50%);
background-image: -ms-linear-gradient(left, #079948 50%, #FFF 50%);
}
.main-menu-wrapper {
background-color: #079948;
}
.main-menu-wrapper {
z-index: 9999999;
}
.main-menu-wrapper ul.sub-menu li ul:before {
content: '\f101';
position: relative;
top: 7px;
float: left;
z-index: 999999;
font-family: FontAwesome;
left: -10px;
}
.main-menu-wrapper > ul {
margin-left: 0px;
}
.main-menu-wrapper ul ul {
display: none;
}
.main-menu-wrapper ul li:hover > ul {
display: block;
}
.main-menu-wrapper ul {
list-style: none;
position: relative;
display: inline-table;
padding: 0;
margin: 0;
vertical-align: middle;
}
.main-menu-wrapper ul:after {
content: "";
clear: both;
display: block;
}
.main-menu-wrapper ul li {
float: left;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.main-menu-wrapper ul li:hover {
background-color: #ddd;
}
.main-menu-wrapper ul li:hover a {
color: #079948;
}
.main-menu-wrapper ul li a {
display: block;
padding: 0.6em 1em;
color: #fff;
text-decoration: none;
}
.main-menu-wrapper ul ul {
background: #fff;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
}
.main-menu-wrapper ul ul li {
float: none;
border-bottom: 1px solid #ccc;
position: relative;
white-space: nowrap;
background-color: #fff;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
box-shadow: 2px 2px 5px #ccc;
z-index:99;
}
.main-menu-wrapper ul ul li a {
/*padding: 15px 40px;*/
color: #fff;
}
.main-menu-wrapper ul ul li a:hover {
background: #eee;
}
.main-menu-wrapper ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
}
.l-off-canvas-show,
.l-off-canvas-hide {
top: 0;
right: 0;
overflow: hidden;
position: absolute;
z-index: 1001;
left: 10px;
display: table;
padding: 0 10px;
}
#off-canvas-left-show,
#off-canvas-left-hide {
font-size: 2em;
color: #fff;
}
#off-canvas-left-show {
text-align: center;
}
.l-off-canvas-show {
/*background: transparent url("../images/theme-sprite.png") 0px -6px no-repeat;*/
}
@media (min-width: 0) and (max-width: 59.938em) {
.off-canvas-left-is-visible .l-off-canvas--left {
left: 0;
box-shadow: 0 0 50px 5px #202020;
}
.off-canvas-left-is-visible .l-off-canvas-show {
opacity: 0;
}
.l-off-canvas-hide--left {
text-align: right;
display: inline;
}
.l-off-canvas {
position: absolute;
z-index: 99;
width: 70%;
max-width: 400px;
top: 0;
bottom: 0;
left: -70%;
padding: 45px 0 0 0;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
cursor: pointer;
}
.main-menu-wrapper {
background-color: #fff;
height: 100%;
}
.main-menu-wrapper li a {
border-bottom: 1px solid #ccc;
width: 100%;
display: block;
font-size: 1.1em;
padding: 10px 0;
}
.main-menu-wrapper li a:hover,
.main-menu-wrapper li a:active {
background-color: #ddd;
}
.main-menu-wrapper ul li ul li {
text-indent: 30px;
}
.main-menu-wrapper ul li ul li ul li {
text-indent: 60px;
}
.l-off-canvas.is-visible {
left: 0;
cursor: auto;
}
.l-off-canvas.is-visible .l-off-canvas-show {
display: none;
}
.l-off-canvas.is-visible .l-off-canvas-hide {
display: block;
}
.l-off-canvas .l-off-canvas-show {
display: block;
}
.l-off-canvas ul {
padding-left: 0px;
text-indent: 20px;
margin: 0;
list-style: none;
}
.l-menu-wrapper ul.menu {
text-align: center;
}
.l-menu-wrapper ul.menu li {
position: relative;
}
.l-menu-wrapper ul.menu li .menu {
display: none;
}
.l-menu-wrapper ul.menu li li a:before {
position: absolute;
left: 2%;
width: 28px;
height: 32px;
/*background: url("../images/theme-sprite.png") no-repeat -8px -246px;*/
content: " ";
}
.l-menu-wrapper ul.menu a {
padding: 20px 0;
background: #202020;
color: #eaeaea;
border-bottom: 1px dotted #eaeaea;
font-size: 16px;
font-size: 0.88889rem;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: normal;
display: block;
}
.l-menu-wrapper ul.menu a.alink:hover,
.l-menu-wrapper ul.menu a.active-trail {
background: #393939;
}
.l-menu-wrapper ul.menu .nested-menu-item-toggle {
position: absolute;
top: 1.3em;
right: 0;
padding-left: 12%;
height: 40px;
width: 40px;
border: 0;
/*background: url("../images/theme-sprite.png") no-repeat -8px -154px;*/
}
.l-menu-wrapper ul.menu .has-child .nested-menu-item-toggle {
/*background: url("../images/theme-sprite.png") no-repeat -8px -202px;*/
}
.l-menu-wrapper ul.menu .has-child .menu {
display: block;
}
.l-page {
position: relative;
height: 100%;
}
/*.sub-menu:before{
content:"\f078";
font-family:FontAwesome;
float: right;
margin-right: 10px;
}
.sub-menu li {
display:none;
}*/
}
@media (min-width: 59.938em) {
.l-off-canvas-show {
display: none;
}
.l-off-canvas-show.l-off-canvas-show--left {
display: none;
}
.l-off-canvas-hide {
display: none;
}
.nested-menu-item-toggle {
display: none;
}
}
@media (min-width: 0) and (max-width: 30em) {
.l-off-canvas {
width: 90%;
left: -90%;
}
.posts article {
width:auto;
margin-left:0;
}
}
/* CSS Document */
body {
font-size: 0.9rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
font-family: 'Roboto', 'Open Sans', sans-serif;
}
h3.site-slogan {
color: #666;
}
body .l-page-wrapper {
clear: left;
}
blockquote {
font-style: oblique;
border: none;
left: 0px;
margin: 0px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button a {
text-transform: none;
}
article a:visited,
article a:active,
article a:hover,
aside a:visited,
aside a:active,
aside a:hover {
border-bottom: 1px dotted #079948;
}
article a:hover img {
background-color: #fff;
}
h1.site-name {
font-family: Georgia, serif;
font-size: 1.2rem;
text-transform: uppercase;
}
h1.site-name::first-letter {
font-size: 1.6rem;
}
#top-bar .menu {
text-align: left;
margin: 3px 0 0 0;
}
#sliding-popup.sliding-popup-top {
margin-left: auto;
margin-right: auto;
max-width: 68em;
padding: 0 20px;
}
#sliding-popup .popup-content {
max-width: none;
}
#sliding-popup .popup-content #popup-buttons button {
font-size: 11px;
padding: 4px;
height: initial;
}
/* Google CSE */
.widget_wgs_widget{
width: 300px;
float: right;
padding-top: 10px;
margin-bottom: 0px;
}
/* Search box */
/*
.gsc-search-box-tools .gsc-search-box .gsc-input {
padding: 0!important;
width:99%!important;
}
.gsc-input-box {
padding-top: 6px!important;
padding-bottom: 5px!important;
border-top-left-radius: 8px!important;
border-bottom-left-radius: 8px!important;
}
.gsc-input-box table {
height: 100%;
}*/
/* Search button */
.gsc-search-button-v2 {
padding: 0 10px!important;
height: 100%;
margin: 0;
}
td.gsc-search-button,.gsc-search-box-tools .gsc-search-box .gsc-input {
height:28px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0 !important;
}
.gsc-search-button-v2 svg {
height: auto;
width: 16px;
}
/*
.widget_wgs_widget {
float: right;
width: 220px;
margin-bottom: 0px;
margin-top: 5px;
}
a.gsst_a {
padding-top:0px;
}
#block-google-cse-google-cse input[type="text"] {
line-height: 1em;
width: 150px;
font-size: 10px;
}
#google-cse-results-searchbox-form input {
margin: 0;
display: inline;
font-size: 11px;
padding: 0 3px;
height: 18px;
text-transform: none;
margin-top: 1px;
}
#block-block-21 {
float: right;
margin-bottom: 0px;
margin-top: 5px;
width:100%;
}
#block-block-21 .gsc-input-box {
height: 20px;
}
#block-block-21 input[type="text"] {
line-height: 1em;
font-size: 12px;
}
.gsc-input-box-focus {
border-color: #ffffff;
}
#block-block-21 table.gsc-search-box td {
vertical-align: -webkit-baseline-middle;
}
.gsc-search-button-v2{
padding: 0 7px !important;
margin: 0 4px;
border: 1px solid #fff !important;
background-color:#079948!important;
}
#block-block-21 table,
#cse table {
margin: 0px;
}
#block-block-21 td,
#cse td {
padding: 0px;
}
#block-block-21 tr,
#cse tr {
border: none;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
font-family: inherit !important;
font-weight: normal;
text-decoration: none !important;
}
.gs-result .gs-title {
height: 1.5em !important;
}
.gs-result .gs-title,
.gs-result .gs-title *,
.gs-spelling a {
color: #079948 !important;
line-height: 1.4em !important;
text-decoration: none !important;
}
#cse a.gs-title,
.gs-spelling a {
font-weight: normal !important;
}
#cse a.gs-title:hover,
.gs-spelling a {
border-bottom: 1px dotted #079948;
}
.gsc-thumbnail-inside,
.gsc-url-top {
padding-left: 0px !important;
}
#block-block-21 input[type="image"] {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 4px;
border-color: #EDEDED;
background-color: #079948;
background-image: -webkit-gradient(linear, left top, left bottom, from(#079948), to(#079948));
background-image: -webkit-linear-gradient(top, #079948, #079948);
height: 13px;
width: auto;
}
*/
#wgs_wrapper_id input[type="image"]{
width: auto;
height: 25px;
}
#wgs_wrapper_id .gsc-selected-option-container{
width:auto!important;
}
.l-off-canvas-show {
top: 12px;
}
.l-header-wrapper {
background: #FFF;
}
.l-logo {
float: right;
margin: 0px;
}
.l-branding {
text-align: left;
padding-top: 25px;
}
/*
.main-menu-wrapper > ul > li {
border-right: none;
}
.main-menu-wrapper a {
font-size: 0.75rem;
}
*/
.region-sidebar-first,
.region-sidebar-second {
font-size: 90%;
}
/*
.more-link {
float: right;
line-height: 0.8rem;
background-color: #079948;
}
.more-link a {
font-size: 0.8rem;
color: #fff;
}
.region-sidebar-first .more-link.rss {
margin-right: 4px;
}
.region-sidebar-first .more-link.rss a {
font-size: 0.75rem;
padding: 5px 7px;
}*/
aside h2 {
background-color: #EDEDED;
font-size: 1rem;
font-weight: 500;
padding: 5px;
}
aside h3 {
font-size: 0.9rem;
margin:0.5em 0 0 0;
}
.l-content-wrap aside li {
margin: 0px;
list-style: none;
}
.l-content-wrap aside ul {
padding-left:0px;
margin-left:0px;
margin-top:0px;
}
.l-content-wrap aside ul.children {
padding-left:20px;
}
.widget.buddypress div.item-meta {
text-align:right;
font-style:italic;
}
.widget.buddypress #groups-list li {
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
}
.widget.buddypress div.item {
margin: 0.3em 0 !important;
}
article a,
#block-system-main a {
font-weight: 600;
}
#block-system-main .views-field-text-link a {
font-weight: normal;
}
#block-widgets-s-social {
clear: left;
}
.page-node .field-type-image {
border: 1px solid #ddd;
float: right;
margin: 0 0 10px 10px;
padding: 10px;
}
.views-field-title {
font-weight: 600;
}
.news-feature h3 {
font-size: 1.3rem;
line-height: 1.3em;
}
.l-content-wrap .item-list-pager ul li.pager-current {
background-color: #eaeaea;
color: #202020;
}
/* styled tables */
table.lined-table {
width: 100%;
margin-top: 0px;
}
table.lined-table tr {
border: none;
border-bottom: 1px solid #079948;
padding: 4px 0;
}
table.lined-table td {
padding: 0;
}
table.lined-table tr.no-lined-table {
border-bottom: none;
}
table.lined-table tr td:nth-child(2),
table.lined-table tr td:nth-child(3) {
text-align: center;
}
.view-content .views-row, .widget_rss li, .widget_recent_entries li {
border: none;
border-bottom: 1px solid #EDEDED;
padding: 15px 0;
}
.view-content .views-row:first-child, .widget_rss li:first-child, .widget_recent_entries li:first-child {
border-top: 1px solid #EDEDED;
}
.widget_rss li, .widget_recent_entries li {
padding: 8px 0;
}
.view-display-id-block_1 .view-content .views-row:first-child {
border-top: none;
}
.region-sidebar-first .view-content .views-row,
.region-sidebar-second .view-content .views-row {
padding: 5px 0;
}
.footer {
text-align: center;
}
.footer i.fa {
color: #fff;
font-size: 3rem;
margin-right: 10px;
}
.footer .social-text {
margin-top:20px;
}
.footer ul li {
margin: 0 .1em .45em;
}
/* Sponsoring Members Carousel Block */
.view.view-sponsoring-member,
.view.view-sponsoring-member .view-content {
width: 100%;
}
.view.view-sponsoring-member .view-content .field-content {
height: 118px;
display: table-cell;
vertical-align: middle;
width: 145px;
}
#block-views-sponsoring-member-block-1 {
margin-bottom: 0;
}
#block-views-sponsoring-member-block-1 .view-content {
background: #fff;
margin-bottom: 20px;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default,
#block-views-sponsoring-member-block-1 .jcarousel-container-horizontal {
height: 160px;
width: 100%;
overflow: hidden;
}
.jcarousel-skin-default .jcarousel-container-horizontal {
padding: 20px 0 0 0;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default .jcarousel-clip-horizontal {
width: 87.5%;
margin: 0 auto;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default .jcarousel-item {
border: 1px solid rgb(131, 204, 164);
height: 120px;
width: 147px !important;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default .jcarousel-item-horizontal {
margin: 0 3px;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default .jcarousel-prev,
#block-views-sponsoring-member-block-1 .jcarousel-skin-default .jcarousel-next {
background-image: none;
width: initial;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default a.jcarousel-prev:after {
position: absolute;
font-family: FontAwesome;
top: 0;
left: -5px;
content: "\f053";
font-size: 1.5rem;
}
#block-views-sponsoring-member-block-1 .jcarousel-skin-default .jcarousel-next:after {
position: absolute;
font-family: FontAwesome;
top: 0;
left: -5px;
content: "\f054";
font-size: 1.5rem;
}
.views-exposed-form input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=image]) {
font-size: 100%;
}
@media (max-width: 59.938em) {
.l-menu-wrapper {
margin-top: 0px;
}
.l-menu-wrapper ul.menu {
text-align: left;
}
.l-menu-wrapper ul.menu a {
padding: 10px 0 10px 10px;
}
.l-menu-wrapper ul.menu li ul a {
padding: 10px 0 10px 40px;
}
.l-menu-wrapper ul.menu li li a:before {
background-position-y: -250px;
}
.l-menu-wrapper ul.menu .nested-menu-item-toggle {
top: 5px;
}
.l-branding {
width: 65%;
}
.news-feature img {
display: none;
}
#top-bar .widget_nav_menu {
float: right;
clear: right;
margin-top:0;
}
#crm-container.crm-public select {
width: 100%
}
#buddypress .activity-list .activity-avatar {
display: none;
}
#buddypress .activity-list .activity-content {
margin: 0;
}
html.logged-in #wpadminbar {
display:none;
}
html.logged-in {
position:absolute;
top:-32px;
}
}
@media screen and (max-width: 782px) {
html.logged-in {
position:absolute;
top:-46px;
}
}
@media screen and (max-width: 575px) {
.l-branding {
padding-top:15px;
}
.l-branding .site-slogan {
display:none;
}
.l-menu-wrapper {
margin-bottom:0px;
}
.cal_button {
width:80px;
}
}
.off-canvas-left-is-visible .l-off-canvas--left {
background-color: #079948;
}
.l-off-canvas-show {
background-color: #079948;
}
/* Footer */
#footer ul.menu {
padding: 0;
margin: 0;
}
#footer li {
display: inline;
}
#footer li a {
border-right: 1px solid #FFF;
padding: 0 7px 0 2px;
}
#footer ul.menu li:last-child a {
border-right: none;
}
#footer li a {
color: #FFF;
font-size: 75%;
font-weight: bold;
text-decoration: none;
}
#root-menu-div label {
color: #fff;
}
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/*@font-face {
font-family: 'Font-Name';
src: url('fonts/font-name.eot');
src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg');
font-weight: normal;
font-style: normal;
}*/
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #FFF;
border: 1px solid #F0F0F0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {} .bypostauthor {}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*BuddyPress Tweaks*/
#buddypress a:hover {
border-bottom: none;
}
#buddypress label {
display: inline-block;
}
#buddypress div.item-list-tabs ul li.feed {
float: right;
}
#buddypress li.feed a:after {
content: "\f09e";
font-family: FontAwesome;
margin-left: 4px;
}
#buddypress ul.item-list li div.meta {
height: 38px;
overflow: hidden;
margin-top:7px
}
body.single-item.groups #buddypress ul#group-mods {
width: 400px;
position: absolute;
right: 0px;
}
body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
padding-bottom: 40px;
}
body.single-sponsor .author-box,
body.single-sponsor .date,
body.single-sponsor .session-list,
body.post-type-archive-sponsor .author-box,
body.post-type-archive-sponsor .date,
body.post-type-archive-sponsor .session-list {
display: none
}
#buddypress form#whats-new-form p.activity-greeting:before {
content: "\f10d";
font-family: FontAwesome;
margin-right: 5px;
}
#buddypress form#whats-new-form p.activity-greeting {
font-style: italic;
font-size: 17px;
color: #888;
background: #ededed;
padding: 15px 10px;
font-weight: 400;
border-radius: 6px;
margin-left: 0px;
line-height: 1em;
min-height: 50px;
padding-left: 60px;
}
#buddypress form#whats-new-form #whats-new-content {
margin: 0 0 15px;
padding: 0;
}
#buddypress form#whats-new-form #whats-new-submit {
margin-top: 0px !important;
margin-right: 10px;
}
#buddypress input[type=submit] {
margin: 5px 0;
height: auto;
}
#buddypress form#whats-new-form textarea {
width: 100%;
}
#buddypress #members-group-list {
overflow: auto;
}
#buddypress form.standard-form .left-menu #invite-list ul {
padding-left: 0px;
}
#buddypress .activity-list .activity-content .activity-header img.avatar {
vertical-align:top;
}
#buddypress .activity-list .activity-content .activity-header, #buddypress .activity-list .activity-content .comment-header {
line-height: 140%;
}
#buddypress ul.item-list li div.item-desc {
margin:0px;
width:auto;
}
@media screen and (max-width: 782px){
body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions{
width:100%;
padding-top:0px;
}
}
body.directory.groups .item {
float: left;
max-width: 40%;
}
body.directory.groups .generic-button.group-button {
float: none;
}
body.directory.groups #buddypress ul.item-list li div.action {
position: relative;
float: right;
top: 0;
}
#groups-dir-list .group-subscription-div,
#groups-list .group-subscription-div {
padding-bottom: 10px
}
body.directory.groups .group-subscription-options {
margin-bottom: 10px;
background-color: #FAFAFA;
border: 1px solid #ededed;
width: 340px;
}
body.directory.groups #buddypress div.generic-button a {
height: auto;
font-size: 11px;
}
#buddypress ul.item-list li div.action {
width: 50%;
}
/*
Theme Name: Custom Community
Theme URI: http://themekraft.com/custom-community/
Version: 1.17.3.1
Author: Themekraft
Author URI: http://themekraft.com/
License: GNU General Public License v2.0 / License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
div#cc_slider-top {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #fff;
background-repeat: repeat-y;
border: medium none;
width: 100%;
height: 249px;
overflow: hidden;
margin-bottom: 12px
}
div.cc_slider {
margin-bottom: 0;
overflow: hidden;
margin-left: 0;
margin-top: -1px;
border-radius: 6px
}
div.cc_slider.cc_slider_shortcode {
margin-bottom: 12px
}
.slidershadow {
height: 34px;
margin-top: -12px
}
div.cc_slider .featured {
width: 100%;
padding-right: 248px;
position: relative;
height: 250px;
float: left;
margin-bottom: 20px
}
div.cc_slider div.featured {
margin-bottom: 0
}
div.cc_slider .featured .ui-tabs-panel a {
display: block;
width: 100%
}
div.cc_slider .featured .ui-tabs-panel a .no-image {
width: 100%
}
div.cc_slider .featured .ui-tabs-panel a img {
border-radius: 6px 0 0 6px
}
div.cc_slider .featured .ui-tabs-panel a .wp-post-image {
width: 100%;
height: 100%
}
div.cc_slider ul.ui-tabs-nav {
list-style: none outside none;
margin: 0;
padding: 1px;
position: absolute;
right: 0;
top: 0;
width: 25%
}
div.cc_slider ul.ui-tabs-nav li {
padding: 0 2px 0 13px;
font-size: 12px;
color: #888;
height: 62px;
background: none transparent;
border: none;
float: none;
margin: 0
}
div.cc_slider ul.ui-tabs-nav li img {
float: left;
margin: 2px 5px 2px 0;
background: #fff;
padding: 2px;
border: 1px solid #ededed
}
div.cc_slider ul.ui-tabs-nav li span {
font-size: 11px;
line-height: 19px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
div.cc_slider li.ui-tabs-nav-item a {
display: block;
height: 100%;
color: #888!important;
background: #fff;
font-weight: 400;
line-height: 20px;
padding: 0 2px;
width: 100%;
overflow: hidden
}
div.cc_slider a,
div.cc_slider a:hover,
div.cc_slider a:focus {
text-decoration: none;
background-color: transparent
}
div.cc_slider a.view-article,
div.cc_slider a.view-article:hover,
div.cc_slider a.view-article:focus {
text-decoration: underline;
}
div.cc_slider li.ui-tabs-nav-item a:hover {
background: #f9f9f9
}
div.cc_slider ul.ui-tabs-nav li.ui-tabs-active {
background: url(img/white/selected-item.png) top left no-repeat transparent
}
div.cc_slider ul.ui-tabs-nav li.ui-tabs-active a {
background: #ededed
}
div.cc_slider .featured .ui-tabs-panel {
height: 250px;
overflow: hidden;
position: relative;
padding: 0;
border: medium none;
border-radius: 0 0 0 0
}
div#cc_slider-top div.cc_slider .featured .ui-tabs-panel {
margin-left: 0
}
div.cc_slider .featured .ui-tabs-panel {
margin-left: 0
}
div.cc_slider .featured .ui-tabs-panel .info {
position: absolute;
top: 157px;
left: 0;
height: 92px;
background: url(img/slideshow/transparent-bg.png);
margin-left: 0;
width: 100%;
border-radius: 0 0 6px 6px
}
div.cc_slider .featured .ui-tabs-panel.span8 .info {
top: 157px
}
div.cc_slider .featured .ui-tabs-panel.span12 .info {
top: 170px
}
.not-responsive div.cc_slider .featured .ui-tabs-panel.span8 .info {
top: 159px
}
.cover.boxcaption {
text-align: justify
}
div.cc_slider .featured .info h2 > a {
font-size: 18px;
color: #fff !important;
overflow: hidden;
font-family: arial, sans-serif
}
div.cc_slider .featured .info h2 {
padding: 2px 2px 2px 5px;
margin: 0;
line-height: 1rem;
overflow: hidden
}
div.cc_slider .featured .info p {
margin: 0 5px;
font-size: 13px;
line-height: 15px;
color: #fff;
font-family: arial, sans-serif
}
div.cc_slider .featured .info a {
color: #fff !important;
padding-left: 0;
display: inline
}
div.cc_slider .featured .ui-tabs-hide {
display: none
}
div.cc_slider .ui-tabs {
padding: 0;
position: relative
}
div.cc_slider .ui-corner-all {
border: medium none;
border-radius: 0 0 0 0
}
div.cc_slider .ui-widget-header {
background: none repeat scroll 0 0 transparent;
border: medium none;
font-weight: 400
}
/* Overrides */
#buddypress input.loading {
background-color: #bbb !important;
cursor: progress !important;
}
#catapult-cookie-bar {
z-index: 9999999!important;
}
.badgeos_backpack_action{
border-bottom:1px dotted #AAA;
margin: 0 auto;
padding-bottom: 10px;
text-align: right;
}
.badgeos-achievements-list-item {
border-bottom:none !important;
}
.badgeos_backpack_action input[type=checkbox]{
display:none;
}
.badgeos-file-submission {
display:none;
}
.widget_rss h2 a.rsswidget:first-child:before {
content: "\f09e";
font-family:FontAwesome;
}
.widget_rss h2 a.rsswidget img {
display:none;
}
.views-row {
min-height: 150px;
border: none;
border-bottom: 1px solid #EDEDED;
clear:both;
}
.clear {
clear: both;
}
.widget_conferencer_sponsors_widget .active {
z-index:30;
}
.widget_conferencer_sponsors_widget a:hover {
border-bottom:none;
}
.admin-bar {
position: static!important;
}