/*!
Theme Name: CorreaSahli
Theme URI: http://underscores.me/
Author: Visualogica
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: corrreasahli
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

corrreasahli is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
 @font-face {
    font-family: 'SourceSerifVariable-Roman';
    src: url(Fonts/SourceSerifVariable-Roman.otf) format('truetype');
    font-weight: 300;
}


* {
    font-family: 'SourceSerifVariable-Roman', sans-serif;
}

body{
    font-family: 'SourceSerifVariable-Roman', sans-serif;

}

header img {
    width: 100%;
    max-width: 200px;
    margin-top: 35px;
}

.swiper {
    width: 100%;
    max-width: 1300px;
    height: 200px;
}

:root {
    --swiper-theme-color: #AC5B3E;
}

.bg-img {
    margin: 0;
    background-image: url(img/background-sahli.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;

}

.banner-carussell {
    margin: 0;
    background-image: url(img/background-sahli.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.m-extra {
    margin-bottom: 30px;
}

.accordion-button:focus {
    outline: none;
    border: none;
    border-color: #fff;
    box-shadow: none;
}

.accordion-item {
    border: none;
}

.accordion-button p {
    font-size: 21px;
    line-height: 32px;
    font-weight: 600;
    display: block;
    margin: auto;
}

.accordion-button {
    background-color: #fff;
    color: #000;
    box-shadow: none;
    border-bottom: 1px solid #AC5B3E;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #000;
    box-shadow: none;
    border-bottom: 1px solid #AC5B3E;
}

.accordion-button::after {
    font-size: 21px;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0;
    content: "+";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    font-size: 21px;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0;
    content: "-";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    transform: rotate(0deg);
}


.carussel-cont {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.admin-mas{
    text-decoration: none;
    color: #AC5B3E;
    font-weight: 600;
}

.accordion-button:focus {
    outline: none;
    border: none;
    border-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #AC5B3E;
}


.carussel-cont h3 {
    font-size: 30px;
    line-height: 35px;
}

.carussel-cont span {
    font-size: 20px;
    line-height: 25px;
}

.banner-abogados {
    margin-bottom: 35px;
    margin-top: 55px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.banner-cont .banner--cont-socio {
    text-align: center;
    margin: 0px 0px;
}

.banner-cont .banner--cont-socio h2 {
    text-decoration: none;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.banner-cont .banner--cont-socio a {
    text-decoration: none;
    font-size: 15px;
    line-height: 32px;
    color: #AC5B3E;
    text-align: center;
}

.banner-img-abogados {
    padding-bottom: 10px;
}

h5 {
    margin-bottom: 0 !important;
}

.description-abogados .description-cont {
    margin: 10px 1rem;
    text-align: left;
}

.contacto {
    margin: 10px 1rem;
}

.accordion-body p {
    margin: 10px 1rem;
    text-align: left;
}

.description-abogados .description-cont-extra {
    margin: 10px 1rem 60px;
    text-align: left;
}

.footer p {
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
}

.footer .digits {
    font-size: 12px;
}

.footer .interiores-footer a {
    font-size: 15px;
    line-height: 18px;
    color: #000;
    text-decoration: none;
}

.footer .number {
    margin-right: 0px;
}

/* .bg-img{
        margin: 0;
        background-image: url(img/background-sahli.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;

} */
.banner-abogados .description-cont-extra h2 {
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 0;
    color: #AC5B3E;
}

.banner-abogados .description-cont-extra p {
    font-size: 15px;
    line-height: 32px;
    font-weight: 400;
    text-align: left;
}

.banner-abogados .description-cont-extra .intro {
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    text-align: left;
}

.description-abogados .description-cont h2 {
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 0;
    color: #AC5B3E;


}

.description-abogados .description-cont p {
    font-size: 15px;
    line-height: 32px;
    /* font-weight: 400; */
    text-align: left;
}

.description-abogados .description-cont .intro {
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    text-align: left;
}

