*{
    font-family: 'Roboto','Odoo Unicode Support Noto', sans-serif;
}
.title-blue{
    color: #0071c0 !important;
    font-size: 55px;
    font-family: 'Roboto','Odoo Unicode Support Noto', sans-serif;
}

#new-logo-hl img{
    max-width: 250px;
    width: 100%;
    height: auto;
}

#top_menu li a span{
color: #212121;
}

#new-logo-hl{
    background-color:#f9f9f9;
}

.back-blue{
    background-color: #0071c0;
    color:white;
}

.btn-blue{
    background-color: #0071c0;
    color:white;
    padding: 10px 15px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 1px 5px -2px rgba(84,84,84,1);
    -moz-box-shadow: 0px 1px 5px -2px rgba(84,84,84,1);
    box-shadow: 0px 1px 5px -2px rgba(84,84,84,1);
}

.back-gray{
    background-color: #757575;
}

.color-blue{
    color: #0071c0;
}

a.color-blue, a.color-blue:hover{
    color: #0071c0;
}

.color-gray{
    color: #757575;
}

/*.logo img{
    max-width: 300px;
    width: 100%;
}*/

.btn-lang img{
    max-width: 30px;
    width: 100%
}

header nav.navbar{
    padding: 15px 0px;
}

form.oe_login_form .oe_login_buttons .btn-primary{
    background-color: #0071c0;
    color:white;
    padding: 10px 15px;
    border-radius: 20px;
    border-color: #0071c0;
    -webkit-box-shadow: 0px 1px 5px -2px rgba(84,84,84,1);
    -moz-box-shadow: 0px 1px 5px -2px rgba(84,84,84,1);
    box-shadow: 0px 1px 5px -2px rgba(84,84,84,1);
}

form.oe_login_form .oe_login_buttons a, form.oe_login_form .oe_login_buttons a:hover{
    color: #003357;
}

#our-mission{
    padding: 50px 0;
    background: url("/hlourdes_website/static/src/img/home/mission.jpg");
    background-repeat: no-repeat;
    background-size: 100% 75%;
    background-position: top;
}

#our-mission p {
    font-size: 18px;
}

.widgets{
    margin-bottom: 20px;
}

.widgets div{
    padding: 20px;
    color: white;
}

#our-services{
padding: 50px 0;
}

#our-services img.img-service{
    height: 50px;
    width: 100%;
}

#our-services div.row div.service-card{
    padding: 20px;
    -webkit-box-shadow: 0px 2px 11px -3px rgba(84,84,84,1);
    -moz-box-shadow: 0px 2px 11px -3px rgba(84,84,84,1);
    box-shadow: 0px 2px 11px -3px rgba(84,84,84,1);
    color: #003357;
}

#our-services div.row div.service-card:hover{
    background-color: #0071c0;
}

#our-specialities{
    background: url(/hlourdes_website/static/src/img/home/specials.jpg);
    background-repeat: no repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}

.image-service{
    height: 100px;
}

.image-service img{
    max-height: 80px;
}

.caption-service{
    height: 85px;
}
.caption-service h3{
    color: #0071c0;
    text-decoration: none;
}
.service-card:hover .caption-service h3{
    color: white;
    text-decoration: none;
}


.service-card a:hover{
    color: white;
    text-decoration: none;
}

.service-card:hover img{
    filter: brightness(0) invert(1);
    -webkit-filter: contrast(0) brightness(0) invert(1);
}

#our-specialities .carousel-item{
    padding: 0px 0px 40px 0px;
}

#our-specialities .carousel-indicators button, .blue-carousel-btn-tr button{
    background-color: #0071c0 !important;
}

.card-special-avatar img{
        max-width: 200px;
        width: 100%;
}

#testimonials{
    padding: 50px 0px;
}

.card-testimonial-avatar img{
    	max-width: 150px;
    	width: 100%;
    	border-radius: 50%;
    	border: solid 8px white;
}

