/*---------------------------------------------------------------------------------

 Theme Name:   Park Medical
 Theme URI:    https://parkmedical.local
 Description:  Szablon
 Author:       kknet@kknet.pl
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
a:hover {
    text-decoration: underline;
}
/*  Kolory dominujace */
.color1 {
    background: #7cba3d;
}
.color2 {
    background: #43a140;
}
.color3 {
    background: #008238;
}

/* Styl tytulow */
h4.title:after,
.box_header:after {
    content: "";
    display: block;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #7cba3d;
    margin-top: 10px;
}
h3.box_header {
	margin-top:1em;
	margin-bottom:0.5em;
}

/*   Cennik strona główna */

.home #et-main-area {
    background: #fff;
}
.cennik {
    width: 80%;
    margin: 40px auto;
}
.pozycja-cennika {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.zabieg-medyczny {
    font-weight: 700;
}
.separator {
    border: dashed 1px #999;
    margin-left: 10px;
    margin-right: 10px;
    flex-grow: 1;
}
.koszt-zabiegu {
    font-weight: 700;
    color: #008238;
}
a.mc_button.more.light.icon_small_arrow.margin_right_white,
a.icon_small_arrow.right_white {
    color: #fff;
}

/*  Button sprawdz cennik */
.mtb {
	margin-top: 1.5em ;
	margin-bottom: 1.5em ;
	display:inline-block;
}
/* Footer style */

#main-footer .footer-widget h4.title {
    color: #fff !important;
}

#main-footer .et_pb_widget a {
    color: #7cba3d;
}

/* Szablon lekarze	*/
.tax-specjalnosc h1.entry-title,
.page-template-default h1.entry-title,
.lekarze-template-default h1.entry-title {
    color: #43a140;
    font-size: 40px;
}
.lekarze-template-default h3 {
    padding-bottom: 1em;
}
.lekarze-template-default h3 strong {
    color: #43a140;
}
.lekarze-template-default .lekarze-kategorie {
    display: flex;
}
ul.specjalnosci a,
.lekarze-template-default .lekarze-kategorie a {
    background: #43a140;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff !important;
    hyphens: auto;
    line-height: 2.5em;
    white-space: nowrap;
}
.lekarze-template-default .lekarze-kategorie a:hover {
    text-decoration: none;
    background: #008238;
}
.lekarze-template-default p {
    font-size: 1.2em;
    line-height: 1.8em;
}
.icons {
    font-family: Icons;
    color: #008238;
}

/* Lista kategorii specjalnosci  */
ul.specjalnosci {
    list-style: none;
    margin: 0 auto;

    overflow: hidden;
}

ul.specjalnosci li {
    display: inline;
    margin-right: 1rem;
    float: left;
}

/* Lista-pogrubiona */
ul.lista-pogrubiona {
    list-style: none;
}
ul.lista-pogrubiona li {
    border-bottom: 1px dotted #ccc;
    font-weight: 700;
    margin: 1rem;
}

/*   catlist style */
ul.lcp_catlist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
ul.lcp_catlist li {
    list-style: none;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 2rem;
    align-items: center;
    max-width: 300px;
}
ul.lcp_catlist li div a {
    font-size: 1.2rem;
}
ul.lcp_catlist li a img.lcp_thumbnail {
    width: 300px !important;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */

    .cennik {
        width: 100%;
        margin: 40px auto;
    }
    .pozycja-cennika {
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 10px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1rem;
        border-bottom: 1px solid #efefef;
    }
    .zabieg-medyczny {
        font-weight: 200;
        padding-right: 1rem;
    }
    .separator {
        border: dashed 1px #999;
        margin-left: 10px;
        margin-right: 10px;
        flex-grow: 1;
        display: none;
    }
    .koszt-zabiegu {
        font-weight: 500;
        color: #008238;
        white-space: nowrap;
    }
}