/*
Theme Name: Minianimal
Theme URI: http://www.jocoxdesign.co.uk/wordpress-themes/minianimal
Description: A bold responsive WordPress theme
Author: Jo Cox Design
Author URI: http://www.jocoxdesign.co.uk
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
*/


/* HACKS made by Justin Wyllie */

.go_centre
{
    text-align:center;
}




body {
    font-family: Roboto, Arial, sans-serif;
    background-color: #C4D2B9;
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.panel { border: none; background: none; }
.panel h2 { display: none; }

/**********************************************************/
/* TRANSITIONS
/**********************************************************/

a, input[type="submit"] {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-backface-visibility: hidden;
}
img {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    -webkit-backface-visibility: hidden;
}

/**********************************************************/
/* HEADINGS 
/**********************************************************/

h1, h1 a, h1 a:hover {
    color: #fff;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 5rem; 
    font-weight: 700;
    font-style: none;
    text-transform: uppercase;
}
.site-header .page-title h1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.site-content .page-title h1 {
    margin-top: 0rem;
    margin-bottom: 1rem;
}
h2, h2 a, h2 a:hover {
    color: #222;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 2.5rem; 
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}
h3, h3 a, h3 a:hover {
    color: #222;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 2rem; 
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}
h4 {
    color: #222;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 1.5rem; 
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}
h5 {
    color: #222;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 1.25rem; 
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}
h6 {
    color: #222;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 1rem; 
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}

/**********************************************************/
/* LINKS
/**********************************************************/

a { 
    color: #bd284e; 
}
a:hover { 
    color: #222; 
}
.entry-meta a, entry-meta a:hover {
    color: #222;
    text-transform: uppercase; 
}

/**********************************************************/
/* LAYOUT
/**********************************************************/

.site-header {
    width: 100%;
    float: left;
    /*padding-top: 5rem;*/
}
.navigation {
    width: 100%;
    float: left;
}
.crumbs {
    width: 100%;
    float: left;
}
.site-content {
    width: 100%;
    float: left;
    margin-top: 2rem;
}
.site-footer {
    width: 100%;
    float: left;
    margin-top: 3rem;
}

/**********************************************************/
/* SITE HEADER
/**********************************************************/

.site-header {
    background-repeat: repeat-x, no-repeat;
    background-position: center center;
}
.site-title a {
    color: #FFF;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 2rem; 
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
    text-decoration: none;
}
.strapline {
    margin: 0;
    padding: 0;
    color: #FFF;
}
.search-box {
    font-size: 2rem;
    text-align: right;
}
.search-form {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    padding: 1%;
    width: 100%;
}
#searchform, #searchform input {
    margin: 0;
}
.search-box i, .search-box a i {
    cursor: pointer;
    color: #FFF;
}

/**********************************************************/
/* BREADCRUMBS
/**********************************************************/

.crumbs {
    list-style: none;
    padding: 0.5rem 0;
    overflow: hidden;
    background: #bd284e;
    color: #FFF;
}
.crumbs li {
    float: left;
    margin-right: 5px;
}
.crumbs a {
    color: #FFF;
}
.crumbs a:hover {
    text-decoration: underline;
}

/**********************************************************/
/* SITE CONTENT
/**********************************************************/

.site-content p {
    line-height: 1.5rem;
    margin: 0 0 1rem 0;
}
.single .post {
    margin-bottom: 2rem;
}
.post-thumbnail {
    margin-bottom: 1rem;
    border: 8px solid #fff;
-webkit-box-shadow: 0px 0px 20px 1px rgba(37,61,33,0.3);
-moz-box-shadow: 0px 0px 20px 1px rgba(37,61,33,0.3);
box-shadow: 0px 0px 20px 1px rgba(37,61,33,0.3);
}
.square {
    margin-bottom: 2rem;
}
a.overlay h3 {
    position: absolute;
    bottom: 1.9375rem; 
    left: 1.9375rem;
    margin-right: 1.9375rem;
    padding: 0.5rem;
    background: #FFF;
}
a img:hover {
    opacity: 0.8;
}
.tags {
    margin-bottom: 1rem;
    padding: 0;
}
.tags ul, .tags ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tags a {
    float: left;
    padding: 0.5rem;
    margin-right: 2px;
    background: #EEE;
    color: #222;
}
.entry-meta {
    padding: 0.75rem 0;
    margin-bottom: 2rem;
    text-transform: uppercase;
    border-bottom: solid 1px #DDD;
    border-top: solid 1px #DDD;
}
.entry-meta span {
    margin-right: 1rem;
}
.social-share {
    margin-bottom: 2rem;
}
.author-bio {
    margin-bottom: 2rem;
}
.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar .widget {
    margin-bottom: 2rem;
}
.widget li {
    padding-bottom: 0.5rem;
    margin-top: 0.5rem;
    border-bottom: solid 1px #DDD;
}
.widget li:last-child {
    border-bottom: none;
}
.screen-reader-text {
    display: none;
}

/**********************************************************/
/* COMMENTS
/**********************************************************/

