/* November 15, 2022 | Sunday Fateropa */
/* Remarks: This stylesheet contains style definitions for the 'Sexual Offenders' page */

body {

}


@media only screen and (min-width: 1201px) {
    .navbar-collapse > .nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .sex-offenders-page-panel > .navbar-collapse > .nav > li > a,
    .sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-collapse > .nav > li > a {
        padding: 15px 3px;
    }

    .sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-header {
        visibility: hidden;
        width: 0px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-header {
        visibility: visible;
        width: auto;
    }

    .sex-offenders-page-panel > .navbar-collapse > .nav > li > a,
    .sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-collapse > .nav > li > a {
        padding: 10px 3px;
    }
}

.sex-offenders-page-panel > .nav > li > a { padding: 8px 10px; }

.sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-header > a {
    text-decoration: none !important;
    color: #f2f2f2 !important;
    font-weight: bold;
}

.sex-offenders-page-panel > .navbar-collapse > .nav > li > a,
.sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-collapse > .nav > li > a {
    color: white !important;
    font-weight: bold;
    text-decoration: none !important;
}

.sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-collapse > .nav > li > a:hover {
    color: red !important;
    border-right: 3px solid white;
    border-left: 3px solid white;
}

.sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-header > .navbar-toggle {
    margin-top: 2px;
    padding: 15px 15px;
}

.sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid > .navbar-header > .navbar-svp {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Josefin Sans', serif;
    text-shadow: 4px 4px 4px #aaa;
}

.sex-offenders-page-panel > .navbar-default > .navbar-outline {
    background: #ffffff;
    border: 1px #cc9633 solid;
}

.sex-offenders-page-panel > .navbar-default > .navbar-outline > .container-fluid {
    margin: 2px;
    font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background: linear-gradient(to bottom, #e0c085 0%, #523c14 100%);
}

#svp-offenders-menu-list { margin: 0px 0px 10px 0px; }

.svp-profile > .header-main {
    text-decoration: none !important;
    text-shadow: 4px 4px 4px #aaa;
}

.svp-profile > .scroll-up-icon {
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 5px;
    border: 1px solid #bfbfbf;
    background: linear-gradient(to right, #efe0c2 0%, #a17a2b 90%);
    text-decoration: none !important;
    border-radius: 5px;
}

.svp-profile > .scroll-up-icon:hover {
    background: linear-gradient(to left, #737373 0%, #000000 100%);
    color: white !important;
}

.svp-profile > .scroll-up-icon > i { padding: 3px; }

.svp-profile-description {
    /*font-size: 15px;
    text-decoration: none !important;*/
}

.fs_29 { font-size: 29px; }
.fs_25 { font-size: 25px; }
.fs_23 { font-size: 23px; }
.fs_22 { font-size: 22px; }
.fs_20 { font-size: 20px; }

.chakra-petch-font { font-family: 'Chakra Petch', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.black-ops-one-font { font-family: 'Black Ops One', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.graduate-font { font-family: 'Graduate', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.black-han-sans-font { font-family: 'Black Han Sans', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.allerta-stencil-font { font-family: 'Allerta Stencil', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.shrikhand-font { font-family: 'Shrikhand', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.lalezar-font { font-family: 'Lalezar', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.vt323-font { font-family: 'VT323', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.londrina-solid-font { font-family: 'Londrina Solid', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.rye-font { font-family: 'Rye', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }

/*.rammetto-one { font-family: 'Rammetto One', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }*/
.henny-penny-font { font-size: 22px; font-family: 'Henny Penny', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }

.cuprum-font { font-family: 'Cuprum', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.neucha-font { font-family: 'Neucha', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.coming-soon-font { font-family: 'Coming Soon', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.architects-daughter-font { font-family: 'Architects Daughter', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.tomorrow-font { font-family: 'Tomorrow', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.fredericka-the-great-font { font-family: 'Fredericka the Great', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.gruppo-font { font-family: 'Gruppo', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.benchnine-font { font-family: 'BenchNine', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif }
.italianno-font { font-family: 'Italianno', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.cabin-sketch-font { font-family: 'Cabin Sketch', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.homenaje-font { font-family: 'Homenaje', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
.sofia-font { font-family: 'Sofia', 'PT Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }


/*-SSDCRLI-*/
.class-photos {
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    /* background-color: #0666a3; */
    /* padding: 35px 2px; */
}

.class-photos div {
    display: inline-block;
    margin: 0 auto;
    padding: 1px;
    /* background-color: #f2f2f2;*/ /* #ffcc00; #8ebf42 */
}

.class-photos div div {
    /* border: 1px solid var(--bs-gray-100); */
    padding: 1px 3px;
    background-color: white;
}

.class-photos div div div {
    border: 1px solid #f2f2f2;
    padding: 5px;
    background-color: white;
}

.class-photos div div div img {
    width: 475px;
    height: 250px;
}

/*.class-photos div div div img {*/
/* width: 475px; 
   height: 250px; */
/*}*/


/*-------------*/

.yearly-photos { }

.yearly-photos div {
    margin: 0 auto;
    width: 85%; /* 100% */
}

.yearly-photos div div {
    padding: 2px 0px;
    text-align: center;
    background-color: white;
}

.yearly-photos div div img {
    border: solid 1px goldenrod;
    padding: 3px;
}

/*-------------*/

.yearly-photos-2 { }

.yearly-photos-2 .header {
    text-align:center;
    padding: 15px 10px;
    text-transform:uppercase;
}

.yearly-photos-2 div {
    margin: 0 auto;
    /*width: 85%;*/ /* 100% */
}

.yearly-photos-2 div div {
    float: inherit;
    text-align: center;
}

.yearly-photos-2 div .img-panel {
    padding: 2px 0px;
    background-color: white;
}

.yearly-photos-2 div .img-panel img {
    border: solid 1px goldenrod;
    padding: 3px;
}

/*-------------*/

.center-photo {
    border: 5px solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}


.sdcrli-testimonials { }

.sdcrli-testimonials h2 {
    padding: 5px 0px;
    text-transform:uppercase;
}

.sdcrli-testimonials .testimony {
    margin: 5px 0 0;
    font-size: 1.2em;
    line-height: 1.53em;
}

.sdcrli-testimonials .testimony div {
    font-weight: bold;
    font-style: italic;
    padding: 5px 5px;
    font-size: 0.90em;
}