@import "../style/root.css";

* {
    box-sizing: border-box;
}

body {
    font-family: 'PT Sans Narrow', sans-serif;
    min-height: 100vh;
} 

h1 {
    font-family: 'Charm', cursive;
}

li div p {
    margin: 0;
}

.error {
    height: 24px;
    margin: 0px;
}

.f-note {
    display: none;
}

.a-thumbnail {
    height: 246px;     
}

.a-website {
    color: var(--secondary);

    &:hover{
        color: var(--gray-700);
    }
}

.fa-globe{
    vertical-align: middle;
    font-size: 1.5rem;
}

.info-icon {
    height: 24px;
    width: 24px;
}

.img-thumbnail {
    height: 100%;     
}

#print{
    background: none;
    border:none;
    padding: 0;
}

.print-only {
    /* display: none; */
    color: transparent;
    background: transparent;
    font-size: 0.5rem;
}

.fa-btn-icon {
    color: var(--bs-primary);
    border: solid 1px var(--bs-primary);
    border-radius: 7px;
    padding: 10px;
    &:hover {
        color: var(--bs-white);
        background-color: var(--bs-primary);
    }
}

.wrapper {
    flex: 1;
}

.no-select {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

@media print {

    body {
        position: relative;
    }

    article {
        break-inside: avoid;
    }

    a {
        color: var(--secondary);
    }

    .page {
        break-before: page;
    }

    .img-thumbnail, .btn-link{
        display: none;
    }

    footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 71.5%;
    }

    .f-note {
        display: block;
    }

    #print{
        display: none;
    }
    
    .print-only {
        display: block;
        color: rgba(255, 255, 255, 0.018);
    }

    .download{
        display: none;
    }
}