/*
Theme Name: Default
Description: The default theme. Clean and responsive.
Version: 2.0
Visibility: Published
*/

/**
 * Reset, Normalize, and Miscellaneous
 * ----------------------------------------------------------------------------
 */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { color: #000; line-height: 1.5; margin: 0; }

article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none; }

address { font-style: italic; margin: 0 0 24px; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p { margin: 0 0 18px; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; }
blockquote blockquote { margin-right: 0; }
blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; }
blockquote em, blockquote i { font-style: normal; font-weight: 300; }
blockquote strong, blockquote b { font-weight: 400; }
small { font-size: smaller; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl { margin: 0 20px; }
dt { font-weight: bold; }
dd { margin: 0 0 20px; }
menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; }
ul { list-style-type: square; }
nav ul, nav ol { list-style: none; list-style-image: none; }
li > ul, li > ol { margin: 0; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; width: 270px; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
caption { font-size: 16px; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; }
td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
del { color: #333; }
ins { background: #ddd; text-decoration: none; }
hr { border: 0; height: 1px; margin: 0 0 24px; border-top: 1px solid #ddd; border-color: rgba(120, 120, 120, 0.5)}
embed, iframe, object, video { max-width: 100%; }

/* Image Alignment */
.align-left { float: left; }
img.align-left, img.cke-img[style*="left"] { margin: 5px 20px 5px 0 !important; }

.align-right { float: right; }
img.align-right, img.cke-img[style*="right"] { margin: 5px 0 5px 20px !important; }

.align-center { display: block; margin-left: auto; margin-right: auto; }
img.align-center { margin: 5px auto; }

img.align-none { margin: 5px 0; }

/* Alignment */

.center {
    text-align: center;
}

/* Genericons */
.genericon:before,
.menu-toggle:after,
.date a:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    vertical-align: text-bottom;
}

/* Clears */
.cf:after, .clear:after, .editor-content:after, .navigation:after, .nav-links:after, .article:after { clear: both; }

.cf:before, .cf:after, .clear:before, .clear:after, .editor-content:before,
.editor-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .article:before, .article:after { content: ""; display: table; }


/**
 * Fonts & Header Defaults
 * ----------------------------------------------------------------------------
 */

/* Custom Font Families */

html, button, input, select, textarea,
.menu-toggle {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}

/* Links */

a { color: #444; text-decoration: none;}
a:visited { color: #444; }
a:active, a:hover { color: #333; outline: 0;}
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: Bitter, Georgia, serif; }

/* Headers */

h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3; }
h1 { font-size: 30px; margin: 33px 0; }
h2 { font-size: 22px; margin: 25px 0; }
h3 { font-size: 20px; margin: 22px 0; }
h4 { font-size: 18px; margin: 25px 0; }
h5 { font-size: 16px; margin: 30px 0; }
h6 { font-size: 14px; margin: 36px 0; }

/* Article (News) Pages */

.article-index h3 {
    font-size: 26px;
    margin: 0 0 10px;
}

.article-index a:hover {
    text-decoration: none;
}

.article-index .article-date,
.article-single .article-date {
    color: #999;
    line-height: 1;
    font-size: 14px;
}

.article-index .read-more {
    float: right;
    margin-bottom: 0;
}

.article-single header {
    margin-bottom: 30px;
}

.article-single .article-title {
    font-size: 30px;
    margin: 16px 0 10px;
}

/* Paging Navigation */
.paging { padding: 40px 0; }
.paging .paging-older { float: left; }
.paging .paging-newer {	float: right; }

.paging a {
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
}

.paging a:hover {
    text-decoration: none;
}

.paging .paging-arrow {
    font-size: 26px;
}

/* Other */

.shortcodebox {
    max-width: 100% !important;
}

.shortcodebox-title { display: none; }
.shortcodebox.form .shortcodebox-title {
    display: inline-block;
}


#pb-pedigree-viewer .pedigree-builder-label {
    background-color: #111;
    border-color: #111;
    outline-color: #111;
}

/* Hide mobile only elements */
.mobile-only { display: none; }

/**
 * Forms
 * ----------------------------------------------------------------------------
 */

/* Form Fields */
button, input, textarea { font-family: inherit; padding: 5px; }
button { border: none; }
input, textarea { border: 1px solid #999; color: #111; }
input:focus, textarea:focus { border: 2px solid #999; outline: 0; }

/* Form Buttons */
button, input[type="submit"], input[type="button"], input[type="reset"] {
    background: #111;
    color: #fff;
    display: inline-block;
    padding: 11px 24px 10px;
    text-decoration: none;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
    background: #333;
    outline: none;
}

.read-more, .read-more:visited {
    display: inline-block;
    padding: 6px 12px;
    border-color: #000;
    color: #fff;
    background: #111;
}

.read-more:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
}

.shortcodebox.form.align-left {
    margin-right: 30px;
}

.shortcodebox.form.align-right {
    margin-left: 30px;
}


/**
 * Site Structure
 * ----------------------------------------------------------------------------
 */

/* Sticky Footer - #wrapper negative height should be the same as the height of #colophon (the design's footer height) and #push */

html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px;
}

#colophon, #push {
    height: 130px;
}

/* End Sticky Footer */

.container {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

/**
 * Header
 * ----------------------------------------------------------------------------
 */

.site-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.branding-wrap {
    background-color: rgba(255, 255, 255, 0.6);
}

.branding {
    padding: 60px 0 90px;
    text-align: center;
}

.site-header a {color: #333}
.site-header a:hover {text-decoration: none; color: #111}

.business-name {
    display: inline-block;
    margin: 0 auto;
    padding: 8px 14px 0;
}

.slogan {
    margin: 0 auto;
}

.logo-wrap img {
    padding: 10px 20px;
    max-width: 100%;
}


/**
 * Main Navigation
 * ----------------------------------------------------------------------------
 */

.navbar {
    background-color: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    width: 100%;
}

/* Main Menu */
.main-navigation {
    clear: both;
    margin: 0 auto;
    min-height: 45px;
    position: relative;
}

ul.nav-menu, div.nav-menu > ul {
    margin: 0;
    padding: 0;
}

.nav-menu li {
    display: inline-block;
    position: relative;
}

.nav-menu li a,
.toggled-on .nav-menu li a {
    color: #000;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 15px 20px;
    text-decoration: none;
    font-weight: bold;
}

.nav-menu li ul a {
    padding: 10px 20px;
    font-weight: normal;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.toggled-on ul.nav-menu li a:hover {
    background-color: #111;
    color: #fff;
}

.nav-menu .sub-menu {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}

.nav-menu .sub-menu {
    background-color: #111;
    display: none;
    padding: 0;
    position: absolute;
    z-index: 99999;
}

.nav-menu .sub-menu ul {
    left: 100%;
    top: 0;
}

.nav-menu .sub-menu li {
    width: 100%;
}

ul.nav-menu ul a {
    color: #fff;
    margin: 0;
    width: 100%;
    min-width: 200px;
}

ul.nav-menu ul a:hover {
    background-color: #444;
}

ul.nav-menu li:hover > ul {
    display: block;
}

.menu-toggle { display: none; }

/**
 * Header & Footer Navigation
 * ----------------------------------------------------------------------------
 */

.header-menu {
    background-color: #111;
    text-align: right;
    /* This bottom border is a placeholder for other schemes */
    border-bottom: 1px solid #111;
}

.header-menu ul ul {
    background-color: #111;
    text-align: left;
}

.header-menu .nav-menu li a,
.footer-menu .nav-menu li a {
    color: #fff;
    padding: 10px 15px;
}

.header-menu .nav-menu li:hover > a,
.header-menu .nav-menu li a:hover {
    background-color: #333;
}

.footer-menu {
    text-align: center;
    padding: 10px 0 5px 0;
}


/**
 * Editor Content (content made within the page editor)
 * ----------------------------------------------------------------------------
 */

/* Responsive images */
.editor-content img, .pb-gallery img { max-width: 100%; }

/* Make sure images with cke-added height and width attributes are scaled correctly. */
.editor-content img, img[class*="align"], .pb-gallery img { height: auto; }

/* Other Styles */
.editor-content blockquote { font-size: 24px; }
.editor-content blockquote cite, .editor-content blockquote small { font-size: 16px; }

/* Page content links - add underline */
.editor-content a { text-decoration: underline;}
.editor-content a:visited { text-decoration: underline;}

/* Remove the underlines from shortcode box content */
.editor-content .shortcodebox-content a { text-decoration: none;}
.editor-content .shortcodebox-content a:visited { text-decoration: none;}

/* Add underlines back in for the links page */
.editor-content .shortcodebox-content .links a { text-decoration: underline;}
.editor-content .shortcodebox-content .links a:visited { text-decoration: underline;}

/**
 * Sliders & Galleries
 * ----------------------------------------------------------------------------
 */

/* Flexslider */

.flexslider {
    margin: 0 0 32px;
}

.flexslider.paging-off {
    margin: 0 0 8px;
}

.flexslider.paging-off .flex-control-nav {
    display: none;
}

.flexslider .flex-direction-nav a {
    height: 44px;
}

.flexslider .flex-direction-nav a:hover {
    text-decoration: none;
}

.flexslider .slides li {
    position:relative;
}

.flexslider .flex-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0,0.6);
    z-index:1;
    padding:6px 10px;
}

.flexslider .flex-caption p {
    margin-bottom: 0;
    color: #fff;
}

.flexslider .flex-caption .flex-title {
    font-size: 120%;
}

.flexslider .flex-control-nav {
    bottom: -34px;
}

.flexslider.small {
    width: 100%;
    max-width: 220px;
}

.flexslider.medium {
    width: 100%;
    max-width: 400px;
}

.flexslider.large {
    width: 100%;
    max-width: 640px;
}

.shortcode-flexslider.align-left {
    margin-right: 30px;
}

.shortcode-flexslider.align-right {
    margin-left: 30px;
}

.shortcode-flexslider.align-center .flexslider {
    margin: 0 auto;
}

/* Gallery Shortcode */

.pb-gallery ul {
    list-style: none;
    padding: 0;
}

.pb-gallery ul li {
    display: block;
}

/* Masonry - columns */
.grid-size-xlarge .grid-sizer, .grid-size-xlarge .grid-item { width: 50%; }
.grid-size-large .grid-sizer, .grid-size-large .grid-item { width: 33%; }
.grid-size-med .grid-sizer, .grid-size-med .grid-item { width: 25%; }
.grid-size-small .grid-sizer, .grid-size-small .grid-item { width: 20%; }
.grid-size-xsmall .grid-sizer, .grid-size-xsmall .grid-item { width: 16%; }
.grid-size-thumb .grid-sizer, .grid-size-thumb .grid-item { width: 10%; }

.grid-item .img-wrap {
    margin: 2px;
}

.grid-item img {
    border: 1px solid #333;
    border-color: rgba(120, 120, 120, 0.5)
}

/**
 * Other Page Styles
 * ----------------------------------------------------------------------------
 */

/* Shared Styles */

.box {
    margin: 15px 0;
    border: 1px solid #ddd;
    background-color: #eee;
}

.sjfb-form {
    border: 1px solid #ddd;
}

.pad20 {
    padding: 20px;
}

.box .read-more {
    margin: 20px auto 10px;
}

.vert-center-wrap {
    display:table;
    width: 100%;
}

.vert-center-50 {
    display:table-cell;
    vertical-align:middle;
    width: 50%;
    text-align: center;
}

.headline {
    padding: 10px 5px;
    background-color: #111;
    color: #fff;
    text-align: center;
    margin: 0;
}

.subhead {
    padding: 10px 5px;
    background-color: #ddd;
    color: #000;
    text-align: center;
    margin: 0;
}

.subhead:empty {
    display: none;
}

ul.preTitleVert,
ul.preTitleHor,
ul.postTitleVert,
ul.postTitleHor,
ul.registrationVert,
ul.registrationHor,
ul.custom-fields,
ul.basic-details,
ul.other-details {
    font-size: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.preTitleHor li,
ul.postTitleHor li,
ul.registrationHor li {
    display: inline-block;
}

ul.preTitleHor li:after,
ul.postTitleHor li:after,
ul.registrationHor li:after {
    content: "\00a0";
}

h3.name {
    margin: 3px 0;
}

.width50 {
    width: 50%;
    float: left;
}

.no-image {
    background-color: #666;
    width: 100%;
    min-width: 250px;
    max-width: 300px;
    line-height: 200px;
    margin: 0 auto;
    color: #fff;
}

.no-image.img-md { min-height: 300px; line-height: 300px }


/* Links Page */

.links.box {
    margin-bottom: 30px;
}

.links ul {
    list-style: none;
    margin: 0;
}

.links img {
    padding: 5px 0;
    max-width: 150px;
}

#swipebox-overlay {
    background: #0d0d0d;
    background: rgba(0,0,0,0.90);
}

/* Breedings & Single Breeding */

.breeding.box {
    margin-bottom: 70px;
}

.breeding .breeding-title-sep {
    font-size: 16px;
    font-style: italic;
    color: #aaa;
    display: block;
    margin: 5px auto;
    text-align: center;
}

.breeding .header-wrap {
    display: inline-block;
    margin: 0 auto 30px;
    background-color: #111;
    color: #fff;
    border: 1px solid #ccc;
}

.breeding .header-wrap .read-more {
    margin: 0;
    display: block;
}

.breeding .offspring {
    text-align: center;
}

.breeding .offspring .headline {
    max-width: 90%;
    margin: 20px auto 0;
}

.breeding .offspring .header-wrap {
    margin: 40px auto 10px;
}

.breeding .offspring hr {
    max-width: 60%;
    margin: 20px auto;
}

.breeding .offspring .status {
    margin: 5px 0;
}

.breeding .offspring-single:last-of-type hr {
    border: none;
}

.breeding .read-more.breeding-details {
    font-size: 20px;
    margin-bottom: 20px;
}

/* Forsale */

.forsale.box {
    margin-bottom: 50px;
}

.forsale .pricing {
    margin-top: 10px;
    font-weight: bold;
}

/* Profiles */

.profile .preTitleVert,
.profile .preTitleHor,
.profile .postTitleVert,
.profile .postTitleHor {
    font-weight: bold;
}

.profile .registrations,
.profile .details {
    margin: 20px auto 10px;
}

.profile .custom-fields {
    margin: 0;
    padding: 0;
}

.profile .details {
    font-weight: bold;
    width: 96%;
    margin-bottom: 20px;
}

.profile .vert-center-50 img {
    max-width: 96%;
}

.profile .details span {
    font-weight: normal;
}

.profile .callout .social-sharing {
    float: right;
}

.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

.callout.callout-white {
    background-color: #fff;
    border-color: #888;
    color: #000;
    text-align: left;
}

.callout.callout-white a, .callout.callout-white a:visited {
    color: #222;
}

.callout.callout-white a:hover {
    color: #333;
}

/* Social Icons */
ul.social {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
ul.social li {
    display: inline-block;
    max-width: 50px;
    padding: 5px 2px;
}

ul.social li img {
    width: 100%;
    height: auto;
}

/**
 * Half Page Columns (same as cke columns css)
 * ----------------------------------------------------------------------------
 */

.col>* {
    max-width: 100%;
}
.col-one-half {
    float: left;
    margin-right: 4%;
    position: relative;
    word-wrap: break-word;
    hyphens: auto;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.col-one-half {
    width: 48%;
}
.col-last {
    float: right;
    clear: right;
    margin-right: 0;
}
.col-last:after {
    content: ".";
    opacity: 0;
    display: block;
    height: 0;
    clear: both;
}
.col-divider {
    clear: both !important;
    display: block !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    width: 100% !important;
    background: none !important;
}
@media all and (max-width: 768px) {
    .col-one-half {
        width: 48% !important;
        margin-right: 2%;
    }
    .col-last {
        float: left;
        clear: none;
        display: block;
    }
    .col-last:after {
        content: "";
        display: block;
        clear: none;
    }
    .col-last + .col-divider {
        clear: none !important;
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media all and (max-width: 480px) {
    .ckecol-one-half {
        width: 100% !important;
        margin-right: 0;
    }
}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
    /* The top border is a placeholder for other schemes */
    border-top: 1px solid #111;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    background-color: #111;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footer-content-wrap {
    min-height: 100%;
    background-color: rgba(17, 17, 17, 0.6);
}

.site-footer a { color: #dddddd; }

.site-info {
    margin: 0 auto;
    padding: 0;
    display: block;
    font-size: 12px;
}

.powered-by a {
    text-decoration: underline;
}


/**
 * Media Queries
 * ----------------------------------------------------------------------------
 */

@media (max-width: 800px) {

    /* Turn mobile elements on and non-mobile off */
    .mobile-only { display: block; }
    .mobile-exclude { display: none }

    h1 { font-size: 30px; margin: 22px 0; }
    h2 { font-size: 22px; margin: 18px 0; }
    h3 { font-size: 18px; margin: 14px 0; }
    h4 { font-size: 15px; margin: 12px 0; }
    h5 { font-size: 14px; margin: 10px 0; }
    h6 { font-size: 13px; margin: 8px 0; }

    /* Shorten Sticky Footer and fix footer */
    #wrapper { margin: 0 auto auto; }
    #colophon, #push { height: auto; }
    .footer-menu .nav-menu, .header-menu { display: none }
    /* End Shorten Sticky Footer*/

    .branding {
        padding: 40px 0 70px;
    }

    .logo-wrap img {
        padding: 10px 0;
        max-height: 200px;
    }

    .business-name {margin: 0 auto; padding: 25px 0 0 0}
    .slogan { margin: 0 auto 30px auto; }

    /* Mobile menu */
    .main-navigation.toggled-on {
        z-index: 9999;
    }

    .mobile-menu-open .site-header {
        margin-top: 0;
    }

    .menu-toggle {
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        padding: 12px 0 12px 20px;
    }

    .menu-toggle:after {
        content: "\f502";
        font-size: 12px;
        padding-left: 8px;
        vertical-align: -4px;
    }

    .toggled-on .menu-toggle:after {
        content: "\f500";
        vertical-align: 2px;
    }

    .toggled-on .nav-menu li:hover > a {
        background-color: inherit;
        color: inherit;
    }

    .toggled-on .nav-menu, .toggled-on .nav-menu > ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 100%;
    }

    .toggled-on li { display: block; }

    .toggled-on .nav-menu li > ul {
        background-color: transparent;
        display: block;
        float: none;
        position: relative;
        left: auto;
        top: auto;
    }

    .toggled-on .nav-menu li a {
        padding: 10px 20px;
    }

    .toggled-on .nav-menu li ul a {
        padding: 10px 1px 10px 36px;
    }

    .toggled-on .nav-menu li ul a {
        width: auto;
    }

    .toggled-on .nav-menu .sub-menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    ul.nav-menu, div.nav-menu > ul { display: none; }

    /* Shared Styles */

    .box {
        padding: 10px;
        margin: 8px 0;
    }

    .box .vert-center-50 {
        display:block;
        width: 100%;
    }

    .box img {
        max-width: 70%;
        margin-top: 15px;
    }

    .no-image {
        min-width: 200px;
        line-height: 175px;
    }

    .no-image.img-md { min-height: 240px; line-height: 200px }

    .profile .callout .social-sharing { float: none; }

    /* Responsive images */
    img.cke-img { max-width: 50%; }

    /* Flexslider */
    .flexslider  .flex-direction-nav { display: none; }

    .flexslider .flex-caption {
        padding:3px 5px;
        font-size: 12px;
    }

    .flexslider .flex-caption .flex-title {
        font-size: 13px;
    }

    /* Breedings */

    .breeding .width50 {
        display: block;
        margin-top: 30px;
        width: 100%;
    }

    .box.breeding img {
        max-width: 100%;
        margin-top: 0;
    }

    /* Masonry - columns */
    .grid-size-xlarge .grid-sizer, .grid-size-xlarge .grid-item { width: 100%; }
    .grid-size-large .grid-sizer, .grid-size-large .grid-item { width: 50%; }
    .grid-size-med .grid-sizer, .grid-size-med .grid-item { width: 33%; }
    .grid-size-small .grid-sizer, .grid-size-small .grid-item { width: 25%; }
    .grid-size-xsmall .grid-sizer, .grid-size-xsmall .grid-item { width: 20%; }
    .grid-size-thumb .grid-sizer, .grid-size-thumb .grid-item { width: 16%; }

    /* Footer Powered By */
    .site-info {padding: 6px 2px}
    .powered-by-sep {display: block; visibility: collapse; height: 0;}
    .powered-by-tag { display: none}
}

@media (max-width: 375px) {
    /* Masonry - 2 column */
    .grid-size-xlarge .grid-sizer, .grid-size-xlarge .grid-item { width: 100%; }
    .grid-size-large .grid-sizer, .grid-size-large .grid-item { width: 100%; }
    .grid-size-med .grid-sizer, .grid-size-med .grid-item { width: 50%; }
    .grid-size-small .grid-sizer, .grid-size-small .grid-item { width: 33%; }
    .grid-size-xsmall .grid-sizer, .grid-size-xsmall .grid-item { width: 33%; }
    .grid-size-thumb .grid-sizer, .grid-size-thumb .grid-item { width: 25%; }

    /* Flexslider */
    .flexslider  .flex-direction-nav,
    .flexslider .flex-control-nav { display: none; }

    .flexslider .flex-caption .flex-title { font-size: 12px; }
    .flexslider .flex-caption .flex-descrip { display: none; }
}


/* Dark Scheme Background (some schemes used a colored transparency for the wrapper background so the black needs to show through instead of white) */
body.dark {
    background-color: #000;
}


/**
 * Print
 * ----------------------------------------------------------------------------
 */

@media print {
    body { background: none !important; background-color: transparent !important; color: #000 !important; font-size: 10pt; }
    #wrapper { max-width: 98%; }

    .site-footer, .edit-link, .editor-content nav, .main-navigation, .navbar, .more-link {
        display: none;
    }

    .entry-header, .editor-content { margin: 0; width: 100%; }
    header h1 { font-size: 21pt; }
    .editor-content img.align-left, .editor-content img[style*="left"] { margin-left: 0 !important; }
    .editor-content img.align-right, .editor-content img[style*="right"] { margin-right: 0 !important; }

}