/* Table of Contents

Modal Properties
TopNav Properties
Reset: Header Properties
Reset: p + ul
Reset: last item inside div
Reset: li
Bullet Alterations: square, super, disc, calendar, dashed
nb-phrase
nounderline
.w-md-100
Print Settings


*/

.modal-header .close {
    padding: 1rem 1rem .25rem .25rem;
}


/* Top Nav Properities */

.btn-group.fillContainer {
    display: flex;
}

.fillContainer .btn {
    flex: 1
}

h6,
h5,
h4,
h3,
h2,
h1 {
    margin: 0;
}


/*.card-header {
padding-bottom: 12px !important;
}*/


/* End Top Nav Properities */


/* mb-0 to last p inside div */

div> :last-child:not(.my-auto) {
    margin-bottom: 0 !important;
}


/* mb-9 to p before UL 
(but make sure it doesn't overcorrect when done explicitly */

p:not(.mb-0)+ul {
    margin-top: -1em !important;
}


/* Bullet Alterations by added class*/

ul.square {
    list-style-position: outside !important;
    list-style-type: square;
}

ul.open-disc {
    list-style-type: circle;
}

.closeBullets li {
    margin: 0px;
}


/* End Bullet Alterations by added class*/


/* Superscript Annotations */

ol.super {
    counter-reset: item;
    padding: 0;
    list-style: none;
}

.super li:before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    vertical-align: super;
    font-size: 0.7em;
    left: 1.45em;
}

.super li {
    position: relative;
    display: block;
    padding: .0em .0em .0em 1.5em;
}

ul.calendar li:before {
    font-family: 'FontAwesome';
    content: '\f073';
    margin: 0 5px 0 -20px;
    /*color: #C41007;*/
}


/* End of superscript annotations */


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


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

li {
    padding: 0;
    margin: 0;
}

.nb-phrase {
    /* non-breaking phrase - treats text inside this as one word so that
     if one part of the phrasea would break/wrap onto the next line, it 
     will all break onto the next line */
    white-space: nowrap;
}

.nounderline {
    text-decoration: none;
}


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


/* reset li margin/padding */


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

ul.dashed {
    list-style-type: none;
    margin-left: 0;
}

ul.dashed>li {
    text-indent: -5px;
}

ul.dashed>li:before {
    content: "-";
    text-indent: -5px;
}


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


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

.w-100 {
    width: 100% !important;
}

.w-80 {
    width: 80% !important;
}

.w-75 {
    width: 75% !important;
}

.w-60 {
    width: 60% !important;
}

.w-50 {
    width: 50% !important;
}

.w-40 {
    width: 40% !important;
}

.w-33 {
    width: 30% !important;
}

.w-25 {
    width: 25% !important;
}

.w-20 {
    width: 20% !important;
}

@media (min-width:576px) {
    .w-sm-100 {
        width: 100% !important;
    }
    .w-sm-80 {
        width: 80% !important;
    }
    .w-sm-75 {
        width: 75% !important;
    }
    .w-sm-60 {
        width: 60% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
    .w-sm-40 {
        width: 40% !important;
    }
    .w-sm-33 {
        width: 30% !important;
    }
    .w-sm-25 {
        width: 25% !important;
    }
    .w-sm-20 {
        width: 20% !important;
    }
}

@media (min-width:768px) {
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-80 {
        width: 80% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-60 {
        width: 60% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-40 {
        width: 40% !important;
    }
    .w-md-33 {
        width: 30% !important;
    }
    .w-md-25 {
        width: 25% !important;
    }
    .w-md-20 {
        width: 20% !important;
    }
}

@media (min-width:992px) {
    .w-lg-100 {
        width: 100% !important;
    }
    .w-lg-80 {
        width: 80% !important;
    }
    .w-lg-75 {
        width: 75% !important;
    }
    .w-lg-60 {
        width: 60% !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .w-lg-40 {
        width: 40% !important;
    }
    .w-lg-33 {
        width: 30% !important;
    }
    .w-lg-25 {
        width: 25% !important;
    }
    .w-lg-20 {
        width: 20% !important;
    }
}

@media (min-width:1200px) {
    .w-xl-100 {
        width: 100% !important;
    }
    .w-xl-80 {
        width: 80% !important;
    }
    .w-xl-75 {
        width: 75% !important;
    }
    .w-xl-60 {
        width: 60% !important;
    }
    .w-xl-50 {
        width: 50% !important;
    }
    .w-xl-40 {
        width: 40% !important;
    }
    .w-xl-33 {
        width: 30% !important;
    }
    .w-xl-25 {
        width: 25% !important;
    }
    .w-xl-20 {
        width: 20% !important;
    }
}


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


/* Print Settings created with Checklist.htm in mind 
Sets print visibility of certain elements and cormats page*/


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

@media print {
    .dontprint,
    .dontprint * {
        visibility: hidden;
    }
    .col-md-9 {
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
    }
    html,
    body {
        width: 210mm;
        height: 282mm;
        overflow: visible;
    }
    body {
        padding-top: 15mm;
    }
    .collapse {
        display: block !important;
        height: auto !important;
    }
    .card {
        page-break-inside: avoid;
    }
}


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


/* Icons Repository */


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


/* Basic Icon Structure */

.icon::before {
    text-align: center;
    display: inline-block;
    content: "";
    vertical-align: middle;
    margin-right: 17px;
}

.icon {
    display: inline-block;
    vertical-align: middle;
}


/* Sizes */

.x48::before {
    font-size: 48px;
    background-size: 48px;
    width: 48px;
    height: 48px;
}

.x75::before {
    font-size: 75px;
    background-size: 75px;
    width: 75px;
    height: 75px;
}


/* Icons */

.laph-icon-call-center::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/callcenter.png');
}

.laph-icon-home-quarantine::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/homequarantine.png');
}

.laph-icon-home-isolate::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/homeisolate.png');
}

.laph-icon-covid-protect-others::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/covidprotectothers.png');
}

.laph-icon-take-care-of-health::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/takecareofhealth.png');
}

.laph-icon-more-info::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/moreinfo.png');
}

.laph-icon-pdf::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-pdf.png');
}

.laph-icon-disease::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-disease.png');
}

.laph-icon-guide::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-guide.png');
}

.laph-icon-human-resources::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-human-resources.png');
}

.laph-icon-human-resources2::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-human-resources2.png');
}

.laph-icon-open-book::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-open-book.png');
}

.laph-icon-question::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-question.png');
}

.laph-icon-question2::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-question2.png');
}

.laph-icon-resources::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-resources.png');
}

.laph-icon-separation::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-separation.png');
}

.laph-icon-social-distance::before {
    background-image: url('http://publichealth.lacounty.gov/acd/ncorona2019/images/laph-icon-social-distance.png');
}