.commentbox {
    margin: auto auto 1rem auto;
    background: #F4F4F4;
    padding: 1rem;
}
.commentbox .vcard {
    border: none;
    padding: 0;
    margin: 0;
}
.commentbox .avatar {
    border-radius: none;
}
.commentbox .date {
    font-size: 0.9rem;
    text-decoration: underline;
}
.comment-reply-link {
    margin-bottom: 1rem;
}
textarea#comment {
    height: 5rem;
}
.comment-avatar {
    float: left;
    margin-bottom: 15px;
}
.comment-link {} .comment-excerpt {
    clear: both;
}
#respond {
    margin-top: 2rem;
}
.bypostauthor {
    background: #EEE;
}

/**********************************************************/
/* CUSTOM WIDGETS
/**********************************************************/

.jcdlw li { 
    margin: 0;
    padding: 0;
    border: none;
}
.jcdci p { 
    margin: 0;
    padding: 0;
}

/**********************************************************/
/* SITE FOOTER
/**********************************************************/

.site-footer {
    float: left;
    padding-bottom: 1rem;
    border-top: solid 1px #fff;
}
.site-footer p {
    padding-top: 1rem;
    padding-bottom: 0;
    border-top: solid 4px #fff;
}
.footer-menu {
    padding-top: 1rem;
    padding-bottom: 0;
    border-top: solid 4px #fff;
}
#back-top i {
    font-size: 2rem;
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0.5;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover i {
    opacity: 1;
}

/**********************************************************/
/* NAVIGATION
/**********************************************************/

.menu {
    margin-bottom: 1rem;
}
@media only screen and (min-width: 40.063em) {
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
        border-right: none;
    }
.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after { 
    border-color: rgba(0,0,0,0.4) transparent transparent transparent;
    }
}
.top-bar, .contain-to-grid, .top-bar-section ul, .top-bar-section ul li > a, .top-bar.expanded .title-area {
    background: #FFF;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 1rem;
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}
.top-bar, .contain-to-grid, .top-bar-section ul, .top-bar-section ul li > a, .top-bar-section ul li:hover > a, .top-bar-section ul li.active > a, .top-bar-section .dropdown li.title h5 a, .top-bar .toggle-topbar a, .top-bar .toggle-topbar.menu-icon a, .top-bar.expanded .toggle-topbar a {
    color: #222;
}
.top-bar-section ul li:hover > a {
    background: #bd284e;
    color: #FFF;
}
.top-bar-section ul li.active > a, .top-bar-section ul li.active > a:hover {
    background: #bd284e;
    color: #FFF;
}
@media only screen and (min-width: 40.063em) {
    .top-bar-section li.hover > a:not(.button), .top-bar-section li a:not(.button) {
        background: #FFF;
    }
    .top-bar-section li.hover > a:not(.button), .top-bar-section .dropdown li a, .no-js .top-bar-section ul li:hover > a {
        color: #222;
    }
    .top-bar-section li a:not(.button):hover {
        background: #bd284e;
        color: #FFF;
    }
}

/**********************************************************/
/* FORMS
/**********************************************************/

input[type="submit"], .button {
    border: none;
    outline: none;
    padding: 1rem;
    cursor: pointer;
    background: #24246b;
    color: #FFF;
    font-family: Oswald, Arial, sans-serif; 
    font-size: 1rem;  
    font-weight: 400;
    font-style: none;
    text-transform: uppercase;
}
input[type="submit"]:hover, .button:hover { 
    background: #bd284e; 
    color: #FFF;
}

/**********************************************************/
/* WP DEFAULT STYLES
/**********************************************************/

.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;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
.gallery dl {    
    margin: 0;
}
blockquote {
    margin: 1.5em 0;
    padding: 0.5em 0;
    quotes: "\201C""\201D""\2018""\2019";
    border-left: none;
    line-height: 2.25rem;
}
blockquote:before {
    font-family: Georgia, serif;
    color: #ccc;
    content: open-quote;
    font-size: 6em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
    font-size: 1.5rem;
}
blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}
blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}
.sticky { }
.gallery-caption { }

/**********************************************************/
/* MISC
/**********************************************************/

h1 {
    word-wrap: break-word;
}
/* HACKS FOR SHOP */
/* 
div.medium-3.columns.sidebar
{
    display: none;
}

div.medium-9.columns
{
    width: 100%;
}
 */

/* hide the other widgets when the sidebar in on the shop so it only shows the Search Products
widget added by WooCommerce. And conversely hide the Search Products widgets on non shop pages
There is a probably a better way of doing this.

*/

body.home div.widget.woocommerce
{
    display: none;
}

body:not(.woocommerce-page) .widget_product_search
{
	display: none;
}

body.woocommerce-page div.widget.woocommerce + #jcdci-2
{
    display: none;
}

body.woocommerce-page #jcdci-2 + #jcdlw-2
{
    display: none;
}


body.woocommerce-page #jcdlw-2 + #mc4wp_widget-2
{
    display: none;
}

.woo_tweak_cart_link 
{
    float: right;
}

.woo_tweak_clear
{
    clear: both;
}