
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
}

.section.contentWrapper {
    background-color: #fafafa;
}

.pageWrapper {
    background-color: #fafafa;
}

.logo {
    background-image: url("../img/MyPVLogo.png");
}

.langSwitch .dropdown-toggle {
    color: #870930;
}

.dropdown-item {
    color: #870930;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
    background-color: #f4f4f4;
    color: #700829;
    
}

a {
    color: #870930;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #700829;
    text-decoration: none;
}

a.text-primary {
    color: #870930 !important;
}

a.text-primary {
    color: #870930 !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

a.text-primary:hover {
    text-decoration: none !important;
}

h1, h2, h3, h4 , h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: #870930;
    font-weight: 700;
}


h1 {
    font-size: 1.875rem;
}

h3 {
    font-size: 1.25rem;
}

.iconTitle {
    display: none;
}

.card {
    box-shadow: 0px 0px 16px 0px #e7e7ed;
}

.card i {
    color: #ff6600;
}

.btn {
    font-weight: 700;
}

a.btn:hover {
    text-decoration: none;
}

button.btn-default.btn-login:hover,
.btn-default:hover {
    text-decoration: none !important;
    background-color: #f4f4f4;
}
.btn-primary {
    background-color: #870930;
    border-color: #870930;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #700829;
    border-color: #700829;
}

.btn-default {
    background-color: #fff;
    border-color: #870930;
    color: #870930;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    border-color: #700829;
    color: #700829;
}



.brand-name:before {
    content: "My PV";
}

@media (min-width: 768px) {
    
    .logo {
        height: 40px;
    }
    
    .pageWrapper {
        background-color: transparent;
    }
    
    .headerWrapper {
        background-color: transparent;
    }
}