.card-testimonial{
    color: white;
    background: linear-gradient(white 20%, #0071c0 20%, #0071c0 100%);
    height: 400px
}

.card-testimonial-caption{
    padding: 2px 0px 50px 0px;
    font-size: 18px;
}

.card-testimonial h3{
    font-size: 30px;
}

#carousel-home .carousel-item{
    max-height: 89vh !important;
    min-height: initial !important;
}

#prefooter{
    padding: 50px 0;
    color:white;
    background: url(/hlourdes_website/static/src/img/home/prefooter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#footer, .o_footer_copyright {
    background-color: #003357 !important;
    color: white !important;
}

#footer{
 padding: 50px 0;
}

#footer a{
 color: white;
 text-decoration: underline;
}

#footer a:hover{
     color: #0071c0;
}

.logo_footer_border{
    border-left: solid 2px white;
}

.form-newsletter #buttons-footer a{
    text-decoration:none;
}
.form-newsletter #buttons-footer a:hover{
    color: white;
}
.form-newsletter a:hover{
    color: #003357;
}
.politics-footer a:hover{
    color: #0071c0;
}
.o_footer_copyright{
    background-color: #003357;
    color: white;
}

.made_by{
color: white !important;
font-size: 14px;
}

.made_by .treming-orange{
    color: #FF5B2A;
    font-family: 'Roboto','Odoo Unicode Support Noto', sans-serif;
}

.made_by:hover{
   color: white !important;
}

/*SERVICIOS */


#carousel-services .carousel-item{
    min-height: initial !important;
}

.service-title{
    border-bottom: solid 2px rgba(0,0,0,0.125);
}

.hl-title{
    border-bottom: solid 2px rgba(0,0,0,0.125);
}

.page-title{
    border-bottom: solid 2px rgba(0,0,0,0.125);
}

.service-menu .list-group a{
    border:none;
    border-radius: 0px;
    background-color: transparent;
    color: #0071c0;
}

.list-group li:hover{
    background-color: #0071c0;
    color: white;
}

.service-menu .list-group a.active{
    background-color: #0071c0;
    color:white;
}

.service-menu .list-group{
    border: solid 1px rgba(0,0,0,0.04);
    background-color: rgba(0,0,0,0.04);
}

.service-description {
    font-size:18px;
}

.service-description a.politics-button{
    border-top: solid 2px rgba(0,0,0,0.125);
}

.service-information h2{
    font-size: 34spx;
}

/*Appointment*/
div.o_website_calendar{
    background: url(/hlourdes_website/static/src/img/appointment/back.jpg);
    background-repeat: no-repeat;
    padding: 140px 0px;
    color:white;
    background-size: cover;
    background-position: center;
}
div.o_website_calendar ul.wizard li.text-primary{
    color: #0071c0;
}

div.o_website_calendar ul.wizard li.text-muted{
    color: #003357;
}

.welcome-appointment{
    font-size: 28px;
}

.politics-btn{
    color: #0071c0 !important;
    background-color: rgba(0,113,192,0.15);
}

#collapse-patient-rights{
    background-color: rgba(0,0,0,0.012);
    padding: 0px 20px;
}
#collapse-patient-politics{
    background-color: rgba(0,0,0,0.012);
    padding: 0px 20px;
}
.politics-content .btn-link{
    color: white;
    text-decoration: none;
}
.politics-content #headingOne, .politics-content #headingTwo{
    background-color: #0071c0;
}

.faq-content .btn-link{
    color: white;
    text-decoration: none;
}
.faq-content #headingOne, .faq-content #headingTwo, .faq-content #headingThree,
.faq-content #headingFour, .faq-content #headingFive, .faq-content #headingSix, .faq-content #headingSeven,
.faq-content #headingEight, .faq-content #headingNine, .faq-content #headingTen,
.faq-content #headingEleven, .faq-content #headingTwelve, .faq-content #headingThirteen, .faq-content #headingFourteen,
.faq-content #headingFifteen{
    background-color: #0071c0;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath transform='rotate%2890, 8, 8%29' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.lang-flag{
 border:solid 2px white;
 border-radius: 50%;
}

