/*
Theme Name: Shape5 Charity
Theme URI: http://www.shape5.com/demo/index.php?/wp/charity
Description: Our Charity WordPress Theme is designed for any charity, or non-profit organization website. Large pictures, clear calls to action for donations, ways to showcase project goals, and the ability to advertise recent events, make Charity the perfect fit for your charity organization.
Version: 4.0.1
Tags: responsive-layout, black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, rtl-language-support
Author: Shape5
Author URI: http://shape5.com/
License URI: http://www.shape5.com/licenses.html
*/


/*All CSS in this file is for Wordpress specific items
  all S5 CSS can be found in the CSS subfolder in the
  theme sub-directory
*/


/* WordPress Core */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}


/* End WP Core */


/** Widget Preview Blocks **/

.mod-preview-info {
    background-color: white;
    border: 1px solid black;
    color: red;
    opacity: 0.8;
    padding: 2px 4px;
    position: absolute;
    min-height: 25px;
    text-transform: none;
}

.mod-preview-wrapper {
    background-color: #EEEEEE;
    border: 1px dotted black;
    color: #770000;
    opacity: 0.5;
    min-height: 30px;
}


/** End Widget Preview Blocks **/

.screen-reader-text,
s5c ul span.s5_outerr,
ul li ul span.s5_outerr {
    display: none
}

#s5_topgradsearch #searchsubmit {
    display: none;
}

.comments-area code {
    padding: 5px 10px;
    display: inline-block;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    #wpadminbar {
        top: -46px !important;
    }
}


/* Dynamic Widget Titles */

.s5_h3_tag_wrap {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
    font-weight: normal;
    font-size: 0.7em;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 12px;
    color: #FFFFFF;
    float: right;
    margin-top: -2px;
}


/*#s5_search .button{display: none;}*/

.entry-utility {
    clear: both;
    margin-top: 15px;
}

.cat-links {
    clear: both;
    margin-top: 15px;
}

div.s5_button_item_inner {
    padding: 5px !important;
}

.btn {
    display: inline-block;
    line-height: 20px;
}


/* WP content output */

#s5_below_body_wrap .module_round_box_outer {
    margin-left: 0px;
}

#s5_below_body_wrap #s5_quick_contact input,
#s5_below_body_wrap #s5_quick_contact textarea {
    margin-bottom: 20px;
}

#s5_below_body_wrap .module_round_box h3 {
    margin-bottom: 32px;
}

a.readon {
    margin-right: 20px;
}

.reply a,
#comments li.odd div.comment-body,
#comments li.even div.comment-body,
.cat-links a,
.tag-links a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.entry-utility {
    margin-top: 25px;
    margin-bottom: 25px;
}


/* tags/category styling */

.cat-links,
.tag-links {
    display: inline-block;
    margin-bottom: 6px;
    margin-top: 5px;
}

.cat-links a,
.tag-links a {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e6e6e6;
    color: #9e9e9e;
    font-size: 0.8em;
    padding: 3px 8px;
}

.cat-links a:hover,
.tag-links a:hover,
.reply a:hover {
    text-decoration: none;
    background: #333333;
    color: #ffffff;
}

.cat-links,
.entry-utility-prep-cat-links,
.tag-links .entry-utility-prep-tag-links {
    color: #747474;
    margin-right: 5px;
}

.cat-links,
.tag-links {
    color: #ffffff;
}

.cat-links a:hover,
.tag-links a:hover {
    border: 1px solid #333333;
}


/* comment styling */

.comment-body p {
    padding-top: 0px;
    padding-bottom: 0px;
}

div.reply {
    margin-top: 15px;
}

.reply a {
    background: #e2e2e2;
    color: #999999;
    padding: 5px 11px;
}

h2.comments-title {
    font-size: 2em;
}

.comment-author .fn a,
.comment-author .fn {
    color: #333333;
    font-weight: bold;
    font-style: normal;
}

.comment-meta.commentmetadata a {
    color: #aaa;
    font-size: 0.9em;
    position: relative;
    top: -6px;
}

.comment-author img.avatar {
    display: block;
    margin-left: -122px;
    margin-top: -5px;
    position: absolute;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.submit {
    cursor: pointer;
}

ol.comment-list {
    margin-left: 0px;
}

.comment-list,
.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.comment-respond {
    margin-top: 40px;
}

.comment-form .comment-notes {
    color: #aaa;
    font-size: 0.9em;
    margin: 0 0 32px;
}

#comments.comments-area {
    padding-top: 40px;
    border-top: 3px solid #e5e5e5;
}

#comments li.odd div.comment-body {
    border: 1px solid #e2e2e2;
}

#comments li.even div.comment-body {
    border: 1px solid #e2e2e2;
}

#comments li div.comment-body {
    margin-bottom: 35px;
    margin-left: 90px;
    margin-top: 35px;
    padding: 23px 28px 27px;
}

.comment-form label {
    clear: both;
    display: block;
    padding: 12px 0 10px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    box-sizing: border-box;
}

#s5_quick_contact input,
#s5_quick_contact textarea {
    padding: 12px 15px !important;
    margin-bottom: 30px !important;
}

@media screen and (max-width: 700px) {
    #s5_quick_contact input,
    #s5_quick_contact textarea {
        width: 100% !important;
    }
}

#s5_quick_contact textarea {
    height: auto !important;
}

#s5_responsive_switch_mobile,
#s5_responsive_switch {
    display: none !important;
}