/*
Theme Name: CPAP
Author: Probit.hr
Version: 1.0
*/

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('assets/fonts/SourceSansPro-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('assets/fonts/SourceSansPro-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-SemiBold';
    src: url('assets/fonts/SourceSansPro-SemiBold.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('assets/fonts/SourceSansPro-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-Italic';
    src: url('assets/fonts/SourceSansPro-Italic.ttf');
    font-display: swap;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'SourceSansPro-Bold';
}

body {
    font-family: 'SourceSansPro-Regular';
}
b,strong {
    font-family: 'SourceSansPro-Bold';
}

#header {
    padding: 0;
}
.navbar a, .navbar a:focus {
    padding: 25px 10px;
}
.navbar li {
    border-left: 2px solid #DDE1E3;
}
#hero .btn-get-started {
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 0;
}
#hero .container {
    border-radius: 0;
}
.section-bg {
    box-shadow: 0px 0px 14px 8px rgb(0 0 0 / 4%);
}
#topbar {
    font-size: 14px;
}
#topbar .dot {
    padding-left: 10px;
    padding-right: 10px;
}
#topbar a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
.departments .tab-pane p, #about p {
    color: #000;
    font-size: 18px;
}

#footer {
    border-top: 3px solid #0377c1;
    background-color: #fff;
    box-shadow: 0px 0px 14px 8px rgb(0 0 0 / 10%);
}
#footer .footer-top .footer-info, #footer .footer-top .footer-links ul a {
    font-size: 16px;
}
.footer-links, .footer-links ul {
    text-align: right;
}
#footer .footer-top {
    background-color: #fff;
    padding-bottom: 0;
}
#footer .footer-top h4 {
    font-size: 18px;
}
#footer .footer-top .footer-links ul li {
    display: block;
    padding: 2px 0;
}
#footer img {
    width: 200px;
    margin: 20px auto;
    display: block;
}
#footer .back-img {
    margin: 0;
}

@media screen and (max-width: 450px) {
    #header {
        padding: 10px 0;
    }
    #footer, .footer-links, .footer-links ul {
        text-align: center;
    }
}