/* Body
-------------------------------------------------- */
body {
    background-color: #f5f5f5;
}
/* --------------------------------------------------
   Body */

/* Navbar
-------------------------------------------------- */
nav {
    margin-top: 10px;
}

nav.navbar a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}

nav.navbar ul li a:not(.dropdown-toggle),
nav.navbar ul li a:not(.dropdown-toggle):after,
nav.navbar ul li a:not(.dropdown-toggle):before {
    transition: all 0.5s;
}

nav.navbar ul li a:not(.dropdown-toggle) {
    position: relative;
}

nav.navbar ul li a:not(.dropdown-toggle):after {
    font-size: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #aaa;
    height: 1px;
}

nav.navbar ul li a:not(.dropdown-toggle):hover:after {
    width: 100%;
}

nav.navbar div.container {
    margin-bottom: 0px;
}

nav.navbar {
    margin-bottom: 20px;
}
/* --------------------------------------------------
    Navbar */

/* Font
-------------------------------------------------- */
body, pre {
    font-family: Varela Round;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
}

pre {
    font-size: 100%;
}

.white {
    background-color: white;
    color: white;
}

/* h1 {
    font-family: Varela Round;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
}

h3 {
    font-family: Varela Round;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15.4px;
}

p {
    font-family: Varela Round;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
}

blockquote {
    font-family: Varela Round;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}

pre {
    font-family: Varela Round;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5667px;
} */
/* Font
-------------------------------------------------- */

/* Image Card
-------------------------------------------------- */

.downloads-card {
    border-radius: 4rem 0 4rem 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}


.img-card {
    /* flex: none; keep aspect ratio */
    border-radius: 4rem 0 4rem 0!important;
    object-fit: contain;
    vertical-align: middle;
    padding: 1.5rem 1rem 0 1rem;
    width: 100%;
    height: 150px;
}

.img-modal {
    /* flex: none; keep aspect ratio */
    border-radius: 1rem;
    border: #b8bbbf solid 1px;
    object-fit: contain;
    vertical-align: middle;
    padding: 5px;
    width: 100%;
    max-height: 60vh;
}

.program-img-container {
    position: absolute;
    border-radius: 4rem 0 4rem 0!important;
    width: 100%;
    height: 300px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    opacity: 0;
    background: rgba(2, 35, 67, 0.8);
}

.program-img-container:hover {
    opacity: 1;
}
.program-img-content {
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    color: #fff;
}

/* Image Card
-------------------------------------------------- */

/* Pre
-------------------------------------------------- */
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* Pre
-------------------------------------------------- */


/* Icon
-------------------------------------------------- */
.small-icon {
    font-size: 0.875rem
}
/* Icon
-------------------------------------------------- */


/* Links Panel
-------------------------------------------------- */

.div-img-link-card {
    height: 100%;
}

.img-link-card {
    /* flex: none; keep aspect ratio */
    border-radius: 4rem 0.5rem 4rem 0.5rem!important;
    object-fit: contain;
    vertical-align: middle;
    padding: 0.85rem;
    width: 100%;
    height: 250px;
}

.useful-links-card {
    border-radius: 4rem 0 4rem 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
    min-height: 250px;
    height: 100%;
} 

@media (min-width: 768px) {
    .h-md-250{
        height: 250px;
    }

    .box {
        position: relative;
        /* display: inline-block;
        width: 100px; */
        /* height: 100px; */
        background-color: #fff;
        border-radius: 4rem 0.5rem 4rem 0.5rem;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        border-radius: 4rem 0.5rem 4rem 0.5rem;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .box::after {
        content: "";
        border-radius: 4rem 0.5rem 4rem 0.5rem;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        opacity: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .box:hover {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    .box:hover::after {
        opacity: 1;
    }

    .img-link-card {
        width: 200px;
        height: 250px;
    }
}


/* Links Panel
-------------------------------------------------- */

/* Button with icon (btn class)
-------------------------------------------------- */

.btn-ps {
    padding: 0px 0px 0px 0px !important;
    width: 23px;
    height: 23px;
}

    .btn-ps > svg.feather {
        width: 20px;
        height: 20px;
    }

/* Button with icon (btn class)
-------------------------------------------------- */

/* Strech column on table
-------------------------------------------------- */
.table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}
/* Strech column on table
-------------------------------------------------- */

/* Program Modal
-------------------------------------------------- */

.program-modal-dialog {
    margin: 0;
    padding: 2rem;
    width: 100%;
    max-width: 100%;
}

/* Program Modal
-------------------------------------------------- */

a.nounderline:hover {
	text-decoration: none!important;
}

a.nounderline:focus {
    outline: none;
}

a.nounderline {
	color: #212529;
}


button.category-button {
    border-color: #0a2b4b;
    background-color: #0a2b4b;
    border-radius: 4rem 0.5rem 4rem 0.5rem;
}

button.category-button:hover, button.category-button:not([disabled]):not(.disabled):active {
    border-color: #33506d;
    background-color: #33506d;
}

.dropdown-item:hover {
    background-color: #cccccc;
}

/* Jumbotron
-------------------------------------------------- */
.bg-dark-blue {
    background-color: #122b46;
}
/* --------------------------------------------------
    Jumbotron */

/* Footer
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    padding-bottom: 80px;
}

footer div.container {
    margin-top: 25px;
    margin-bottom: 25px;
}

footer p {
    font-weight: 100;
}

footer.footer {
    background-color: #e7e7e7;
    border-top: 1px solid #dee2e6 !important;
    position: absolute;
    bottom: 0;
    width: 100%;
}
/* --------------------------------------------------
    Footer */

/* Script
-------------------------------------------------- */
.script-header {
    background-color: #162e46;
    color: #ccd1d6;
}

.script-body {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
}

.script-description{
    font-size: 0.90rem;
}

.box-script {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-script::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-script:hover {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.box-script:hover::after {
    opacity: 1;
}
/* --------------------------------------------------
    Script */