/*
Theme Name: Bold
Theme URI: http://themify.me/themes/bold
Version: 1.2.1
Description: Created by Themify.
Author: Themify
Author URI: http://www.themify.me
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2013 Themify.
Tags: themify, featured-images, translation-ready, custom-menu, sidebar
---------
DO NOT EDIT THIS FILE.
If you need to overwrite the CSS styling, create a new custom_style.css
in the theme folder and it will automatically load in the .
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
/* ie 8 img max-width */
@media \0screen {
img { width: auto;}
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* audio */
audio {
max-width: 100%;
}
/* iframes and objects max-width */
iframe, object {
max-width: 100%;
}
/************************************************************************************
FONT EMBEDDING
*************************************************************************************/
@font-face {
font-family: 'league_gothicregular';
src: url('fonts/leaguegothic-regular-webfont.eot');
src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
font-weight: normal;
font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700);
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
font: 400 1em/1.62em "Open Sans", sans-serif;
color: #414141;
word-wrap: break-word;
}
a {
color: #000;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
li a {
color: #219dd9;
text-decoration: underline;
}
p {
margin: 0 0 1.2em;
padding: 0;
}
small {
font-size: .87em;
}
blockquote {
padding: 8px 30px 15px;
}
ins {
text-decoration: none;
}
#pagewrap {
background: url('images/texture-light-grey.jpg') repeat;
position: relative;
/*overflow: hidden;*/
}
/* LIST
================================================ */
ul, ol {
margin: 1em 0 1.4em 24px;
padding: 0;
line-height: 1.4em;
}
li {
margin: 0 0 .5em 0;
padding: 0;
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
font-family: 'league_gothicregular';
text-transform: uppercase;
font-weight: normal;
margin: 1.8em 0 .5em;
color: #000;
line-height: 110%;
}
h1 {
font-size: 2.5em;
}
.home h1 {
margin: 0 0 0.1em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button {
font-size: 1em;
font-family: inherit;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
background: #fafafa;
border: 1px solid #b3b3b3;
padding: 6px 2%;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
font-size: 1.1em;
-webkit-box-shadow: inset 3px 3px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 3px 3px 1px 0px rgba(0, 0, 0, 0.1);
}
input[type=text], input[type=search], input[type=email], input[type=url] {
width: 96%;
max-width: 96%;
}
/* text area */
textarea {
line-height: 1.5em;
width: 96%;
}
/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus {
outline: none;
background: #fff;
-webkit-box-shadow: inset 0px 0px 6px -2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0px 0px 6px -2px rgba(0, 0, 0, 0.0);
border-color: #9f9f9f;
}
/* form button */
input[type=reset], input[type=submit], button, .button {
font-family: 'league_gothicregular';
text-transform: uppercase;
font-weight: normal;
font-size: 1.4em;
letter-spacing: 0.03em;
text-transform: uppercase;
background: #000;
color: #fff !important;
text-decoration: none !important;
border: none;
padding: 12px 22px 10px;
cursor: pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.button {
display: inline-block;
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover, .button:hover {
background: #343434;
text-decoration: none;
}
.button.blue,
.page-content input[type="submit"] {
border: 1px solid #2ca4de;
background: #219dd9; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxOWRkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzEzOGVjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #219dd9 0%, #138ec9 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#219dd9), color-stop(99%,#138ec9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #219dd9 0%,#138ec9 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #219dd9 0%,#138ec9 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #219dd9 0%,#138ec9 99%); /* IE10+ */
background: linear-gradient(to bottom, #219dd9 0%,#138ec9 99%); /* W3C */
-pie-background: linear-gradient(#219dd9, #138ec9); /* CSS3 PIE */
text-shadow: 2px 2px 2px #0c81b9;
}
.button.blue:hover,
.page-content input[type="submit"]:hover {
text-shadow: 2px 2px 2px #086c9a;
background: #0072a4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzJhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY2OTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0072a4 0%, #016692 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0072a4), color-stop(100%,#016692)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0072a4 0%,#016692 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0072a4 0%,#016692 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0072a4 0%,#016692 100%); /* IE10+ */
background: linear-gradient(to bottom, #0072a4 0%,#016692 100%); /* W3C */
-pie-background: linear-gradient(#0072a4, #016692); /* CSS3 PIE */
text-shadow: 2px 2px 2px #0c81b9;
}
.button.grey,
#home-subscribe input[type=submit] {
background: #414141;
color: #fff;
text-shadow: 2px 2px 1px #333333;
}
.button.green {
background: #42c2b7; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyYzJiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzM1YjFhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #42c2b7 0%, #35b1a6 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42c2b7), color-stop(99%,#35b1a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #42c2b7 0%,#35b1a6 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #42c2b7 0%,#35b1a6 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #42c2b7 0%,#35b1a6 99%); /* IE10+ */
background: linear-gradient(to bottom, #42c2b7 0%,#35b1a6 99%); /* W3C */
-pie-background: linear-gradient(#42c2b7, #35b1a6);/* CSS3 PIE */
border: 1px solid #42c2b7;
text-shadow: 2px 2px 2px #2aa399;
}
.button.large {
font-size: 1.7em;
padding: 20px 27px 17px;
-webkit-box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.4);
}
.button .fa-fw {
font-size: 0.8em;
margin-right: -8px;
}
label {
font-family: 'league_gothicregular';
text-transform: uppercase;
font-weight: normal;
font-size: 1.3em;
letter-spacing: 0.03em;
}
.contact-form {
float: right;
width: 45%;
margin-left: 40px;
}
/************************************************************************************
GRAVITY FORMS
*************************************************************************************/
.gform_fields {
margin: 0;
}
.gform_fields li {
list-style-type: none;
}
.gform_validation_container {
position: absolute;
top: -9999px;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.gfield_required {
color: #c50b0b;
padding-left: 4px;
}
#gform_wrapper_2 .gfield_required {
color: #000;
}
.gform_footer {
text-align: right;
}
#gform_wrapper_3 label {
display: inline-block;
width: 21.5%;
}
#field_3_4 label {
width: 40%;
}
#field_3_4 {
padding: 0.7em 0 0.4em;
}
#field_3_5 label {
vertical-align: top;
margin-top: 6px;
}
#gform_wrapper_3 .ginput_container {
display: inline-block;
width: 78%;
}
#gform_wrapper_3 #field_3_4 .ginput_container {
width: auto;
}
.validation_error,
.validation_message {
color: #c50b0b;
font-weight: 700;
padding: 4px 0 15px;
}
#gforms_confirmation_message {
color: #000;
font-family: 'league_gothicregular';
text-transform: uppercase;
padding-left: 30px;
float: left;
font-size: 41px;
line-height: 110%;
}
.page-content .validation_error,
.page-content .validation_message {
font-size: 0.85em;
line-height: 150%;
margin-left: 21%;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
/* main page width */
.pagewidth {
width: 1030px;
margin: 0 auto;
position: relative;
}
.pagewidth:before,
.pagewidth:after,
.oc-clear:before,
.oc-clear:after,
.gform_fields li:before,
.gform_fields li:after,
#content:before,
#content:after,
.page-content:before,
.page-content:after {
display: table;
content: '';
}
.oc-clear:after,
.pagewidth:after,
.gform_fields li:after,
#content:after,
.page-content:after {
clear: both;
}
.oc-clear,
.pagewidth,
.gform_fields li,
#content,
.page-content {
zoom: 1;
}
.pagewidth.smaller {
width: 815px;
}
.sidebar-none.list-post #layout.pagewidth {
width: 100% !important;
max-width: 100% !important;
}
/* body (middle container) */
#body {
margin: 0 auto;
/*max-width: 100%;*/
/*padding: 0 0 40px;*/
padding: 0;
}
.home #body {
padding: 0;
}
/* content */
#content {
width: 676px;
float: left;
padding-top: 50px;
text-align: left;
}
.single #content {
padding-top: 0;
}
.sidebar-none #content {
width: 100%;
float: none;
}
.sidebar-none.list-post #content {
padding-top: 0;
}
/* sidebar */
#sidebar {
font-size: 1em;
width: 240px;
float: right;
padding-top: 50px;
}
/* sidebar left */
.sidebar-left #content {
float: right;
}
.sidebar-left #sidebar {
float: left;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left: 3.2%;
float: left;
}
.col4-1 {
width: 22.6%;
}
.col4-2, .col2-1 {
width: 48.4%;
}
.col4-3 {
width: 74.2%;
}
.col3-1 {
width: 31.2%;
}
.col3-2 {
width: 65.6%;
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
margin-left: 0;
clear: left;
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
position: relative;
}
#header {
position: fixed;
top: 0;
z-index: 20;
background: url('images/texture-grey.jpg') repeat;
-webkit-border-radius: 0 0 11px 11px;
border-radius: 0 0 11px 11px;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
}
.admin-bar #header {
top: 28px;
}
/*
SITE LOGO
================================================ */
#site-logo {
margin: 0;
padding: 0;
}
#site-logo a {
float: left;
width: 301px;
height: 70px;
background: url('images/logo.png') no-repeat center center;
text-indent: -9999px;
margin: 8px 0 10px 15px;
}
#site-logo a:hover {
text-decoration: none;
}
/*
SITE DESCRIPTION
================================================ */
#site-description {
position: absolute;
top: -9999px;
left: -9999px;
}
/*
MAIN NAVIGATION
================================================ */
#main-nav {
text-align: center;
margin: 0 4px 0 0;
float: right;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
position: relative;
border-left: 1px solid #282828;
margin-right: -4px;
}
#main-nav li:hover {
border-left-color: #1d1d1d;
}
/* main level link */
#main-nav a {
font-family: 'league_gothicregular';
font-size: 1.4em;
color: #e3e3e3;
display: block;
padding: 5px 14px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
height: 80px;
line-height: 109px;
letter-spacing: 0.02em;
border-left: 1px solid #4d4d4d;
}
#main-nav .donate-but {
background: #219dd9; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMyMTlkZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTM4ZWM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #219dd9 19%, #138ec9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#219dd9), color-stop(100%,#138ec9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #219dd9 19%,#138ec9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #219dd9 19%,#138ec9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #219dd9 19%,#138ec9 100%); /* IE10+ */
background: linear-gradient(to bottom, #219dd9 19%,#138ec9 100%); /* W3C */
-pie-background: linear-gradient(#219dd9, #138ec9);/* CSS3 PIE */
-webkit-border-radius: 0px 0px 11px 0px;
border-radius: 0px 0px 11px 0px;
border-left: 1px solid #282828;
}
#main-nav .donate-but a {
text-shadow: 0px 1px 2px #066695;
-webkit-box-shadow: inset 6px 0px 7px -7px rgba(0, 0, 0, 0.4);
box-shadow: inset 6px 0px 7px -7px rgba(0, 0, 0, 0.4);
padding: 5px 22px;
border-left: 1px solid #006b98;
color: #fff;
border-bottom: 1px solid #2ca4de;
border-right: 1px solid #2ca4de;
-webkit-border-radius: 0px 0px 11px 0px;
border-radius: 0px 0px 11px 0px;
}
/* main level link :hover */
#main-nav a:hover, #main-nav li:hover > a {
color: #fff;
background: rgba(0, 0, 0, 0.2);
border-left-color: #383838;
}
#main-nav .donate-but a:hover, #main-nav .donate-but li:hover > a {
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
color: #c3c3c3;
background: rgba(0, 0, 0, 0.3);
border-left-color: #383838;
}
#main-nav .current_page_item, #main-nav .current-menu-item {
border-left-color: #1d1d1d;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color: #c3c3c3;
background: rgba(0, 0, 0, 0.3);
}
/************************************************************************************
Share Side Bar
*************************************************************************************/
.share-wrapper {
position: absolute;
z-index: 10;
overflow: hidden;
top: 380px;
right: 0;
height: 88px;
width: 330px;
}
#oc-sm-bar {
position: absolute;
z-index: 10;
right: -241px;
height: 86px;
background: #42c2b7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwY2ZjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNmIxYTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #50cfc4 0%, #36b1a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50cfc4), color-stop(100%,#36b1a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #50cfc4 0%,#36b1a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #50cfc4 0%,#36b1a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #50cfc4 0%,#36b1a6 100%); /* IE10+ */
background: linear-gradient(to bottom, #50cfc4 0%,#36b1a6 100%); /* W3C */
-pie-background: linear-gradient(#50cfc4, #36b1a6); /* CSS3 PIE */
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
font-family: 'league_gothicregular';
border: 1px solid #51ccc1;
}
#oc-buttons {
float: left;
}
#oc-sm-bar a {
font-size: 1.4em;
color: #fff;
padding: 47px 22px 16px;
float: left;
background: url("images/like-icon.png") no-repeat center 16px;
text-transform: uppercase;
letter-spacing: 0.02em;
cursor: pointer;
}
#oc-sm-bar:hover a,
#oc-sm-bar a:hover {
text-decoration: none;
background-color: #36b1a6;
}
#oc-sm-bar .sm {
float: left;
width: 80px;
height: 73px;
text-align: center;
padding-top: 15px;
}
#oc-sm-bar .sm.fb {
background: #1e2f65;
}
#oc-sm-bar .sm.in {
background: #2a71b4;
}
#oc-sm-bar .sm.twit {
background: #3caaf1;
}
/************************************************************************************
Home Gallery
*************************************************************************************/
#home-gallery {
position: relative;
width: 100%;
overflow: hidden;
height: 521px;
}
#home-gallery .gallery-container {
width: 2601px;
position: absolute;
background: #fff;
left: 50%;
margin-left: -1300px;
}
#home-gallery ul {
margin: 0 0 0 1px;
padding: 0;
width: 100%;
}
#home-gallery li {
float: left;
list-style-type: none;
margin: 0 1px 1px 0;
background: #000;
}
#home-gallery li.large {
width: 599px;
background: #fff;
height: 173px;
overflow: hidden;
}
#home-gallery li a {
opacity: 0.6;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray alpha(opacity=50); /* IE6-9 */
-webkit-filter: grayscale(50%);
}
#home-gallery li a:hover {
opacity: 1;
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0%);
}
#home-gallery li a,
#home-gallery li a img {
float: left;
}
#home-gallery .gallery-content {
padding: 20px;
}
#home-gallery .large p {
margin: 0 1% 0 0;
display: inline-block;
width: 50%;
}
#home-gallery .large .button {
float: none;
vertical-align: top;
margin-top: 15px;
opacity: 1;
filter: none;
filter: gray alpha(opacity=0);
-webkit-filter: grayscale(0%);
}
/************************************************************************************
Home Tabs
*************************************************************************************/
#home-tabs .pagewidth {
background: url('images/green-arrow.png') no-repeat center -123px;
}
#home-tabs .top-buttons {
text-align: center;
}
.top-buttons h2 {
display: inline-block;
padding: 10px 10px 5px;
cursor: pointer;
color: #8d8d8d;
font-size: 2.4em;
margin-bottom: 0;
}
.top-buttons h2.selected {
color: #414141;
}
h2#tab-label2 {
padding: 10px 16% 10px 22%;
}
.tab-outer-container {
background: url('images/texture-grey.jpg') repeat;
position: relative;
z-index: 2;
margin: 0 30px;
border: 1px solid #000;
border-top: none;
-webkit-box-shadow: 0px 29px 13px -22px rgba(0,0,0,0.6);
box-shadow: 0px 29px 13px -22px rgba(0,0,0,0.6);
}
.tab-container {
overflow: hidden;
position: relative;
height: 338px;
text-align: right;
}
.tab-wrapper {
width: 2910px;
position: absolute;
left: -200.6%;
top: 0;
}
.tab-wrapper .tab {
width: 870px;
float: left;
padding: 30px 50px;
height: 277px;
}
.tab h3 {
color: #fff;
font-size: 2.7em;
margin: 10px 0;
text-align: left;
}
.tab p {
color: #fff;
text-align: left;
font-size: 1.15em;
/*-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;*/
margin: 0;
padding-bottom: 10px;
height: 105px;
overflow: hidden;
}
.arrow-container {
position: relative;
margin: 0 30px;
height: 25px;
overflow: hidden;
}
.arrow-container span {
width: 50px;
height: 50px;
position: absolute;
background: url('images/texture-grey.jpg') repeat;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
left: 85px;
top: 12px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.arrow-container span.tab-1 {
left: 85px;
}
.arrow-container span.tab-2 {
left: 461px;
}
.arrow-container span.tab-3 {
left: 805px;
}
.down-arrow {
height: 145px;
background: url('images/green-arrow.png') no-repeat center top;
text-align: center;
padding-top: 26px;
margin-bottom: -20px;
}
.down-arrow p {
text-transform: uppercase;
color: #000;
font-weight: 700;
font-size: 1.25em;
margin: 0 0 2px;
}
.down-arrow h2 {
color: #414141;
font-size: 4em;
margin: 0 40px 0 0;
}
.down-arrow h2 span {
color: #fff;
}
/************************************************************************************
Home Donations
*************************************************************************************/
#home-donations {
background: #fff;
border-top: 1px solid #c5c5c5;
}
#home-donations .module {
margin: 0;
}
#home-donations .donate-module {
border-right: 1px solid #d5d5d5;
float: left;
width: 32.85%;
padding: 30px 0;
}
#home-donations .donate-module.middle {
width: 34%;
}
#home-donations .donate-module.last {
border-right: none;
}
.donate-img {
display: block;
text-align: center;
}
#home-donations h2 {
margin: 0 0 5px;
color: #414141;
font-size: 1.9em;
}
#home-donations {
text-align: right;
}
#home-donations h2,
#home-donations p {
text-align: left;
}
#home-donations p {
min-height: 140px;
margin: 0;
}
#home-donations .first h2,
#home-donations .first p {
padding: 0 25px 0 0;
}
#home-donations .middle h2,
#home-donations .middle p {
padding: 0 25px;
}
#home-donations .last h2,
#home-donations .last p {
padding: 0 0 0 25px;
}
#home-donations .button {
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
margin-right: -1px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1em;
padding: 9px 20px 9px;
letter-spacing: 0;
}
/************************************************************************************
Home Feature image
*************************************************************************************/
#home-feature {
height: 757px;
background: url('images/texture-grey.jpg') repeat;
overflow: hidden;
-webkit-box-shadow: 0 3px 15px -1px rgba(0,0,0,0.6);
box-shadow: 0 3px 15px -1px rgba(0,0,0,0.6);
position: relative;
z-index: 1;
}
#home-feature .pagewidth {
padding-top: 490px;
}
#home-feature h1 {
position: absolute;
left: -9999px;
top: -9999px;
}
#home-feature h2 {
margin: 0;
color: #fff;
font-family: "Open Sans", sans-serif;
text-transform: none;
font-size: 1.2em;
font-weight: 600;
margin-bottom: 8px;
}
#home-feature p {
color: #fff;
font-size: 0.96em;
line-height: 135%;
}
#home-feature .content-left {
width: 500px;
margin: 27px 0 0 55px;
}
#home-feature-image {
position: absolute;
left: 50%;
margin-left: -900px;
}
#cta-container {
float: right;
margin: 25px 30px 0 0;
}
/************************************************************************************
Home Facebook Like Box
*************************************************************************************/
#home-facebook {
background: #fff;
padding: 40px 0;
}
/************************************************************************************
Sponsors Box
*************************************************************************************/
#sponsors {
background: #fff;
border-top: 1px solid #c5c5c5;
position: relative;
-webkit-box-shadow: 0px 5px 9px -2px rgba(0, 0, 0, 0.6);
box-shadow: 0px 5px 9px -2px rgba(0, 0, 0, 0.6);
}
.home #sponsors {
z-index: 2;
}
#sponsors .pagewidth {
padding: 15px 0;
}
#sponsors ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
#sponsors li {
width: 206px;
height: 90px;
padding: 0;
margin: 0;
display: block;
text-align: center;
float: left;
}
#sponsors .clearfix {
float: none;
clear: both;
}
#sponsors .carousel-nav-wrap {
display: none;
}
#sponsors .controls {
text-align: right;
}
#sponsors p {
display: inline-block;
margin: 0;
text-transform: uppercase;
font-size: 0.7em;
color: #8a8a8a;
vertical-align:middle;
padding-right: 10px;
}
#sp-next,
#sp-prev {
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #d8d8d8;
display: inline-block;
cursor: pointer;
vertical-align:middle;
background: url('images/direction-arrows.png') no-repeat left top;
}
#sp-next:hover,
#sp-prev:hover {
background-color: #f2f2f2;
}
#sp-next {
background-position: right top;
}
/************************************************************************************
Quote Box
*************************************************************************************/
#quote {
height: 336px;
overflow: hidden;
background: url('images/texture-grey.jpg') repeat;
}
#quote img {
position: absolute;
right: -200px;
top: 0;
}
.quote-content {
position: relative;
z-index: 4;
margin: 40px 380px 20px 0;
}
#quote #quote-marks {
left: -75px;
top: -14px;
right: auto;
}
.quote-content h1 {
font-size: 1.9em;
margin: 15px 0 0;
color: #fff;
}
.quote-content p {
font-style: italic;
font-weight: 300;
font-size: 1.32em;
line-height: 150%;
margin: 0;
color: #f2f2f2;
}
.quote-content p span {
font-style: normal;
font-size: 0.7em;
line-height: 100%;
color: #fff;
}
/************************************************************************************
Subscribe Module
*************************************************************************************/
#home-subscribe {
background: url('images/texture-blue.jpg') repeat;
padding: 40px 0;
}
#home-subscribe .left {
width: 49%;
}
#home-subscribe .gform_wrapper {
float: right;
width: 47%;
padding: 50px 0 0 0;
}
#home-subscribe h1,
#home-subscribe p,
#home-subscribe label {
color: #fff;
}
#home-subscribe label,
#home-subscribe .ginput_container {
display: inline-block;
}
#home-subscribe label {
width: 25%;
}
#home-subscribe .ginput_container {
width: 75%;
}
#home-subscribe .validation_error,
#home-subscribe .validation_message {
color: #414141;
font-weight: 700;
padding: 0;
}
#home-subscribe #gforms_confirmation_message {
color: #fff;
font-family: 'league_gothicregular';
text-transform: uppercase;
padding-left: 30px;
float: left;
font-size: 41px;
line-height: 110%;
}
.feature-image-holder {
overflow: hidden;
max-height: 479px;
min-height: 360px;
text-align: center;
background: url('images/texture-grey.jpg') repeat;
}
.feature-image-holder img {
}
.page-template-default #content {
padding-top: 30px;
}
.page-template-default .type-page .page-content {
background: #fff;
text-align: left;
padding: 40px 60px;
position: relative;
margin-bottom: 50px;
}
.page-content>:first-child {
margin-top: 0;
}
.page-content blockquote {
/*padding-left: 60px;
background: url('images/quote.png') no-repeat left 13px; */
font-style: italic;
}
.page-template-default .type-page .page-title {
font-family: 'league_gothicregular';
text-transform: uppercase;
font-weight: normal;
text-align: left;
position: absolute;
top: -120px;
left: 30px;
color: #fff;
font-size: 5.5em;
background: url('images/title-arrow.png') no-repeat left bottom;
padding: 0 0 84px 0;
margin: 0;
z-index: 5;
text-shadow: -2px 3px 9px #2d2d2d;
}
.page-id-11 .page-content {
display: none;
}
#page-11 {
width: 1030px;
margin: 0 auto;
position: relative;
}
.sidebar-none.list-post #page-11 .page-title {
margin-top: 0;
top: -140px;
}
/************************************************************************************
Donate Page
*************************************************************************************/
#donate {
display: none;
background: url('images/texture-light-grey.jpg') repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.7);
box-shadow: 0 0 30px 0 rgba(0,0,0,0.7);
}
.outer-donate {
width: 770px;
margin: 0 auto;
padding: 0 30px
}
.outer-donate .cta-container {
margin: 30px 0;
}
.outer-donate .cta-container img {
padding: 10px 0 0 0;
display: inline-block;
}
.outer-donate .cta-container .button.blue {
float: right;
}
.outer-donate .plus {
font-size: 2.85em;
float: left;
color: #a2a2a2;
padding: 25px 0 0 0;
}
.outer-donate h1 {
color: #666;
font-size: 3em;
margin: 1em 0 0 0;
padding: 0;
}
.outer-donate p {
color: #000;
font-weight: 600;
margin: 0;
}
.outer-donate p.strap {
font-size: 0.7em;
line-height: 130%;
text-transform: uppercase;
}
.outer-donate h3 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 1.20em;
margin: 0;
}
.donate-page-module {
float: left;
width: 235px;
text-align: center;
}
.outer-donate .page-content {
margin: 20px 0;
text-align: left;
}
.lower-copy {
background: url('images/texture-grey.jpg') repeat;
padding: 20px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
.lower-copy p {
color: #fff;
margin: 0;
}
#lean_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}
.modal_close {
position: absolute;
top: 3px;
right: 3px;
width: 32px;
height: 32px;
background: url('images/close-black.png') no-repeat center center;
text-indent: -9999px;
cursor: pointer;
}
/************************************************************************************
WELCOME MESSAGE
*************************************************************************************/
.welcome-message-wrap {
padding: 45px 0;
margin: 0;
background: #000;
}
.welcome-message {
color: #b8b8b8;
text-align: center;
font: italic 1.25em/1.2em 'Old Standard TT', serif;
}
.welcome-message h1,
.welcome-message h2,
.welcome-message h3,
.welcome-message h4,
.welcome-message h5,
.welcome-message h6 {
margin: 0 0 .57em;
color: #FFF;
font: normal 1.7em/1em 'Old Standard TT', serif;
text-transform: uppercase;
}
.welcome-message p {
margin: 0;
padding: 0 0 1em;
}
/* shortcode buttons */
.welcome-message a.shortcode.button {
font: bold .6em/1em Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
color: #000;
background: #FFF;
padding: 10px 20px;
margin: 15px 5px 5px;
border-color: transparent;
display: inline-block;
text-shadow: none;
border-radius: 5px;
box-shadow: none;
}
.welcome-message a.shortcode.button:hover {
background: #ccc;
color: #fff;
}
/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title {
font: normal 2.12em/1.1em 'Old Standard TT', serif;
text-transform: uppercase;
color: #000;
margin: 0 0 30px;
padding: 0;
}
.sidebar-none.list-post .page-title {
margin-top: 50px;
}
.sidebar-none .page-title,
.sidebar-none .page-content {
text-align: center;
}
/* shortcode col */
.sidebar-none .shortcode {
text-align: left;
}
.top-module {
width: 44%;
float: left;
padding: 3%;
min-height: 305px;
}
.top-module.bluebg {
background: url('images/texture-blue.jpg') repeat;
color: #fff;
}
.top-module.whitebg {
background: #fff;
border-bottom: 1px solid #ededed;
}
.top-module.bluebg h3 {
color: #fff;
}
.top-module h3 {
margin-top: 0;
font-size: 1.9em;
}
.top-module .gfield_label,
.top-module .ginput_container {
display: inline-block;
}
.top-module .gfield_label {
width: 23%;
}
.top-module .ginput_container {
width: 75%;
}
/*
AUTHOR PAGE
================================================ */
.author-bio {
margin: 0 0 30px;
}
.author-bio .author-avatar {
float: left;
margin: 0 15px 0 0;
}
.author-bio .author-avatar img {
background: #fff;
padding: 4px;
border: solid 1px #ccc;
}
.author-bio .author-name {
margin: 0 0 5px;
padding: 0;
font-size: 1.6em;
}
.author-posts-by {
margin: 0 0 20px;
padding: 10px 0 0;
font-size: 1.4em;
text-transform: uppercase;
border-top: double 4px #ccc;
border-color: rgba(118,118,118,.3);
}
.author.sidebar-none .author-bio {
margin: 50px auto 30px;
width: 978px;
}
.author.sidebar-none .author-posts-by {
margin: 20px auto;
width: 978px;
}
/*
CATEGORY SECTIONS
================================================ */
.category-section {
clear: both;
margin-bottom: 30px;
}
.category-section-title {
font-size: 1.2em;
text-transform: uppercase;
margin: 0 0 20px;
padding: 10px 0 0;
border-top: double 4px #ccc;
}
/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
clear: both;
padding: 20px 0;
line-height: 1em;
text-align: center;
}
.pagenav a, .pagenav span, .pagenav .current {
font-size: .87em;
font-weight: bold;
padding: 10px 6px 7px;
margin: 0 2px;
vertical-align: middle;
display: inline-block;
min-width: 24px;
min-height: 18px;
text-align: center;
border-radius: 5px;
}
.pagenav a {
background: #ccc;
color: #FFF;
text-decoration: none;
}
.pagenav a:hover,
.pagenav .current {
color: #FFF;
background-color: #000;
}
/************************************************************************************
LOOP WRAPPER
*************************************************************************************/
.grid4 .loops-wrapper,
.grid3 .loops-wrapper,
.grid2 .loops-wrapper {
margin-left: -30px;
overflow: visible !important;
}
.grid4.sidebar1 .loops-wrapper,
.grid3.sidebar1 .loops-wrapper,
.grid2.sidebar1 .loops-wrapper {
margin-left: -20px;
overflow: visible !important;
}
/************************************************************************************
POST
*************************************************************************************/
.post {
margin-bottom: 20px;
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
color: inherit;
}
/* list post */
.sidebar-none.list-post .post {
padding: 55px 0 65px;
margin-bottom: 0;
}
.sidebar-none.list-post .post-inner,
.single .post-inner {
padding: 0;
width: 978px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
/* post inner */
.post-inner {
padding: 15px 4%;
}
/* post content */
.post-content {
min-width: 120px;
margin-bottom: 20px;
}
/* post title */
.post-title {
font: normal 2.37em/1.2em 'Oswald', sans-serif;;
text-transform: uppercase;
margin: 0 0 33px;
padding: 0;
}
/* post media */
.post-media {
position: relative;
margin: 0 0 25px;
}
.media-default .post-media {
width: 100% !important;
float: none;
}
.media-left .post-media {
max-width: 65.65%;
float: left;
margin-right: 3.5%;
}
.media-right .post-media {
max-width: 65.65%;
float: right;
margin-left: 3.5%;
}
.media-map.media-left .post-media,
.media-map.media-right .post-media,
.media-video.media-left .post-media,
.media-video.media-right .post-media,
.media-gallery .post-media,
.media-slider .post-media {
width: 65.65%; /* prevent media content hidden due to max-width */
}
.media-center {
text-align: center;
}
.media-center .post-media {
width: auto;
float: none;
}
.media-center .post-meta {
padding-left: 25px;
}
.media-left .post-media {
float: left;
}
.media-right .post-media {
float: right;
}
/* post media image */
.post-media img {
vertical-align: bottom;
}
/* lightbox zoom image */
.post-image .lightbox {
position: relative;
display: inline-block;
max-width: 100%;
}
.post-image .lightbox .zoom {
width: 40px;
height: 40px;
background: url(images/icon-zoom.png) no-repeat center center;
margin: -20px 0 0 -20px;
position: absolute;
top: 50%;
left: 50%;
z-index: 1000;
border-radius: 10em;
}
.post-image .lightbox:hover .zoom {
background-color: #000;
}
/* avoid overflow in touch devices */
.is-touch .pp_content, .is-touch #pp_full_res, .is-touch #pp_full_res iframe{
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
/* post meta */
.post-meta {
color: inherit;
font-size: .75em;
line-height: 1.4em;
text-transform: uppercase;
display: inline-block;
padding: 4px 25px 0 0;
margin: 15px 0 20px;
border-top: 1px solid #7d7d7d;
border-color: rgba(125,125,125,.1);
}
.post-meta a {
font-weight: bold;
color: inherit;
white-space: nowrap;
}
.post-meta .separator {
margin-left: 4px;
margin-right: 4px;
}
/* post date */
.post-date {
margin: 0 0 10px;
display: block;
}
/* media slider */
.media-slider .post-media {
margin-bottom: 10px;
}
/* media gallery */
.media-gallery .post-media {
margin-bottom: 5px;
}
#body .media-gallery .gallery {
margin-bottom: 0;
}
/* media map */
.media-map .shortcode.map .map-container {
height: 380px !important;
}
.grid3 .media-map .shortcode.map .map-container {
height: 280px !important;
}
.grid4 .media-map .shortcode.map .map-container {
height: 180px !important;
}
/* grid4 post */
.grid4 .post {
width: 222px;
margin-left: 30px;
float: left;
text-align: center;
font-size: .9em;
line-height: 1.5em;
}
.sidebar1.grid4 .post {
width: 154px;
margin-left: 20px;
}
.grid4 .post-media {
width: auto !important;
max-width: 100%;
float: none;
margin: 0 0 15px;
}
.grid4 .post-content {
width: auto;
float: none;
}
.grid4 .post-title {
font-size: 1.2em;
margin: 0 0 1em;
padding: 0;
}
.grid4 .post-date {
font-size: .87em;
}
.grid4 .post-meta {
padding: 10px 25px 0;
display: block;
}
/* grid4 gallery */
.grid4 #body .gallery-columns-1 img {
max-width: 50px;
padding: 3px;
}
/* grid3 post */
.grid3 .post {
width: 306px;
margin-left: 30px;
float: left;
text-align: center;
}
.sidebar1.grid3 .post {
width: 212px;
margin-left: 20px;
}
.grid3 .post-media {
width: auto !important;
max-width: 100%;
float: none;
margin: 0 0 15px;
}
.grid3 .post-content {
width: auto;
float: none;
}
.grid3 .post-title {
font-size: 1.5em;
margin: 0 0 1em;
padding: 0;
}
.grid3 .post-date {
font-size: .87em;
}
.grid3 .post-meta {
padding: 10px 25px 0;
display: block;
}
/* grid3 gallery */
.grid3 #body .gallery-columns-1 img {
max-width: 80px;
padding: 3px;
}
/* grid2 post */
.grid2 .post {
width: 474px;
float: left;
margin-left: 30px;
text-align: center;
}
.sidebar1.grid2 .post {
width: 328px;
margin-left: 20px;
}
.grid2 .post-media {
width: auto !important;
max-width: 100%;
float: none;
margin: 0 0 15px;
}
.grid2 .post-content {
width: auto;
float: none;
}
.grid2 .post-title {
font-size: 1.62em;
margin: 0 0 1em;
padding: 0;
}
.grid2 .post-date {
font-size: .87em;
}
.grid2 .post-meta {
padding: 10px 25px 0;
display: block;
}
/* grid2 gallery */
.grid2 #body .gallery-columns-1 img {
max-width: 100px;
}
/************************************************************************************
POST COLORS
*************************************************************************************/
/* blue */
.post.blue {
background-color: #00ccff;
color: #007796;
color: rgba(0,0,0,.6);
}
.post.blue .post-title,
.post.blue .post-title a,
.post.blue a {
color: #000;
}
/* pink */
.post.pink {
background-color: #fa46be;
color: #fee2f3;
color: rgba(255,255,255,.8);
}
.post.pink .post-title,
.post.pink .post-title a,
.post.pink a {
color: #fff;
}
/* yellow */
.post.yellow {
background-color: #ffff01;
color: #8d8d00;
color: rgba(0,0,0,.6);
}
.post.yellow .post-title,
.post.yellow .post-title a,
.post.yellow a {
color: #000;
}
/* green */
.post.green {
background-color: #99d128;
color: #e4f2cf;
color: rgba(255,255,255,.8);
}
.post.green .post-title,
.post.green .post-title a,
.post.green a {
color: #fff;
}
/* red */
.post.red {
background-color: #fe0000;
color: #ffb8b8;
color: rgba(255,255,255,.8);
}
.post.red .post-title,
.post.red .post-title a,
.post.red a {
color: #fff;
}
/* purple */
.post.purple {
background-color: #9900cc;
color: #dab8eb;
color: rgba(255,255,255,.8);
}
.post.purple .post-title,
.post.purple .post-title a,
.post.purple a {
color: #fff;
}
/* indigo */
.post.indigo {
background-color: #5a2fd6;
color: #c8beef;
color: rgba(255,255,255,.8);
}
.post.indigo .post-title,
.post.indigo .post-title a,
.post.indigo a {
color: #fff;
}
/* orange */
.post.orange {
background-color: #ff6600;
color: #ffcbb8;
color: rgba(255,255,255,.8);
}
.post.orange .post-title,
.post.orange .post-title a,
.post.orange a {
color: #fff;
}
/* gray */
.post.gray {
background-color: #e8e8e8;
color: #7f7f7f;
color: rgba(51,51,51,.6);
}
.post.gray .post-title,
.post.gray .post-title a,
.post.gray a {
color: #333;
}
/* black */
.post.black {
background-color: #000;
color: #b0b0b0;
color: rgba(255,255,255,.8);
}
.post.black .post-title,
.post.black .post-title a,
.post.black a {
color: #fff;
}
/************************************************************************************
POST FONTS
*************************************************************************************/
/* serif */
.post.serif,
.post.serif .post-title,
.post.serif .post-meta,
.post.serif .post-date {
font-family: "Open Sans", sans-serif;
font-style: normal;
}
.post.serif h1,
.post.serif h2,
.post.serif h3,
.post.serif h4,
.post.serif h5,
.post.serif h6 {
font-family: "Open Sans", sans-serif;
font-style: italic;
}
.post.serif .post-title {
text-transform: none;
font-variant: small-caps;
}
/* sans-serif */
.post.sans-serif,
.post.sans-serif .post-title,
.post.sans-serif .post-meta,
.post.sans-serif .post-date,
.post.sans-serif h1,
.post.sans-serif h2,
.post.sans-serif h3,
.post.sans-serif h4,
.post.sans-serif h5,
.post.sans-serif h6 {
font-family: "Open Sans", sans-serif;
}
.post.sans-serif .post-title {
font-weight: bold;
text-transform: uppercase;
}
/************************************************************************************
POST BACKGROUNDS
*************************************************************************************/
.post.bg1 {
background-image: url(uploads/bg/bg1.png);
}
.post.bg2 {
background-image: url(uploads/bg/bg2.png);
}
.post.bg3 {
background-image: url(uploads/bg/bg3.png);
}
.post.bg4 {
background-image: url(uploads/bg/bg4.png);
}
.post.bg5 {
background-image: url(uploads/bg/bg5.png);
}
.post.bg7 {
background-image: url(uploads/bg/bg7.png);
}
.post.bg8 {
background-image: url(uploads/bg/bg8.png);
}
.post.bg9 {
background-image: url(uploads/bg/bg9.png);
}
.post.bg10 {
background-image: url(uploads/bg/bg10.png);
}
.post.bg11 {
background-image: url(uploads/bg/bg11.png);
}
.post.bg12 {
background-image: url(uploads/bg/bg12.png);
background-color: #ce9654;
}
.post.bg13 {
background-image: url(uploads/bg/bg13.jpg);
background-color: #e0dfcb;
}
.post.bg14 {
background-image: url(uploads/bgbg14.gif);
background-color: #bda985;
}
.post.bg15 {
background-image: url(uploads/bg/bg15.jpg);
background-color: #e1e1e1;
}
.post.bg16 {
background-image: url(uploads/bg/bg16.png);
background-color: #636363;
}
.post.bg17 {
background-image: url(uploads/bg/bg17.jpg);
background-color: #353334;
background-position: top;
background-repeat: repeat-x;
}
.post.bg18 {
background-image: url(uploads/bg/bg18.jpg);
background-color: #2e2e2e;
}
.post.bg19 {
background-image: url(uploads/bg/bg19.png);
background-position: top;
}
.post.bg20 {
background-image: url(uploads/bg/bg20.png);
background-position: top;
}
.post.bg21 {
background-image: url(uploads/bg/bg21.png);
background-position: top;
}
.post.bg22 {
background-image: url(uploads/bg/bg22.jpg);
background-color: #eee8d2;
background-position: top;
background-repeat: repeat-x;
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video, .embed-youtube {
position: relative;
padding-bottom: 56.25%;
margin-bottom: 10px;
height: 0;
overflow: hidden;
z-index: 0;
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/************************************************************************************
SLIDESHOW
*************************************************************************************/
.slideshow {
margin: 0;
padding: 0;
}
.slideshow li {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
float: left;
}
.slideshow-wrap {
visibility: hidden;
height: 0;
overflow: hidden;
min-width: 120px;
}
.slideshow {
margin: 0;
padding: 0;
}
.slideshow li {
margin: 0;
padding: 0;
float: left;
list-style: none;
overflow: hidden;
text-align: center;
}
.single .slideshow li {
position: relative;
}
/* slider image caption */
.slider-image-caption {
color: #fff;
background: #333;
background: rgba(0,0,0,0.6);
position: absolute;
padding: 5px 10px;
bottom: 0;
width: 100%;
}
/* slideshow nav wrap */
.post .carousel-nav-wrap {
width: 100%;
padding: 0;
margin: 0;
}
.post .carousel-prev,
.post .carousel-next {
position: absolute;
width: 43px;
height: 43px;
display: block;
text-indent: -999em;
background-color: none;
border: none;
box-shadow: none;
top: 50%;
margin-top: -39px;
}
.post .carousel-prev {
background: url(images/arrow-left.png) no-repeat;
position: absolute;
top: 50%;
left: 10px;
margin-top: -39px;
}
.post .carousel-next {
background: url(images/arrow-right.png) no-repeat;
position: absolute;
top: 50%;
right: 10px;
margin-top: -39px;
}
.post .carousel-pager {
text-align: center;
margin: 5px 0;
padding: 0;
clear: both;
}
.post .carousel-pager li {
margin: 0;
padding: 0;
display: inline-block;
position: relative;
}
.post .carousel-pager a {
text-indent: -900em;
text-decoration: none;
width: 11px;
height: 11px;
display: block;
margin: 0 2px;
cursor: pointer;
background: #727272;
background: rgba(114,114,114,.7);
border: none;
display: inline-block;
vertical-align: middle;
border-radius: 10em;
}
.post .carousel-pager .selected {
background: #d9d9d9;
background: rgba(217,217,217,.7);
}
/**********************************************************************************
AUTHOR BOX
************************************************************************************/
.author-box {
margin: 0 0 50px;
}
.author-box .author-avatar {
float: left;
margin: 0 15px 5px 0;
}
.author-box .author-name {
font: normal 1.37em/1em 'Oswald', sans-serif;
margin: 0 0 5px;
}
/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav {
margin: 0 0 30px;
padding: 20px 0 0;
clear: both;
}
.post-nav span {
width: 47%;
position: relative;
}
.post-nav a {
font-size: 1.12em;
color: #000;
text-decoration: none;
display: block;
}
.post-nav a:hover {
text-decoration: none;
}
.post-nav .prev {
float: left;
}
.post-nav .next {
float: right;
text-align: right;
}
/* post nav arrow */
.post-nav span span {
background: #ccc;
color: #fff;
font: normal 1.62em/.87em 'Oswald', sans-serif;
display: block;
width: auto;
float: left;
padding: 3px 13px 11px;;
text-align: center;
margin: -8px 10px 17px 0;
border-radius: 5px;
}
.post-nav .next span {
float: right;
margin-left: 10px;
margin-right: 0;
}
.post-nav a:hover span {
background: #000;
}
/************************************************************************************
PORTFOLIO POST TYPE
*************************************************************************************/
.portfolio-post {
margin-bottom: 30px;
}
/* portfolio post title */
.portfolio-post .post-title {
margin: 0 0 5px;
}
/* portfolio post image */
.portfolio-post .post-image {
margin: 0 0 10px 0;
}
/* portfolio post meta */
.portfolio-post .post-meta {
margin: 0 0 5px;
border: none;
padding: 0;
}
/* portfolio post date */
.portfolio-post .post-date {
margin: 0 0 15px;
font-size: 90%;
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
margin: 10px 0 20px;
position: relative;
clear: both;
}
/* comment title */
.comment-title, #reply-title {
font: normal 1.62em/1em 'Oswald', sans-serif;
text-transform: uppercase;
color: #000;
margin: 0 0 10px;
padding: 0;
}
/* comment pagenav */
.commentwrap .pagenav {
margin: 10px 0;
border: none;
box-shadow: none;
}
.commentwrap .pagenav.top {
margin: 0;
position: absolute;
top: -20px;
right: 0;
}
.commentwrap .pagenav.top a, .commentwrap .pagenav.top span {
font-size: .75em;
padding: 5px 2px 3px;
}
/* commentlist */
.commentlist {
margin: 0 0 30px;
padding: 5px 0 0;
border-top: solid 1px #ddd;
}
.commentlist li {
margin: 0;
padding: 24px 0 0;
list-style: none;
position: relative;
}
.commentlist .comment-author {
margin: 2px 0 10px;
padding: 0;
}
.commentlist .avatar {
float: left;
margin: 0 15px 0 0;
}
.commentlist cite {
font: normal 1.37em/1em 'Oswald', sans-serif;
display: inline-block;
margin-bottom: 8px;
}
.commentlist cite a {
text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
background: url(images/icon-author-comment.png) no-repeat 0 2px;
padding-left: 18px;
}
.commentlist .comment-time {
font: italic .87em/1em 'Old Standard TT', serif;
}
.commentlist .commententry {
border-bottom: solid 1px #ddd;
position: relative;
min-height: 40px;
overflow: hidden;
padding-bottom: 5px;
word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
margin: 0 0 0 92px;
padding: 0;
}
/* reply link */
.commentlist .reply {
position: absolute;
right: 0;
top: 8px;
}
.commentlist .comment-reply-link {
font: normal .87em/1em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-transform: uppercase;
text-decoration: none;
}
.commentlist .comment-reply-link:hover {
text-decoration: none;
}
/*
COMMENT FORM
================================================ */
#respond {
margin: 0;
padding: 30px 0 0;
position: relative;
clear: both;
}
#respond #cancel-comment-reply-link {
font: bold .75em/1em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-transform: uppercase;
position: absolute;
top: 30px;
right: 0;
text-decoration: none;
padding: 5px 10px;
display: block;
color: #fff;
background: #000;
border-radius: 5px;
}
#respond #cancel-comment-reply-link:hover {
background: #b8b8b8;
color: #000;
}
#commentform {
margin: 25px 0 0;
}
#commentform input[type=text] {
width: 206px;
margin-right: 5px;
}
#commentform textarea {
height: 140px;
}
/************************************************************************************
AVATARS
*************************************************************************************/
.avatar {
border-radius: 5px;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget {
font-size: .9em;
margin: 0 0 30px;
word-wrap: break-word;
}
.widgettitle {
font: normal 1.25em/1em 'Oswald', sans-serif;
color: #000;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: 4px 0;
list-style: none;
clear: both;
}
.widget ul ul {
margin: 6px 0 -6px 0px;
padding: 0;
border-top: none;
}
.widget ul ul li {
margin: 0;
padding-left: 10px;
}
/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption {
font-weight: bold;
padding-bottom: 10px;
}
.widget #wp-calendar td {
width: 31px;
padding: 4px 2px;
text-align: center;
}
/* feature posts widget */
.widget .feature-posts-list br {
display: none;
}
.widget .feature-posts-list li {
padding: 0;
}
.widget .feature-posts-list .post-img {
margin: 4px 12px 10px 0;
float: left;
border-radius: 5px;
}
.widget .feature-posts-list small {
font: italic .75em/1em 'Old Standard TT', serif;
display: block;
margin: 7px 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
display: inline-block;
margin: 6px 0 3px;
}
.widget .feature-posts-list .post-excerpt {
display: block;
}
/* twitter widget */
.widget .twitter-list .twitter-timestamp a {
font-style: italic;
font-size: .9em;
}
.widget .follow-user {
margin: 0;
padding: 5px 0;
}
/* links widget */
.widget .links-list img, .widget_links img {
vertical-align: middle;
}
/* recent comments widget */
.recent-comments-list .avatar {
margin-right: 12px;
float: left;
}
/* flickr widget */
.widget .flickr_badge_image {
margin-top: 10px;
}
.widget .flickr_badge_image img {
width: 50px;
height: 50px;
margin-right: 11px;
margin-bottom: 11px;
float: left;
border-radius: 5px;
}
/* flickr shortcode */
.shortcode .flickr_badge_image {
width: 23.8%;
margin: 0 1.5% 1.5% 0;
float: left;
}
.shortcode .flickr_badge_image:nth-of-type(4n) {
margin-right: 0;
}
.shortcode .flickr_badge_image img {
margin: 0;
}
/* search widget */
#sidebar #searchform {
position: static;
}
#sidebar #searchform #s {
width: 93%;
}
/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered {
max-width: 100% !important;
}
#content .twt-border {
max-width: 100% !important;
min-width: 180px !important;
}
/************************************************************************************
LOAD MORE BUTTON
*************************************************************************************/
#load-more {
clear: both;
margin: 30px 0 10px;
right: 44%;
text-align: center;
}
#load-more a {
font: bold .87em/1em Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
background: #cccccc;
padding: 13px 20px 12px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
}
#load-more a:hover {
background-color: #000;
color: #fff;
}
/* Social Links Widget */
.widget .social-links {
margin: 0 0 20px;
padding: 0;
line-height: 1em;
}
.widget .social-links li {
margin: 0 5px 5px 0;
padding: 0;
list-style: none;
border: none;
display: inline-block;
}
.widget .social-links img {
vertical-align: middle;
}
/************************************************************************************
INFINITE SCROLL
*************************************************************************************/
#infscr-loading {
position: fixed;
text-align: center;
bottom: 30px;
left: 50%;
width: 50px;
height: 41px;
padding-top: 9px;
margin-left: -25px;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
overflow: hidden;
border-radius: 10px;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
background: #191919;
}
#footer {
position: relative;
clear: both;
padding: 20px 0;
}
#footer .logo {
float: left;
width: 205px;
height: 45px;
background: url('images/footer-logo.png') no-repeat center center;
text-indent: -9999px;
}
#footer .right {
float: right;
text-align: right;
margin-top: 20px;
}
#footer .right p,
#footer .footer-nav,
#bluearc {
display: inline-block;
}
#footer p {
color: #b1b1b1;
text-transform: uppercase;
font-size: 0.65em;
margin: 0;
}
/* footer nav */
.footer-nav {
text-align: center;
margin: 0;
padding: 0;
line-height: 100%;
}
.footer-nav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.footer-nav a {
color: #b1b1b1;
text-transform: uppercase;
font-size: 0.65em;
border-right: 1px solid #b1b1b1;
padding: 0 5px;
line-height: 100%;
}
.footer-nav a:hover {
color: #fff;
}
.footer-nav li:last-child a {
border-right: none;
}
/* back to top */
.back-top {
position: absolute;
top: -11px;
left: 50%;
margin-left: -18px;
}
.back-top a {
background: #000 url(images/arrow-up.png) no-repeat center center;
display: inline-block;
width: 36px;
height: 36px;
text-indent: -900em;
border-radius: 5px;
}
.back-top a:hover {
background-color: #219dd9;
}
#bluearc {
width: 66px;
height: 13px;
background: url('images/bluearc-logo.png') no-repeat center top;
text-indent: 9999px;
overflow: hidden;
margin-left: 20px;
}
#bluearc:hover {
background-position: center bottom;
}
.page-content p strong {
color: #2d2d2d;
font-weight: 700;
}
.page-content h1 {
font-size: 3.0em;
}
.page-content h2,
.page-content h3,
.page-content h5 {
text-transform: none;
}
.page-content h2 {
font-size: 2.5em;
margin: 1.0em 0 .4em;
}
.page-content h3 {
font-size: 2.2em;
color: #414141;
}
.page-content h4 {
font-size: 1.5em;
color: #414141;
}
.page-content h5,
.page-content h6 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
}
.page-content h5 {
}
.page-content h6 {
font-size: 0.9em;
}
.page-content p a {
color: #219dd9;
text-decoration: underline;
}
.page-content p a:hover {
color: #0b7aad;
}
/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
.sticky {}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
margin-bottom: 15px;
}
.alignleft {
float: left;
margin-right: 30px;
}
.alignright {
float: right;
margin-left: 30px;
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption-text {
font-style: italic;
font-size: .95em;
line-height: 1.2em;
margin: 6px 0;
}
/************************************************************************************
HOME PAGE WINE BUTTON
*************************************************************************************/
.wine-button {
display: block;
margin-bottom: 296px;
text-align: right;
height: 119px;
}
.wine-button a {
float: right;
height: 119px;
text-align:left;
background: url('images/wine-button.png') no-repeat center center;
text-indent: -99999px;
overflow: hidden;
width: 354px;
}
#home-feature .pagewidth {
padding-top: 100px;
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment {
float: none;
margin: 0;
text-align: left;
}
/************************************************************************************
GALLERY
*************************************************************************************/
#body .gallery {
margin: 0 0 20px 0;
}
/* gallery item */
#body .gallery .gallery-item {
margin: 0 8px 8px 0;
vertical-align: top;
width: auto;
float: left;
text-align: center;
}
/* gallery image */
#body .gallery img {
border: none;
vertical-align: middle;
background: #fff;
padding: 4px;
}
/* gallery caption */
#body .gallery .gallery-caption {
line-height: 1.2em;
font-size: .8em;
text-align: center;
margin: 8px 0 10px;
}
/* GALLERY COLUMN
================================================ */
/* gallery column 1 (display all in one line) */
#body .gallery-columns-1 .gallery-item {
width: auto;
}
#body .gallery-columns-1 br {
display: none !important;
}
/* gallery column 2 */
#body .gallery-columns-2 .gallery-item {
width: 49.2%;
}
/* gallery column 3 */
#body .gallery-columns-3 .gallery-item {
width: 32.3%;
}
/* gallery column 4 */
#body .gallery-columns-4 .gallery-item {
width: 23.8%;
}
/* gallery column 5 */
#body .gallery-columns-5 .gallery-item {
width: 18.8%;
}
/* gallery column 6 */
#body .gallery-columns-6 .gallery-item {
width: 15.4%;
}
/* gallery column 7 */
#body .gallery-columns-7 .gallery-item {
width: 13%;
}
/* gallery column 8 */
#body .gallery-columns-8 .gallery-item {
width: 11.18%;
}
/* gallery column 9 */
#body .gallery-columns-9 .gallery-item {
width: 9.77%;
}
/* set gallery item margin-right */
#body .gallery-columns-1 .gallery-item,
#body .gallery-columns-2 .gallery-item,
#body .gallery-columns-3 .gallery-item,
#body .gallery-columns-4 .gallery-item,
#body .gallery-columns-5 .gallery-item,
#body .gallery-columns-6 .gallery-item,
#body .gallery-columns-7 .gallery-item,
#body .gallery-columns-8 .gallery-item,
#body .gallery-columns-9 .gallery-item {
margin-right: 1.5%;
margin-bottom: 1.5%;
}
/* clear gallery item margin-right */
#body .gallery-columns-9 .gallery-item:nth-of-type(9n),
#body .gallery-columns-8 .gallery-item:nth-of-type(8n),
#body .gallery-columns-7 .gallery-item:nth-of-type(7n),
#body .gallery-columns-6 .gallery-item:nth-of-type(6n),
#body .gallery-columns-5 .gallery-item:nth-of-type(5n),
#body .gallery-columns-4 .gallery-item:nth-of-type(4n),
#body .gallery-columns-3 .gallery-item:nth-of-type(3n),
#body .gallery-columns-2 .gallery-item:nth-of-type(2n) {
margin-right: 0;
}
/************************************************************************************
BUILDER
*************************************************************************************/
/* single post */
.single .post {
padding: 35px 0;
}
/* grid4 post */
.module.grid4 .post {
width: 22.6%;
float: left;
margin-left: 3.2%;
}
/* grid3 post */
.module.grid3 .post {
width: 31.2%;
float: left;
margin-left: 3.2%;
}
/* grid2 post */
.module.grid2 .post {
width: 48.4%;
float: left;
margin-left: 3.2%;
}
/* grid2-thumb post */
.module.grid2-thumb .post {
width: 48.4%;
float: left;
margin-left: 3.2%;
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.textcenter {
text-align: center;
}
/* clearfix */
.clearfix:after,
.widget li:after,
#body:after,
#footer:after,
footer:after,
.pagenav:after,
#main-nav:after, .menu:after, .gallery:after {
visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery {
display: inline-block;
}
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery {
display: block;
zoom: 1;
}
#main-nav a,
#main-nav li,
#oc-sm-bar a,
#sp-next,
#sp-prev,
#home-gallery li a,
input[type=text], input[type=search], input[type=email], input[type=url],
input[type=reset], input[type=submit], button, .button,
.top-buttons h2,
.back-top a,
.button.blue {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
/* INTERNET EXPLORER FIXES
------------------------------------------------- */
/* IE9 Fixes */
.ie9 .button.blue,
.ie9 .button.green,
.ie9 #main-nav .donate-but,
.ie9 #oc-sm-bar {
filter: none;
}
/* IE 6, 7, 8 Hover Effects */
.ie6 #main-nav a:hover, .ie6 #main-nav li:hover > a,
.ie7 #main-nav a:hover, .ie7 #main-nav li:hover > a,
.ie8 #main-nav a:hover, .ie8 #main-nav li:hover > a {
opacity: 0.5;
background-color: #000;
}
.ie6 #main-nav .current_page_item a, .ie6 #main-nav .current-menu-item a,
.ie7 #main-nav .current_page_item a, .ie7 #main-nav .current-menu-item a,
.ie8 #main-nav .current_page_item a, .ie8 #main-nav .current-menu-item a,
.ie6 #main-nav .current_page_item a:hover, .ie6 #main-nav .current-menu-item a:hover,
.ie7 #main-nav .current_page_item a:hover, .ie7 #main-nav .current-menu-item a:hover,
.ie8 #main-nav .current_page_item a:hover, .ie8 #main-nav .current-menu-item a:hover {
opacity: 0.3;
background-color: #000;
}
/* IE7 and IE6 Inline-block fix */
.ie7 .button, .ie6 .button, .ie7 .top-buttons h2, .ie6 .top-buttons h2, .ie7 #sponsors p, .ie6 #sponsors p,
.ie7 #sp-next, .ie7 #sp-prev, .ie6 #sp-next, .ie6 #sp-prev, .ie7 #home-subscribe label, .ie7 #home-subscribe .ginput_container,
.ie6 #home-subscribe label, .ie6 #home-subscribe .ginput_container, .ie7 .pagenav a, .ie7 .pagenav span, .ie7 .pagenav .current,
.ie6 .pagenav a, .ie6 .pagenav span, .ie6 .pagenav .current, .ie7 .post-image .lightbox, .ie6 .post-image .lightbox,
.ie7 .post .carousel-pager li, .ie6 .post .carousel-pager li, .ie7 #load-more a, .ie6 #load-more a, .ie7 .widget .social-links li, .ie6 .widget .social-links li,
.ie7 #footer .right p, .ie7 #footer .footer-nav, .ie7 #bluearc, .ie6 #footer .right p, .ie6 #footer .footer-nav, .ie6 #bluearc {
*display: inline;
zoom: 1;
}
.ie6 .arrow-container span,
.ie7 .arrow-container span {
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
top: 0;
}
.ie8 .arrow-container span {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
top: 0;
}
body div.pp_default .pp_top .pp_left,
body div.pp_default .pp_top .pp_middle,
body div.pp_default .pp_top .pp_right,
body div.pp_default .pp_content_container .pp_left,
body div.pp_default .pp_content_container .pp_right,
body div.pp_default .pp_content,
body div.light_rounded .pp_content,
body div.pp_default .pp_bottom .pp_left,
body div.pp_default .pp_bottom .pp_middle,
body div.pp_default .pp_bottom .pp_right {
background: transparent;
background-color: transparent;
padding: 0;
}
body div.pp_default .pp_close {
position: absolute;
top: -18px;
right: -18px;
width: 32px;
height: 32px;
background: url('images/close-white.png') no-repeat center center;
}
#fullResImage {
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.7);
box-shadow: 0 0 30px 0 rgba(0,0,0,0.7);
}
body div.pp_default .pp_loaderIcon {
background: url('images/ajax-loader.gif') center center no-repeat;
}
body div.pp_default .pp_content_container .pp_details {
position: static;
}
.carousel-wrap {
overflow: hidden;
}
/* CSS3 PIE */
.ie textarea, .ie input[type=text], .ie input[type=password], .ie input[type=search], .ie input[type=email], .ie input[type=url], .ie input[type=reset], .ie input[type=submit], .ie button, .ie .button, .ie #header, .ie #main-nav .donate-but, .ie #main-nav .donate-but a, .ie #oc-sm-bar, .ie #home-donations .button, .ie #sp-next, .ie #sp-prev, .ie .welcome-message a.shortcode.button, .ie .pagenav a, .ie .pagenav span, .ie .pagenav .current, .ie .post-image .lightbox .zoom, .ie .post .carousel-pager a, .ie .post-nav span span, .ie #respond #cancel-comment-reply-link, .ie .avatar, .ie .widget .feature-posts-list .post-img, .ie .widget .flickr_badge_image img, .ie #load-more a, .ie #infscr-loading, .ie .back-top a, .ie #home-donations .button, .ie .button.grey, .ie #home-subscribe input[type=submit], .ie .button.blue, .ie #home-gallery .large .button {
behavior: url(pie/PIE.htc);
}
@media screen and (max-width: 1080px) {
.pagewidth,
#page-11,
.sidebar-none.list-post .post-inner, .single .post-inner {
width: 800px;
}
#site-logo a {
width: 230px;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
#main-nav a {
font-size: 1.2em;
padding: 5px 12px;
}
#home-feature .content-left {
display: none;
}
#cta-container {
float: left;
}
h2#tab-label2 {
padding: 10px 7% 10px 11%;
}
.tab-container {
height: 292px;
}
.tab-wrapper {
width: 2220px;
}
.tab-wrapper .tab {
padding: 20px 25px;
width: 690px;
height: 250px;
}
.top-buttons h2 {
font-size: 2.0em;
}
.tab h3 {
font-size: 2.2em
}
#home-donations h2 {
font-size: 1.5em;
}
#home-donations .button {
padding: 4px 20px 5px;
font-size: 0.8em;
}
#home-donations p {
min-height: 190px;
}
h1 {
font-size: 2.0em;
}
input[type=reset], input[type=submit], button, .button {
font-size: 1.2em;
}
.page-content img {
max-width: 100%;
height: auto;
}
.page-content h2 {
font-size: 2.0em;
}
.page-template-default .type-page .page-title {
font-size: 4.3em;
}
.top-module {
min-height: 335px;
}
.special-wrap {
overflow: hidden;
}
.page-template-default .type-page .page-content {
padding: 30px;
}
.top-module .gfield_label {
width: 32%;
}
.top-module .ginput_container {
width: 67%;
}
.contact-form {
width: 54%;
}
.arrow-container span.tab-1 {
left: 118px;
}
.arrow-container span.tab-2 {
left: 336px;
}
.arrow-container span.tab-3 {
left: 540px;
}
.quote-content p {
font-size: 1.10em;
}
#footer {
text-align: center;
}
#footer .logo,
#footer .right {
float: none;
display: inline-block;
}
#footer .right {
width: 98%;
text-align: center;
}
}