article.o_wblog_post a.o_blog_post_title{
    color: #003357 !important;
    font-family: 'Roboto','Odoo Unicode Support Noto', sans-serif;
    font-weight: bold;
}

article.o_wblog_post a{
 color: #0071c0;
}

article.o_wblog_post a.btn-primary{
    background-color: #0071c0;
    color:white;
    padding: 10px 15px;
    border-radius: 20px;
}

div.o_wblog_sidebar_block a.badge{
 color: #0071c0;
}

div.o_wblog_sidebar_block ul li a{
 color: #0071c0;
}

div.o_wblog_sidebar_block a#edit-in-backend{
 color: #003357;
}

div#o_wblog_post_content nav li a{
 color: #0071c0;
}

div.css_editable_mode_hidden.text-muted div a b, div.css_editable_mode_hidden.text-muted div a.badge{
    color: #0071c0;
}

div.css_editable_mode_hidden.text-muted div a b:hover, div.css_editable_mode_hidden.text-muted div a.badge:hover{
    color: #0071c0;
}

div.o_portal_chatter_composer button.btn-primary{
    background-color: #0071c0;
    color:white;
    padding: 10px 15px;
    border-radius: 20px;
    border-color: #0071c0;
}

div.o_portal_chatter_composer button.btn-secondary{
    background-color: #003357;
    border-color: #003357;
    color:white;
    padding: 10px 15px;
    border-radius: 20px;
}

div.o_portal_chatter_message button{
    padding: 10px 15px;
    border-radius: 20px;
}

ul#top_menu li ul li a:active{
    background-color: #0071c0;
}

ul#top_menu li div.dropdown-menu a:active{
    background-color: #0071c0;
}

div.dropdown-menu a.js_change_lang:active{
    background-color: #0071c0;
}

ul#top_menu li ul li a:active span{
    color: white !important;
}

.company-info a{
color: #0071c0;
}

.company-info a:hover{
color: #003357;
}


/*jobs*/
.card-jobs{
    -webkit-box-shadow: 0px 2px 11px -3px rgba(84,84,84,1);
    -moz-box-shadow: 0px 2px 11px -3px rgba(84,84,84,1);
    box-shadow: 0px 2px 11px -3px rgba(84,84,84,1);
    padding: 1rem;
    border-radius: 4px;
}

.text-dark, .text-dark:hover{
color:  #212121;
}

div#jobs_grid_left{
    padding: 0px;
}

div#jobs_grid_left ul.nav-pills{
    width: 100%!important;
    border: solid 1px rgba(0,0,0,0.04);
    background-color: rgba(0,0,0,0.04);
}

div#jobs_grid_left ul.nav li a{
    border:none;
    border-radius: 0px;
    background-color: transparent;
    color: #0071c0;
    padding: 0.75rem 1.25rem;
}

div#jobs_grid_left ul.nav-pills li a.active{
    background-color: #0071c0;
    color:white;
    padding: 0.75rem 1.25rem;
}

.text-justify {
    text-align: justify;
}

.font-weight-bold {
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    #our-services div.row div.service-card{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: solid 1px #bdbdbd;
        padding: 40px 0;
    }

    .logo_footer_border{
        border-left: none;
    }
    #our-mission{
        background-size: cover;
        background-position: center;
    }
    .image-service img{
        max-height: 100px;
    }

    .caption-service{
        height: 55px;
    }

    .title-blue{
        font-size: 35px;
    }

    .service-description {
        font-size:14px;
    }


}
@media (min-width: 768px) {
    div.list-group.collapse{
        display:block;
    }
}