/*
Theme Name: Advocate
Theme URI: http://themeforest.net/user/two2twelve?ref=two2twelve
Description: Designed & Developed by Two2Twelve.
Author: Two2Twelve Themes
Author URI: http://t2themes.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.3.4
This file is part of a site template for sale on ThemeForest.net
See: http://themeforest.net/user/two2twelve/portfolio?ref=two2twelve
Copyright © 2013 Two2Twelve Themes
*/
/*-----------------------------------------------------------------------------------
Stylesheet: Base
0. CSS Reset
1. Global (body, page sructure, common classes)
2. Header & Navigation
3. Homepage
4. Blog
5. Gallery
6. Contact
7. Donate
8. Widgets
9. Footer
10. Typography
11. Buttons
12. Lists
13. Forms
14. Icons
15. Wordpress Core CSS
-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
/*--------------------------------------------
1. Global
---------------------------------------------*/
html {
margin: 0 !important;
}
body {
font-size: 13px;
font-family: "Helvetica Neue", helvetica, sans-serif;
background: #f7f7f7;
color: #666;
}
body ul {
list-style: none;
}
.container {
width: 1000px;
margin: 0 auto;
}
.container .page {
border: 1px solid #c8c9c9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
background: #fff;
padding: 20px;
overflow: hidden;
}
section.page_heading {
background: #d07837;
width: 100%;
}
section.page_heading.home {
position: absolute;
top: 65px;
height: 360px;
}
section.page_heading .logo {
padding: 8px 0px 8px 0px;
overflow: hidden;
}
section.page_heading .logo a {
font-size: 40px;
font-family: 'Pacifico';
text-shadow: 0px 2px rgba(0,0,0,0.36);
color: #fff;
text-decoration: none;
float: left;
margin-right: 25px;
}
section.page_heading .logo .tagline {
font-family: 'Cabin';
font-size: 15px;
color: #fff;
display: inline-block;
margin-top: 32px;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* Page Layouts */
div.page_wrapper {
background: #e4dede;
/*--------------------------------------------
old background: #ede3bf;
---------------------------------------------*/
padding: 40px 0px 40px 0px;
overflow: hidden;
}
div.page_wrapper .with_sidebar {
width: 700px;
float: left;
}
div.page_wrapper aside {
float: right;
width: 220px;
}
/* Sub Heading */
div.sub_heading,
div.box_heading {
text-align: center;
position: relative;
margin-bottom: 30px;
}
div.box_heading { text-align: left; }
div.sub_heading h2,
div.box_heading h2 {
position: relative;
z-index: 2;
background: #fff;
display: inline;
padding: 0px 15px 0px 15px;
}
div.box_heading h2 { padding-left: 0px; }
div.sub_heading span.line,
div.box_heading span.line {
background: #f1eeea;
display: block;
height: 3px;
width: 100%;
position: absolute;
z-index: 1;
top: 25px;
}
/*--------------------------------------------
2. Header & Navigation
---------------------------------------------*/
header {
background: url('images/header.png') repeat-x;
height: 65px;
}
header nav {
float: left;
}
header nav ul {
list-style: none;
padding-top: 22px;
}
header nav ul li {
float: left;
margin-right: 15px;
position: relative;
}
header nav ul li a {
font-family: 'Cabin', sans-serif;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding: 5px 10px 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
header nav ul li a:hover { background: rgba(0,0,0,0.15); }
header nav ul li.current-menu-item a,
header nav ul li.current-menu-ancestor a { background: rgba(0,0,0,0.30); }
header nav ul.sub-menu li a { background: none; }
/* Sub Nav */
header nav ul li ul{
list-style: none;
position: absolute;
z-index: 999999;
top: 20px;
left: 0;
width: 160px;
text-align: left;
border-top: none;
padding: 23px 0px 5px 0px;
display: none;
margin: 0;
}
header nav ul li ul li {
display: block;
width: 100%;
margin-bottom: 0px;
padding-bottom: 0px;
padding: 2px 15px 2px 15px;
background: #000;
background: rgba(0,0,0,0.60);
}
header nav ul li ul li a,
header nav ul li.current-menu-item ul li a,
header nav ul li.current-menu-parent ul li a{
display: block;
padding: 8px 0px 8px 0px;
font-size: 12px;
font-weight: normal;
color: #fff;
font-family: "Helvetica Neue", helvetica, sans-serif;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
header nav ul li.current-menu-item ul li a,
header nav ul li.current-menu-parent ul li a{
background: none;
border-top: none;
border-left: none;
border-right: none;
border-color: #ddd;
box-shadow: none;
color: #fff;
}
header nav ul li ul li a:hover {
background: none;
color: #aaa;
}
header nav ul li ul li ul {
left: 190px;
top: 0;
padding-top: 0;
display: none;
}
header aside {
float: right;
padding-top: 22px;
}
/*--------------------------------------------
3. Homepage
---------------------------------------------*/
div#home { padding-top: 0; }
div#home .page {
position: relative;
z-index: 2;
margin-top: 90px;
}
/* Slider */
.nivo-caption { padding: 18px 10px; }
.nivo-caption b { color: #fff; }
.theme-default .nivoSlider {
margin-bottom: 20px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div#revolution_wrap {
overflow: hidden;
margin-bottom: 20px;
}
div#description {
float: left;
width: 330px;
padding-right: 30px;
}
div#description.full_width { width: auto; text-align: center; }
div#description h3,
div#description p { margin-bottom: 15px; }
div#actions {
float: right;
width: 555px;
}
div#actions ul { padding-left: 0px; }
div#actions.full_width { width: auto; float: none; }
div#actions span.icon {
margin-right: 12px;
font-size: 28px;
float: left;
}
div#actions .box_heading { margin-bottom: 10px; }
div#feature div#actions .box_heading { margin-bottom: 20px; }
div#feature div#actions { margin-bottom: 25px; }
div#actions h4 { padding-top: 10px; }
div#actions .one_half { margin-bottom: 15px; }
div#actions p {
margin-bottom: 0;
}
/* Donate Button */
div.framed_box {
overflow: hidden;
padding: 20px 15px 20px 15px;
border: 1px solid #e5e5e5;
background: #f8f8f6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
}
div#help { margin-bottom: 30px; }
div#help span.icon {
margin-right: 15px;
font-size: 38px;
margin-top: -5px;
float: left;
}
div#help .text {
margin-left: 60px;
}
div#help .text h3 { margin-bottom: 5px; }
div#help .donate_button {
position: absolute;
right: 20px;
top: 20px;
}
/* 3 Columns */
div#items {
clear: both;
overflow: hidden;
}
div#items div.box_heading {
margin-bottom: 15px;
}
div#items h5 {
margin-bottom: 5px;
font-weight: bold;
}
div#items .one_third { margin-bottom: 0; }
div#items ul { padding-left: 0px; list-style: none; }
/* News */
div.events ul { list-style: none; }
div.news ul li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
}
div.news ul li:last-child {
border-bottom: none;
}
div.news ul li p { margin-bottom: 0; }
/* Events */
div.events ul { list-style: none; }
div.events ul li {
padding-bottom: 13px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 13px;
}
div.events ul li .date {
width: 40px;
height: 33px;
padding-top: 7px;
background: #d07837;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
margin-right: 10px;
font-size: 12px;
float: left;
font-family: 'Cabin';
line-height: 13px;
}
div.events ul li .date span {
font-size: 18px;
font-weight: bold;
display: block;
}
div.events ul li p { margin-bottom: 0; }
div.events ul li .details {
margin-left: 50px;
}
div.events ul li .details a{
display: block;
color: #413b31;
}
/* Sponsors */
div#sponsors ul {
overflow: hidden;
background: #f9f9f9;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div#sponsors ul li {
display: inline;
float: left;
padding: 8px 8px 5px 9px;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
div#sponsors ul li img {
margin: 0;
}
div#sponsors ul li.last {
border-right: none;
}
div#sponsors ul li.bottom {
border-bottom: none;
}
/*--------------------------------------------
4. Blog
---------------------------------------------*/
div#blog div.post {
overflow: hidden;
margin-bottom: 25px;
}
div#blog div.post h3 {
margin-bottom: 5px;
}
div#blog div.post h3 a {
text-decoration: none;
}
div#blog div.post h3 a:hover { text-decoration: underline; }
div#blog div.post .meta {
font-size: 12px;
color: #a3a3a3;
line-height: 18px;
margin-bottom: 15px;
}
div.post .meta a { color: #a3a3a3; }
div.post .meta a:hover { text-decoration: none; }
div.post .meta .icon {
font-size: 11px;
color: #a3a3a3;
padding-right: 4px;
position: relative;
top: -1px;
}
div.post .meta span.date,
div.post .meta span.comments { margin-right: 15px; }
div.post span a {
text-decoration: none;
}
div.post span a:hover {
color: #0f0f0f;
}
/* Comments */
div#comments {
clear: both;
}
div#comments h4 { margin-bottom: 15px; }
div#comments #reply-title { display: none; }
div#comments ol {
list-style: none;
}
div#comments ol li { overflow: hidden; }
div#comments ol li img {
float: left;
width: 62px;
background: #FFFFFF;
border: 1px solid #dbdbdb;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
div#comments ol li .comment {
margin-left: 80px;
}
div#comments ol li .comment,
div#comments #commentform {
padding: 20px 20px 20px 20px;
background: #f3f3f3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 27px;
position: relative;
}
div#comments ol li .comment h5,
div#comments ol li .comment h5 a {
margin-bottom: 15px;
font-size: 14px;
color: #444;
text-decoration: none;
font-family: "Helvetica Neue", helvetica, sans-serif;
font-weight: bold;
}
div#comments ol li .comment h5 a:hover { text-decoration: underline; }
div#comments ol li .comment span.date {
position: absolute;
top: 22px;
right: 20px;
font-size: 11px;
color: #868686;
font-weight: normal;
}
div#comments ol li .comment p {
color: #676767;
margin-bottom: 10px;
}
div#comments ol li .comment a.comment-reply-link {
display: block;
text-align: right;
font-size: 12px;
text-decoration: underline;
color: #555;
font-weight: bold;
}
div#comments ol li .comment a.comment-reply-link:hover { text-decoration: none; }
div#comments ol li ol.children {
margin-left: 80px;
}
div#comments ol li ol.children li ol.children{
margin-left: 80px;
}
div#comments ol li ol.children li ol.children li ol.children{
margin-left: 80px;
}
/* Comment Form */
div#comments #commentform {
}
div#comments #commentform a { color: #A3A3A3; }
div#comments #commentform a:hover { text-decoration: none; }
div#comments #commentform p.comment-notes { display: none; }
div#comments #commentform .required{ display: none; }
div#comments #commentform #email,
div#comments #commentform #author,
div#comments #commentform #url,
div#comments #commentform #comment {
padding: 8px;
width: 237px;
border: 1px solid #ccc;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #444;
font-size: 13px;
}
div#comments #commentform #comment {
width: 98%;
height: 120px;
color: #444;
font-family: "Helvetica Neue", helvetica, sans-serif;
font-size: 13px;
}
div#comments #commentform input:focus{
box-shadow: inset 0px 0px 4px #ccc;
outline: none;
}
div#comments #commentform p {
margin-bottom: 10px;
}
div#comments #commentform p.form-submit { margin: 0; }
div#comments #commentform #submit {
margin: 10px 0px 0px 0px;
}
/* Pagination */
div.pagination a {
font-size: 12px;
}
div.pagination a:hover { text-decoration: none; }
/*--------------------------------------------
5. Gallery
---------------------------------------------*/
div#gallery ul.gallery_thumbnails { overflow: hidden; width: 1020px; padding-left: 0px; list-style: none; }
div#gallery.with_sidebar ul.gallery_thumbnails { overflow: hidden; width: 710px; }
div#gallery ul.gallery_thumbnails li {
float: left;
display: block;
position: relative;
}
div#gallery ul.gallery_thumbnails li a{ display: block; position: relative; }
/* 2 Columns */
div#gallery ul.gallery_thumbnails.two_column li {
margin-right: 10px;
margin-bottom: 10px;
}
div#gallery ul.gallery_thumbnails.two_column li img {
width: 470px;
height: 332px;
}
/* 3 Columns */
div#gallery ul.gallery_thumbnails.three_column li {
margin-right: 10px;
margin-bottom: 10px;
}
div#gallery ul.gallery_thumbnails.three_column li img {
width: 310px;
height: 219px;
}
/* 4 Columns */
div#gallery ul.gallery_thumbnails.four_column li {
margin-right: 10px;
margin-bottom: 10px;
}
div#gallery ul.gallery_thumbnails.four_column li img {
width: 230px;
height: 162px;
}
/* 2 Columns Sidebar */
div#gallery.with_sidebar ul.gallery_thumbnails.two_column li img {
width: 345px;
height: 244px;
}
/* 3 Columns Sidebar */
div#gallery.with_sidebar ul.gallery_thumbnails.three_column li img {
width: 226px;
height: 160px;
}
/* 4 Columns Sidebar */
div#gallery.with_sidebar ul.gallery_thumbnails.four_column li img {
width: 167px;
height: 118px;
}
div#gallery ul.gallery_thumbnails.two_column li.last,
div#gallery ul.gallery_thumbnails.three_column li.last,
div#gallery ul.gallery_thumbnails.four_column li.last {
margin-right: 0;
}
/* Gallery Filters */
div.page_wrapper .page ul.filter_list {
list-style: none;
overflow: hidden;
margin-bottom: 25px;
padding-left: 0px;
}
ul.filter_list li {
float: left;
margin-right: 10px;
}
ul.filter_list li a {
text-decoration: none;
padding: 3px 8px 3px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid transparent;
display: block;
font-size: 12px;
color: #999;
-webkit-transition:color 0.2s ease-in;
-moz-transition:color 0.2s ease-in;
-o-transition:color 0.2s ease-in;
transition:color 0.2s ease-in;
}
ul.filter_list li a:hover { color: #444; }
ul.filter_list li.current a {
background: #f7f7f7;
border: 1px solid #dadada;
font-weight: bold;
}
/* Gallery Hover */
ul li div.hover{
background: #333 url('images/zoom.png') no-repeat center center;
background: rgba(0,0,0,0.6) url('images/zoom.png') no-repeat center center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 99%;
display: none;
cursor: pointer;
}
ul li.video div.hover {
background: #333 url('images/play.png') no-repeat center center;
background: rgba(0,0,0,0.6) url('images/play.png') no-repeat center center;
}
/* Gallery View */
div#gallery_image img {
max-width: 700px;
}
div#gallery_image .caption { margin-top: 20px; }
/*--------------------------------------------
6. Contact
---------------------------------------------*/
div#contact input,
div#contact select,
div#contact textarea { background: #f9f9f9; }
div#contact input:focus,
div#contact select:focus,
div#contact textarea:focus { background: #fff; }
div#contact p { margin-bottom: 25px; }
div#contact div.row {
overflow: hidden;
clear: both;
width: 715px;
}
div#contact div.row input,
div#contact div.row select { width: 315px; }
div#contact div.row p {
width: 340px;
float: left;
margin-right: 15px;
}
div#contact div.row select { width: 340px; }
div#contact textarea { width: 96%; height: 200px; }
div#contact .button { float: right; }
div#contact .error {
border: 1px dashed #E01C46;
margin-bottom: 20px;
padding: 15px;
}
div#contact form .error { padding: 8px 12px 8px 12px; margin-bottom: 0; }
div#contact .error p { margin-bottom: 10px; }
div#contact .error ul {
list-style: disc;
padding-left: 15px;
color: #666;
line-height: 20px;
margin-bottom: 5px;
}
div#contact .validation,
div#contact .success {
display: none;
font-size: 12px;
margin-bottom: 20px;
}
div#contact .validation p { color: #e01c46; }
div#contact .success p { color: #65cf82; }
div#location {
clear: both;
overflow: hidden;
}
div#location div.map {
clear: both;
overflow: hidden;
float: left;
width: 438px;
height: 194px;
padding: 5px;
background: #f4f3ed;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-right: 30px;
}
div#location .icon {
font-size: 13px;
padding-right: 4px;
}
div#location div.one_fourth h4{
margin-bottom: 15px;
}
div#location div.one_fourth p {
margin-bottom: 15px;
}
/*--------------------------------------------
7. Donate
---------------------------------------------*/
div#donate h1 {
margin-bottom: 26px;
}
div#donate .framed_box {
overflow: hidden;
padding: 15px 0 0px 30px;
text-align: center;
}
div#donate .framed_box span {
color: #777;
font-size: 15px;
}
div#donate .framed_box h3 {
font-size: 50px;
}
div#donate .framed_box div {
border-right: 1px solid #ddd;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
margin-right: 0;
margin-right: 4%;
padding-right: 4%;
margin-bottom: 20px;
}
div#donate .framed_box div:last-child { border: none; }
div#donation_level { overflow: hidden; }
div#donation_level div.box_heading {
margin-bottom: 18px;
}
div#donation_level p {
float: left;
/*width: 168px;*/
}
div#donation_level ul.amount {
/*float: right;*/
overflow: hidden;
width: 610px;
margin: 5px auto 40px auto;
/*margin-bottom: 40px;*/
}
div#donation_level ul.amount.full_width { float: none; }
div#donation_level ul.amount li {
display: inline;
float: left;
}
div#donation_level ul.amount li a {
text-decoration: none;
display: block;
width: 77px;
height: 60px;
border: 4px solid #fff;
color: #fff;
margin-right: 15px;
font-size: 15px;
text-align: center;
padding-top: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-shadow: 0px 1px #555;
}
div#donation_level ul.amount li a h3 {
color: #fff;
}
div#donation_level ul.amount li a:hover {
border: 4px solid #d3d3d3;
}
div#donation_level ul.amount li a.green {
background: #8a9848;
}
div#donation_level ul.amount li a.yellow {
background: #c7a848;
}
div#donation_level ul.amount li a.orange {
background: #d17938;
}
div#donation_level ul.amount li a.brown {
background: #826a43;
}
div#donation_level ul.amount li a.teal {
background: #48987f;
}
div#donation_level ul.amount li a.red {
background: #F00;
}
div#donation_level form.paypal
{
width: 300px;
text-align: center;
margin: auto;
}
div#donation_level form.paypal input
{
border: none;
}
div#donate div#actions { width: auto; }
/*--------------------------------------------
8. Widgets
---------------------------------------------*/
div.widget { }
div.widget h5 {
border-bottom: 1px dashed #c9c9c9;
padding-bottom: 5px;
margin-bottom: 15px;
}
div.widget .logo { font-size: 28px; color: #7f7f7f; margin-bottom: 10px; }
div.widget a { color: #7d7d7d; }
aside div.widget {
clear: both;
margin-bottom: 30px;
}
/* Twitter */
div.twitter_stream { }
div.twitter_stream ul {
list-style: none;
}
div.twitter_stream ul li {
color: #9b9b9b;
margin-bottom: 20px;
font-size: 12px;
line-height: 18px;
}
div.twitter_stream ul li .icon {
color: #4ad8f2;
float: left;
}
div.twitter_stream ul li .tweet_details {
margin-left: 28px;
}
div.twitter_stream ul li .tweet_time { font-size: 11px; display: block; }
div.twitter_stream ul li .tweet_time a {
color: #aaa;
text-decoration: none;
}
/* Newsletter */
div.widget form p {
margin-bottom: 12px;
}
div.widget input[type="text"],
div.widget input[type="email"] {
width: 90%;
padding: 6px 10px 6px 10px;
font-size: 12px;
}
div.widget form label {
top: 4px !important;
left: 12px !important;
font-size: 12px;
}
/* Location */
div.location_widget p{
margin-bottom: 15px;
line-height: 22px;
}
div.location_widget .icon {
font-size: 13px;
padding-right: 4px;
}
/* Categories */
div.widget div.widget_categories ul {
overflow: hidden;
}
div.widget div.widget_categories ul li {
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
}
div.widget div.widget_categories ul li a {
display: block;
float: left;
text-decoration: none;
width: 100%;
}
div.widget div.widget_categories ul li a:hover { color: #333; }
div.widget div.widget_categories ul li span {
float: right;
padding: 3px 5px;
text-decoration: none;
color: #fff;
background: #d7d7d7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.widget div.widget_categories ul li a:hover span {
background: #bbb;
}
/* Recent Posts */
div.widget div.recent_posts ul li {
margin-bottom: 20px;
}
div.widget div.recent_posts ul li h4 a{
font-size: 15px;
color: #444;
text-decoration: none;
margin-bottom: 5px;
display: block;
font-weight: bold;
}
div.widget div.recent_posts ul li h4 a:hover { text-decoration: underline; }
div.widget div.recent_posts ul li p {
font-size: 11px;
line-height: 16px;
}
/* Video */
div.widget div.video iframe{
padding: 5px;
text-align: center;
border: 1px solid #bebfc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
margin-bottom: 8px;
}
/* Gallery */
div.widget div.gallery { width: 226px; }
aside div.gallery ul {
overflow: hidden;
}
div.widget div.gallery li {
float: left;
margin-right: 12px;
margin-bottom: 12px;
list-style: none;
}
div.widget div.gallery li img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* Flickr */
div.widget div.gallery_wrap { width: 226px; }
div.widget div.gallery_wrap .flickr_badge_image {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
div.widget div.gallery_wrap .flickr_badge_image.last {
margin-right: 0;
}
div.widget div.gallery_wrap .flickr_badge_image img{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 62px;
height: 62px;
}
/* Reviews */
div.widget .review blockquote{
font-size: 12px;
line-height: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0 0px 15px;
color: #999;
line-height: 18px;
font-style: italic;
}
div.widget ul.ui-tabs-nav { display: none; }
div.widget .ui-tabs-hide{ display:none; }
/* Search */
#searchform { overflow: hidden; }
#searchform #s {
width: 55%;
float: left;
}
#searchform #searchsubmit {
float: right;
}
/* Misc */
div.widget ul { line-height: 20px; }
/*--------------------------------------------
9. Footer
---------------------------------------------*/
footer {
padding-top: 45px;
border-top: 1px solid #c9c9c9;
}
footer div.copy { text-align: center; }
footer div.copy p {
color: #aaa;
font-size: 11px;
padding: 4px 8px 4px 8px;
background: #f7f7f7;
background: rgba(0,0,0,0.05);
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:color 0.2s ease-in, background 0.2s ease-in;
-moz-transition:color 0.2s ease-in, background 0.2s ease-in;
-o-transition:color 0.2s ease-in, background 0.2s ease-in;
transition:color 0.2s ease-in, background 0.2s ease-in;
margin: 0px 0px 30px 0px;
text-align: center;
}
footer div.copy p:hover {
background: #f1f1f1;
background: rgba(0,0,0,0.06);
color: #888;
}
/*--------------------------------------------
10. Typography
---------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-weight: normal; sans-serif; }
h1,h2 { font-family: 'Pacifico'; color: #d07837; }
h3,h4 { font-family: 'Cabin'; font-weight: bold; }
h1 {
font-size: 24px;
margin-bottom: 25px;
}
h2 {
font-size: 24px;
}
h3,
h3 a {
font-size: 24px;
color: #292929;
}
h4,
h4 a{
color: #333;
font-size: 20px;
text-decoration: none;
}
h4 a:hover { text-decoration: underline; }
h5,
h5 a {
font-size: 15px;
color: #515151;
text-decoration: none;
}
h5 a:hover { text-decoration: underline; }
h6 {
font-size: 13px;
color: #999;
}
p {
font-size: 13px;
line-height: 20px;
/*color: #8c8c8c;*/
}
p.larger {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
line-height: 23px;
color: #666;
}
.page p {
margin-bottom: 25px;
}
a {
color: #EEE3BF; /*#d07837;*/
outline: none;
}
a:hover { text-decoration: none; }
b {
color: #333;
}
.tipsy { line-height: 17px; }
span.color {
color: #db9a6a;
}
/* Lists */
.page_wrapper .page ul
{
margin: 15px;
}
.page_wrapper .page ul,
.page_wrapper .page ol {
padding-left: 15px;
font-size: 13px;
line-height: 20px;
/*color: #8c8c8c;*/
list-style: disc outside none;
/*margin-bottom: 25px;*/
}
.page_wrapper .page ol { list-style: decimal outside none; }
/* Blockquotes */
blockquote, blockquote p {
font-size: 15px;
line-height: 24px;
color: #777;
font-style: italic;
}
blockquote {
margin: 0 0 10px;
padding: 3px 20px 3px 19px;
border-left: 1px solid #ccc;
}
blockquote cite {
display: block;
font-size: 11px;
color: #888;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
/* Columns */
div.column_last { margin-right: 0 !important; }
div.full { margin-bottom: 25px; }
div.one_half,
div.one_third,
div.two_third,
div.three_fourth,
div.one_fourth,
div.one_fifth,
div.two_fifth,
div.three_fifth,
div.four_fifth,
div.one_sixth,
div.five_sixth {
float: left;
margin-right: 4%;
margin-bottom: 25px;
}
div.one_half { width: 48%; }
div.one_third { width: 30.42%; }
div.two_third { width: 65%; }
div.one_fourth { width: 22%; }
div.three_fourth { width: 74%; }
div.one_fifth { width: 16.8%; }
div.two_fifth { width: 37.6%; }
div.three_fifth { width: 58.4%; }
div.four_fifth { width: 67.2%; }
div.one_sixth { width: 13.33%; }
div.five_sixth { width: 82.67%; }
div.full h1 { margin-bottom: 0px; }
div.full h2,div.full h3 {
margin-bottom: 10px;
}
div.full h4,div.full h5,div.full h6 {
margin-bottom: 15px;
}
div.one_third img {
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.one_third h4 {
margin-bottom: 10px;
}
/* Images */
img.rounded {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
}
/* Events Calender */
div#calendar_list { display: none; }
div#calendar_list ul {
list-style: none;
}
div#calendar_list ul li {
overflow: hidden;
}
div#calendar_list ul li .event_info .desc {
float: left;
width: 550px;
}
div#calendar_list ul li .event_info .desc h3 {
font-size: 18px;
margin-bottom: 10px;
}
div#calendar_list ul li .event_info .desc h3 a {
font-size: 18px;
text-decoration: none;
}
div#calendar_list ul li .event_info .desc h3 a:hover { text-decoration: underline; }
div#calendar_list ul li .event_info .meta {
float: right;
width: 300px;
}
div#calendar_list ul li div.event_details ul li .info {
margin-left: 80px;
}
div#calendar_list .box_heading span.line {
top: 13px;
}
.fc-header-title h2 {
margin-top: -10px;
}
.fc-widget-header {
background: #eaeaea;
padding: 4px 0px 4px 0px !important;
border-color: #ddd !important;
color: #444;
}
.fc-widget-content {
border-color: #ddd !important;
}
.fc-state-highlight {
background: #f7f7f7;
}
.fc-grid .fc-day-number {
color: #777;
}
.fc-button-content {
text-transform: capitalize;
font-size: 12px;
}
.fc-button-today {
font-weight: bold;
}
.fc-button-prev .fc-button-content,
.fc-button-next .fc-button-content{
font-family: "FoundationIconsGeneral";
line-height: 1.4em !important;
color: #888;
}
.fc-button-prev.fc-state-hover .fc-button-content,
.fc-button-next.fc-state-hover .fc-button-content{
color: #444;
}
.fc-button-prev.fc-state-down .fc-button-content,
.fc-button-next.fc-state-down .fc-button-content{
background: #ddd !important;
}
.fc-button-effect {
display: none !important;
}
.fc-state-default, .fc-state-default .fc-button-inner {
border-color: #eaeaea !important;
}
div.page_wrapper .page ul.events_display {
list-style: none;
float: right;
margin-top: -60px;
}
ul.events_display li {
float: left;
margin-left: 10px;
}
ul.events_display li a {
font-size: 12px;
padding: 5px 8px 5px 8px;
color: #666;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: normal;
font-weight: bold;
}
ul.events_display li a:hover {
color: #333;
background: #f1f1f1;
}
ul.events_display li.current a{
background: #D07837;
color: #fff;
}
div.event_details {
background: #f2f2f2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 15px 15px 20px 15px;
overflow: hidden;
}
div.page_wrapper .page div.event_details ul {
list-style: none;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 5px;
overflow: hidden;
padding-left: 0px;
}
div.event_details ul.left {
float: left;
width: 300px;
}
div.event_details ul.right {
float: right;
width: 300px;
}
div.event_details ul li {
margin-bottom: 15px;
overflow: hidden;
color: #555;
}
div#event div.event_details ul li { margin-bottom: 15px; }
div.event_details ul li:last-child { margin-bottom: 0px; }
div.event_details ul li b {
float: left;
display: block;
}
div.event_details ul li .info {
margin-left: 120px;
}
div.event_details #map {
width: 650px;
height: 170px;
padding: 8px 9px 8px 7px;
border: 1px solid #d0d0d0;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #f9f9f9;
-webkit-box-shadow: 0px 0px 3px #ccc;
-moz-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
margin-bottom: 20px;
}
/*--------------------------------------------
11. Buttons
---------------------------------------------*/
.button {
border: 1px solid #DEDEDE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #555555;
display: inline-block;
font: bold 10px/12px 'Helvetica Neue',Helvetica,sans-serif;
padding: 6px 11px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.button.large { padding: 9px 14px; font: bold 12px/14px 'Helvetica Neue',Helvetica,sans-serif; }
.button:active {
-webkit-box-shadow: inset 0px 0px 3px #333;
-moz-box-shadow: inset 0px 0px 3px #333;
box-shadow: inset 0px 0px 3px #333;
}
.button:hover {
cursor: pointer;
-webkit-box-shadow: 0px 0px 3px #bbb;
-moz-box-shadow: 0px 0px 3px #bbb;
box-shadow: 0px 0px 3px #bbb;
}
.button.white {
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
border-color: #dedede #d8d8d8 #d3d3d3;
color: #555;
text-shadow: 0 1px 0 #fff;
}
.button.white a { color: #555 }
.button.gray {
background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(top, #cacaca 0%, #aeaeae 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cacaca 0%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cacaca 0%,#aeaeae 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cacaca 0%,#aeaeae 100%); /* IE10+ */
background: linear-gradient(top, #cacaca 0%,#aeaeae 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#aeaeae',GradientType=0 ); /* IE6-9 */
border-color: #b5b5b5 #a1a1a1 #8f8f8f;
color: #555;
text-shadow: 0 1px 0 #d4d4d4;
}
.button.gray a { color: #555 }
.button.pink {
background: #f78297; /* Old browsers */
background: -moz-linear-gradient(top, #f78297 0%, #f56778 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f78297 0%,#f56778 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f78297 0%,#f56778 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f78297 0%,#f56778 100%); /* IE10+ */
background: linear-gradient(top, #f78297 0%,#f56778 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778',GradientType=0 ); /* IE6-9 */
border-color: #df6f8b #da5f75 #d55061;
color: #913944;
text-shadow: 0 1px 0 #f89ca9;
}
.button.pink a { color: #913944 }
.button.orange {
background: #f9bc70; /* Old browsers */
background: -moz-linear-gradient(top, #f9bc70 0%, #d8b541 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc70), color-stop(100%,#d8b541)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9bc70 0%,#d8b541 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9bc70 0%,#d8b541 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9bc70 0%,#d8b541 100%); /* IE10+ */
background: linear-gradient(top, #f9bc70 0%,#d8b541 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541',GradientType=0 ); /* IE6-9 */
border-color: #f5b74e #e5a73e #d6982f;
color: #996633;
text-shadow: 0 1px 0 #fedd9b;
}
.button.orange a { color: #996633 }
.button.green {
background: #cae285; /* Old browsers */
background: -moz-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* IE10+ */
background: linear-gradient(top, #cae285 0%,#9fcb57 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */
border-color: #adc671 #98b65b #87aa4a;
color: #5d7731;
text-shadow: 0 1px 0 #cfe5a4;
}
.button.green a { color: #5d7731 }
.button.blue {
background: #a3bced; /* Old browsers */
background: -moz-linear-gradient(top, #a3bced 0%, #ba8ecc 100%, #667cdd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bced), color-stop(100%,#ba8ecc), color-stop(100%,#667cdd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* IE10+ */
background: linear-gradient(top, #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd',GradientType=0 ); /* IE6-9 */
border-color: #8dc5da #76b7cf #63abc7;
text-shadow: 0 1px 0 #b6e6f9;
}
.button.blue a { color: #42788e }
.button.purple {
background: #d1badb; /* Old browsers */
background: -moz-linear-gradient(top, #d1badb 0%, #ba8ecc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1badb), color-stop(100%,#ba8ecc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1badb 0%,#ba8ecc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1badb 0%,#ba8ecc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1badb 0%,#ba8ecc 100%); /* IE10+ */
background: linear-gradient(top, #d1badb 0%,#ba8ecc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1badb', endColorstr='#ba8ecc',GradientType=0 ); /* IE6-9 */
border-color: #bc9db9 #ad89aa #a1799d;
color: #7b5777;
text-shadow: 0 1px 0 #eacae6;
}
.button.purple a { color: #7b5777 }
.button.black {
background: #616161; /* Old browsers */
background: -moz-linear-gradient(top, #616161 0%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #616161 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #616161 0%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #616161 0%,#222222 100%); /* IE10+ */
background: linear-gradient(top, #616161 0%,#222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
border-color: #4c4c4c #313131 #1f1f1f;
color: #fff;
text-shadow: 0 1px 0 #2e2e2e;
}
.button.black a { color: #fff }
.donate_button {
float: right;
margin-top: 8px;
padding: 8px 18px;
color: #fff;
background: #c87436;
text-decoration: none;
border: 1px solid #d7d8d6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*--------------------------------------------
12. Lists
---------------------------------------------*/
ul.social {
list-style: none;
}
ul.social li {
display: inline-block;
float: left;
margin-left: 5px;
}
ul.social li a {
text-decoration: none;
color: #fff;
opacity: 0.5;
-webkit-transition:opacity 0.2s ease-in;
-moz-transition:opacity 0.2s ease-in;
-o-transition:opacity 0.2s ease-in;
transition:opacity 0.2s ease-in;
}
ul.social li a:hover {
opacity: 1;
}
div.toggle_list {
margin-bottom: 25px;
}
div.toggle_list p { margin-bottom: 0; }
div.page_wrapper .page div.toggle_list ul {
list-style: none;
padding-left: 0px;
clear: both;
}
div.toggle_list ul li {
margin-bottom: 10px;
}
div.toggle_list ul li div.title {
background: #f0f0f0;
border: 1px solid #ddd;
padding: 10px;
cursor: pointer;
position: relative;
}
div.toggle_list ul li div.title h3 { margin: 0; color: #4b4b4b; font-size: 13px; }
div.toggle_list ul li .title h3 span { color: #222; padding-right: 8px; font-weight: bold; }
div.toggle_list ul li div.title a.toggle_link {
position: absolute;
top: 5px;
right: 13px;
color: #868686;
font-weight: bold;
font-size: 19px;
text-decoration: none;
}
div.toggle_list ul li div.content {
background: #fbfbfb;
border: 1px solid #e5e5e5;
border-top: none;
padding: 10px !important;
display: none;
}
div.toggle_list ul li div.content p { margin-bottom: 15px; font-size: 12px; }
div.toggle_list ul li div.content p:last-child { margin-bottom: 0; }
/* Tabs */
.tabs.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
.tabs {
background: none;
margin: 0 0 2em 0;
}
.tabs ul.nav {
list-style: none!important;
margin: 0!important;
padding: 0;
background: none;
border: 0;
float: none;
overflow: hidden;
position: relative;
z-index: 2;
}
.tabs ul.nav li {
float: left;
position: relative;
margin: 0 2px -1px 0!important;
z-index: 10;
list-style: none!important;
}
.tabs ul.nav li a {
border: 1px solid #ddd!important;
border-bottom: none!important;
display: block;
overflow: hidden;
padding: 7px 19px 0 19px;
height: 26px;
background: #F0F0F0;
margin: 0!important;
text-decoration: none;
color: #8F8F8F!important;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
font-weight: bold;
}
.tabs ul.nav li.ui-tabs-selected a {
height: 27px;
background: #FBFBFB;
color: #424242!important;
}
.tabs .tab_content {
background: #FBFBFB;
padding: 15px;
border: 1px solid #ddd;
position: relative;
z-index: 1;
margin-top: -1px;
}
.tabs .tab_content p:last-child { margin-bottom: 0px; }
/*--------------------------------------------
13. Forms
---------------------------------------------*/
input,textarea {
font-family: "Helvetica Neue", helvetica, sans-serif;
font-size: 13px;
outline: none;
-webkit-appearance: none;
-webkit-focus-ring-color: none
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
}
input[type="text"],
input[type="email"] {
border: 1px solid #ddd;
padding: 8px 12px 8px 12px;
width: 100%;
color: #555;
background: #fff;
margin-left: 5px;
}
input[type="text"]:focus,
input[type="email"]:focus { padding-bottom: 8px; }
textarea {
padding: 8px 12px 8px 12px;
border: 1px solid #ddd;
color: #555;
resize: vertical;
background: #fff;
width: 102%;
}
header select { display: none; }
select {
width: 100%;
padding: 8px 12px 8px 12px;
border: 1px solid #ddd;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
font-size: 13px;
color: #aaa;
}
form p { position: relative; }
#contact label,
div.widget form label {
position: absolute;
top: 7px !important;
left: 20px !important;
/*color: #aaa;*/
color: #999;
font-weight: normal;
}
div.widget form label {
top: 4px !important;
left: 12px !important;
font-size: 12px;
}
:-moz-placeholder {
color: #333333 !important;
font-weight: bold;
}
:-webkit-input-placeholder {
color: #333333 !important;
}
img { border: none; }
.clear { clear: both; }
/*--------------------------------------------
14. Icons
---------------------------------------------*/
.icon { cursor: default; font-size: 18px; line-height: 1; color: #d07837; }
/* Icons General */
@font-face {
font-family: 'FoundationIconsGeneral';
src: url('fonts/foundation-icons-general.eot');
src: url('fonts/foundation-icons-generald41d.eot?#iefix') format('embedded-opentype'),
url('fonts/foundation-icons-general.woff') format('woff'),
url('fonts/foundation-icons-general.ttf') format('truetype'),
url('fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
font-weight: normal;
font-style: normal;
}
.icon.general { font-family: "FoundationIconsGeneral"; }
/* Foundation Icons General Enclosed */
@font-face {
font-family: 'FoundationIconsGeneralEnclosed';
src: url('fonts/foundation-icons-general-enclosed.eot');
src: url('fonts/foundation-icons-general-enclosedd41d.eot?#iefix') format('embedded-opentype'),
url('fonts/foundation-icons-general-enclosed.woff') format('woff'),
url('fonts/foundation-icons-general-enclosed.ttf') format('truetype'),
url('fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format('svg');
font-weight: normal;
font-style: normal;
}
.icon.general-enclosed { font-family: "FoundationIconsGeneralEnclosed"; }
/* Icons Social Misc */
@font-face {
font-family: 'FoundationIconsSocial';
src: url('fonts/foundation-icons-social.eot');
src: url('fonts/foundation-icons-sociald41d.eot?#iefix') format('embedded-opentype'),
url('fonts/foundation-icons-social.woff') format('woff'),
url('fonts/foundation-icons-social.ttf') format('truetype'),
url('fonts/foundation-icons-social.svg#FoundationIconsGeneral') format('svg');
font-weight: normal;
font-style: normal;
}
.icon.social_misc { font-family: "FoundationIconsSocial"; }
/* Icons Social */
@font-face {
font-family: 'IcoMoon';
src: url('fonts/IcoMoon.eot');
src: url('fonts/IcoMoond41d.eot?#iefix') format('embedded-opentype'),
url('fonts/IcoMoon.svg#IcoMoon') format('svg'),
url('fonts/IcoMoon.woff') format('woff'),
url('fonts/IcoMoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.icon.social { font-family: 'IcoMoon'; }
/*--------------------------------------------
15. Wordpress Core CSS
---------------------------------------------*/
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 0px 0 15px 15px;
}
.alignleft {
float:left;
margin: 0px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 15px auto;
}
a img.alignright {
float:right;
margin: 0px 0 15px 15px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 0px 15px 5px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #F5F5F5;
border: 1px solid #dbdbdb;
max-width: 96%; /* Image does not overflow the content area */
padding: 8px 3px 0px 3px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 3px #eee;
-moz-box-shadow: 0px 0px 3px #eee;
box-shadow: 0px 0px 3px #eee;
}
.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 p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
color: #666;
padding:5px 4px 5px;
}
.gallery-caption { margin-left: 0; }
.bypostauthor {}
.sticky {}
table#wp-calendar
{
width: 200px;
}
table#wp-calendar tr td
{
text-align: center;
}
form#volunteer_form h5
{
font-weight: bold;
}
.spay_form
{
width: 670px;
}
.spay_form input[type="checkbox"]
{
width: auto;
-webkit-appearance: checkbox;
}
.spay_form input[type="radio"]
{
width: auto;
-webkit-appearance: checkbox;
margin-top: 8px;
}
.showhide_form
{
display: none;
}
div.showhide_form select
{
width: auto;
padding: inherit;
border: 1px solid #999;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
font-size: inherit;
color: inherit;
}
div.addy_multi input[type="text"]
{
width: 180px;
}
.last_litter
{
display: none;
margin-left: 38px;
}
.last_litter input[type="text"]
{
width: 400px;
}
div.addy_multi p
{
float: left;
margin-left: 11px;
}
div.addy_multi p.first
{
margin-left: inherit;
}
div.sep
{
clear: left;
}
div.checkbox
{
/*-webkit-appearance: checkbox;*/
}
input.input_checkbox
{
-webkit-appearance: checkbox;
margin-left: 10px;
}
div.input_checkbox_container p
{
margin-bottom: 12px !important;
}
label.checkbox_label
{
width: 349px;
margin-top: -6px;
padding-left: 15px;
color: #666 !important;
}
.spay_options
{
display: none;
}
.spay_options label
{
top: 0px !important;
left: 0px !important;
}
div.checkbox label
{
/*position: initial;*/
color: inherit;
/*display: block;*/
top: 1px !important;
}
div.radiobox label
{
margin-top: 6px;
position: inherit;
color: inherit;
margin-left: 5px;
}
div.radiobox p
{
margin: 8px;
}
div.radiobox
{
margin-bottom: 16px;
}
.left-padding16
{
padding-left: 16px;
}
span.required
{
color: red;
font-size: 1.3em;
/*margin: 1px 0 0 4px;*/
position: absolute;
}
.error
{
color: red;
}
.dark_red
{
color: #900;
}
div.error
{
font-style: italic;
margin-left: 6px;
margin-top: 3px;
}
.noborder
{
border: none !important;
}
.noborder .error
{
border: none !important;
margin-bottom: 2px !important;
padding: 4px !important;
}
div.addy_multi_error
{
float: left;
margin-top: -20px;
margin-left: 13px;
overflow: auto;
width: 210px;
}
div.addy_multi_error div.error
{
/*float: left;
width: 196px;
margin-left: 14px;*/
}
/*
#spay_form .row
{
clear: left;
overflow: auto;
padding-bottom: 8px;
}
#spay_form label
{
position: inherit;
top: 0px !important;
left: 0px !important;
color: inherit;
font-weight: normal;
}
div.label_container
{
float: left;
width: 200px;
padding: 8px;
}
div.input_container
{
float: left;
}
#spay_form input[type="text"], input[type="email"]
{
border: 1px solid #ddd;
padding: 8px 12px 8px 12px;
width: 200px;
color: #555;
background: #fff;
}
*/