.panel-title {
    border-bottom: 1px solid #AC5B3E;
}

.panel-default a {
    text-decoration: none;
    font-size: 15px;
    line-height: 32px;
    color: #000;
}



.contacto a {
    margin-top: 25px;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    line-height: 32px;
    color: #AC5B3E;
}

.footer .interiores-footer a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.lnk-abogados {
    text-decoration: none;
    color: #000;
}

.lnk-abogados:hover {
    text-decoration: none;
    color: #000;
}

.lnk-abogados h4 {
    font-size: 24px;
    line-height: 21px;
    font-weight: 600;

}

.lnk-abogados h5 {
    font-size: 19px;
    line-height: 21px;
    font-weight: 600;

}

ul li {
    text-align: left;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 28px;
}

ul {
    list-style-image: url('img/dots.svg');
}

section#footer {
    margin-top: 50px;
    padding-bottom: 30px;
}

.logo-footer {
    margin-bottom: 0px;
}

.lista-trabajamos{
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    text-align: left;
    margin: 0px;
}

@media only screen and (min-width: 600px) {
    .banner-abogados {
        margin-bottom: 70px;
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .description-abogados .description-cont {
        margin: 10px 2rem;
        text-align: left;
    }

    .contacto {
        margin: 10px 2rem;
    }

    .accordion-body p {
        margin: 10px 2rem;
        text-align: left;
    }
    .banner-cont .banner--cont-socio {
        text-align: center;
        margin: 0px 20px;
    }

    .banner-cont .banner--cont-socio a {
        text-decoration: none;
        font-size: 17px;
        line-height: 32px;
        color: #AC5B3E;
    }

    .carussel-cont h3 {
        font-size: 60px;
        line-height: 60px;
        margin-right: 120px;
        font-weight: 300 !important;
    }

    .carussel-cont span {
        font-size: 36px;
        line-height: 20px;
        margin-left: 130px;
        margin-top: 15px;
    }
    .description-abogados .description-cont ul {
        margin: 10px 6rem 10px 0rem;
        display: flex;
        flex-direction: column;
    }
    .lista-trabajamos{
        font-size: 21px;
        line-height: 32px;
        font-weight: 400;
        text-align: left;
        margin: 10px 11rem;
    }
}

@media only screen and (min-width: 900px) {

    .banner-abogados {
        margin-bottom: 70px;
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .banner-abogados .description-cont-extra p {
        font-size: 21px;
        line-height: 32px;
        font-weight: 400;
        text-align: left;
    }

    .description-abogados .description-cont {
        margin: 10px 5rem;
    }

    .contacto {
        margin: 10px 5rem;
    }

    .accordion-body p {
        margin: 10px 5rem;
        text-align: left;
    }

    .description-abogados .description-cont-extra {
        margin: 10px 5rem 60px;
        text-align: left;
    }

    ul li {
        text-align: left;
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 32px;
    }

    .footer p {
        font-size: 15px;
        line-height: 27px;
        font-weight: 500;
    }

    .footer .number {
        margin-right: 45px;
        margin-left: 10px;
    }
}

section#footer {
    margin-top: 50px;
    padding-bottom: 0px;
}

.logo-footer {
    margin-bottom: 15px;
}


@media only screen and (min-width: 1000px) {
    .description-abogados .description-cont {
        margin: 10px 16rem;
    }

    .contacto {
        margin: 10px 12rem;
    }

    .accordion-body p {
        margin: 10px 12rem;
        text-align: left;
    }

    .description-abogados .description-cont-extra {
        margin: 10px 8rem 60px;
        text-align: left;
    }
}

@media only screen and (min-width: 1400px) {
    .description-abogados .description-cont {
        margin: 10px 23rem;
    }

    .description-abogados .description-cont ul {
        margin: 10px 16rem 10px 0rem;
        display: flex;
        flex-direction: column;
    }
}