/* Styles needed by Power Breeder in all themes */

/* Admin Edit Links */
div.admin-edit {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

body:not(.pb-bs5) .admin-edit a,
body:not(.pb-bs5) .admin-edit a:visited {
    background-color: #3c8dbc !important;
    color: #fff !important;
    padding: 6px 12px;
}

body.pb-bs5 .admin-edit a,
body.pb-bs5 .admin-edit a:visited,
body.pb-bs5 nav[data-bs-theme='light'].navbar .admin-edit a,
body.pb-bs5 nav[data-bs-theme='light'].navbar .admin-edit a:visited,
body.pb-bs5 nav[data-bs-theme='dark'].navbar .admin-edit a,
body.pb-bs5 nav[data-bs-theme='dark'].navbar .admin-edit a:visited {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.admin-edit a:hover,
body.pb-bs5 .admin-edit a:hover,
body.pb-bs5 nav[data-bs-theme='light'].navbar .admin-edit a:hover,
body.pb-bs5 nav[data-bs-theme='dark'].navbar .admin-edit a:hover {
    background-color: #367fa9 !important;
    color: #fff !important;
    text-decoration: none;
    border-color: #204d74;
}

.admin-edit.clicked a,
div.admin-edit.clicked a {
    background-color: #dd4b39 !important;
    border-color: #be4031 !important;
}

.admin-edit.clicked a:hover,
div.admin-edit.clicked a:hover {
    background-color: #be4031 !important;
    border-color: #a3372a !important;
}

div.admin-edit.edit-page,
div.admin-edit.edit-home,
div.admin-edit.edit-news {
    text-align: left;
    margin-bottom: 10px;
}

div.admin-edit.edit-profile {
    padding-bottom:8px;
}

/* Subscribe Form */
.callout {
    border-radius: 3px;
    margin: 10px 0 10px 0;
    padding: 15px 30px 10px 15px;
    border-left: 5px solid #eee;
    color: #fff;
}

.callout h4 {
    margin: 15px 0;
}

.callout p {
    margin-bottom: 10px;
}
.callout.callout-success {
    background-color: #00a65a;
    border-color: #00733e;
}
.callout.callout-warning {
    background-color: #f39c12;
    border-color: #c87f0a;
}

.callout a:link, .callout a:visited, .callout a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Pedigree Viewer */

#pb-pedigree-viewer {
    overflow:auto;
    border-top: 5px solid transparent;
}

#pb-pedigree-viewer table {
    border: none;
    margin: 1% auto;
    width: 96%;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.2;
}
#pb-pedigree-viewer table td {
    border-top: none;
    vertical-align:middle;
}
#pb-pedigree-viewer .pedigree-builder-label {
    min-width: 150px;
    background-color: #111;
    border: 1px solid #111;
    color: #FFFFFF;
    font-weight: bold;
    outline: 2px solid #111;
    padding: 10px;
    white-space: nowrap;
}
#pb-pedigree-viewer .chart,
#pb-pedigree-viewer .blank,
#pb-pedigree-viewer .spacer {
    background-color: #eee;
}
#pb-pedigree-viewer .chart {
    border-left: 1px solid #111;
    width: 20%;
}
#pb-pedigree-viewer .pb-ped-animal {
    /* Hight = Min-Height on tables - set min height for blank animal spaces */
    height: 30px;
    border: 1px solid #111;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin:0;
    padding: 3px;
    background-color:#fff;
    width: 20%;
}
#pb-pedigree-viewer .ped-male {
    background: none repeat scroll 0 0 #CCEEFF;
    padding: 3px;
    width: 20%;
}
#pb-pedigree-viewer .ped-female {
    background: none repeat scroll 0 0 #ffe3e4;
    padding: 3px;
    width: 20%;
}

#pb-pedigree-viewer .pb-ped-animal-image {display:block; text-align:center; padding:3px 0 3px 0;}
#pb-pedigree-viewer .pb-ped-animal-image img {border:1px solid #111;}
#pb-pedigree-viewer .pb-ped-animal-name {font-weight:bold; padding: 2px 0;}
#pb-pedigree-viewer .pb-ped-pre-titles {line-height:1.2; display: block}
#pb-pedigree-viewer .pb-ped-post-titles {line-height:1.2; display: block}
#pb-pedigree-viewer .pb-ped-custom-fields {line-height:1.2; display: block; margin: 0; padding: 0; list-style-type: none}

/*Make reCAPTCHA fit in the subscribe form - subscribe form defaults to 300px wide */
#form-1 .google-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

/* Forms: Hide the form shortcode title since it's shown in the form now */
.shortcodebox.form .shortcodebox-title {
    display: none !important;
}

/* Make menu placeholders have default cursor */
.menu-placeholder > a {
    cursor: default;
}

/* Breadcrumbs */
ul.pb-breadcrumbs, .pb-breadcrumbs li  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

.pb-breadcrumbs li {
    display: inline;
}

/* FEE Color Controls */
.pb-admin-controls {
    background-color: #ffffff !important;
}
.pb-admin-controls a.btn,
.pb-admin-controls a:visited.btn {
    color: #fff !important;
}

@media (max-width: 800px) {
    #pb-pedigree-viewer {
        padding: 2px;
    }
    #pb-pedigree-viewer table {
        margin: 0;
        width: 100%;
        line-height: 1.2;
    }
    #pb-pedigree-viewer .pedigree-builder-label {
        min-width: 100px;
    }
    #pb-pedigree-viewer table td,
    #pb-pedigree-viewer table td.spacer,
    #pb-pedigree-viewer table td.pb-ped-animal {
        padding: 2px;
        height: 15px;
        font-size: 80%;
    }
    #pb-pedigree-viewer .chart.swipe {
        background-image: url("../img/swipe-right.png");
        background-repeat: no-repeat;
        background-size: 90% auto;
    }
}

@media (max-width: 410px) {
    /*Make reCAPTCHA fit small devices*/
    .google-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}