/*
Theme Name: Rueber Farmacias
Template:porcelain
Author: Eduard Giménez
Author URI: http://eduardgimenenz.com
Description: Tema desenvolupat per Eduard Giménez Porredon sobre el tema Porcelain per al lloc web www.rueberfarmacias.es
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: ad hoc

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.
*/

@import url("../porcelain/style.css");

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

*,
*:after,
*:before {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
p {
    font-size: 18px;
}

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


/* #HEADER */


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

.header-wrapper {
    background-color: #FFF;
}
#header {
    background: rgba(250, 250, 250, 1);
    padding-top: 30px;
}
.fixed-header-scroll #header {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.7);
}
.nav-menu ul li a {
    color: #333;
    font-size: 18px;
    font-weight: inherit;
}
.mob-nav-btn {
    /*nav resp.*/
    display: block;
    padding-left: 27px;
    height: 15px;
    background: url(images/mob-nav-icon.png) no-repeat;
    background-size: 20px 15px;
    color: #333;
    text-transform: uppercase;
    line-height: 15px;
}
.tel-header {
    position: absolute;
    right: 0;
    top: -32px;
    display: inline-block;
    font-size: 16px;
    padding: 0 5px 0 24px;
    background: #EEE url(images/tel-head.png) no-repeat 5px center;
    border: solid 2px #DDD;
    border-radius: 0 0 10px 10px;
}
.header-search {
    background-color: #04D7E1;
    margin: 14px 0 0 15px
}
#header .search-wrapper {
    right: 0;
    top: 12px;
}
.cs-small-title,
p.cs-small-title {
    /*pre titol petit*/
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: -10px;
    font-size: 25px!important;
}
.cs-title {
    font-family: 'Open Sans Condensed', sans-serif;
    text-shadow: 1px 1px 0 #333;
}
p.cs-element {
    font-size: 22px;
    text-shadow: 1px 1px 0 #333;
    font-weight: 700;
    line-height: 1.3;
}
.nav-menu ul li a:hover,
.nav-menu ul li.current_page_item a {
    color: #0094AA;
}
.nav-menu > ul > li > a::after,
.nav-menu > div.menu-ul > ul > li > a::after {
    background: #0094AA;
}
.nav-menu ul li.current_page_parent > a {
    color: #0094AA!important;
}
.nav-menu .sub-menu li:first-child,
.nav-menu .children li:first-child {
    border-top: 3px solid #04D7E1;
}
.nav-menu ul ul li {
    background: #0094AA;
}
.nav-menu ul li li a {
    color: #FFF!important;
}
.nav-menu ul li li a:hover,
.nav-menu ul li li.current_page_item a {
    color: #333!important;
}
#menu-item-179 {
    border-top: 3px solid #04D7E1;
}

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


/* #TITULARS */


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

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 10px 0;
    color: #333332;
    font-weight: 800;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.7;
}
.t-1 {
    color: #333;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}
.services-box h3 {
    font-weight: 800;
    font-size: 25px;
    line-height: 1.2;
}

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


/* #HOME */


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

.fila:before,
.fila:after {
    content: "";
    display: table;
}
.fila:after {
    clear: both;
}
.fila {
    zoom: 1;
    clear: both;
    padding: 0;
    margin-bottom: 200px;
}
.col-edu:after,
.col-edu:before {
    box-sizing: border-box;
}
.col-edu {
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0 0 0 2%;
    background: #048B9D;
    text-align: center;
    min-height: 475px;
    /*-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;*/
    border: solid 1px #DDD;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.col-edu:first-child {
    margin-left: 0;
}
.col-edu .imatge-familia {
    position: relative;
    overflow: hidden;
}
.col-edu img {
    width: 100%;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.col-edu .mascara {
    position: absolute;
    z-index: 333;
    background: #333;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.col-edu:hover {
    cursor: pointer;
}
.col-edu:hover .mascara {
    opacity: 0.5;
}
.col-edu:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.col-edu h5 {
    padding: 10px 0 0 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #FFF;
}
.col-edu h6 {
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.col-edu p {
    padding: 0 10px 10px 10px;
    font-size: 13px;
    color: #F4F4F4;
}
.col-edu a {
    color: #333;
}
.c-1-2 {
    width: 49%;
}
.c-1-3 {
    width: 32%;
}
.c-1-4 {
    width: 23.5%;
}
.c-1-5 {
    width: 18.4%;
}
.section-dark-bg .section-title,
.section-custom .section-title {
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
}
.section-custom .section-title {
    text-align: left;
}
.section-dark-bg .sub-title,
.section-custom .sub-title {
    background: none;
    display: block;
    text-align: right;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    padding: 0;
    /*color: #333332!important;*/
    opacity: 1;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: -1px;
}
.section-custom .sub-title {
    text-align: left;
}
.paragraf-important {
    text-align: center;
    padding-bottom: 94px;
}
.paragraf-important p {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 10px;
}
.paragraf-important + .button {
    display: table;
    margin: -70px auto 100px;
}
.testimonial-wrapper {
    margin-bottom: 100px;
}
.pexeto-recent-posts {}
.rp-title {
    font-size: 20px;
}
.rp-list h3 {
    font-weight: 400;
    font-size: 22px;
}
.rp-date {
    display: none;
}
.services-default .services-box {
    border-left: none;
}

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


/* #FAQS */


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

.page-id-18 #content-container {
    padding: 0px 3% 70px 3%;
}
.accordion-title {
    font-size: 16px;
}
.cta-circle {
    background-color: #223442;
}

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


/* #CONTACTAR */


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

.page-template-template-contact .content-box {
    box-shadow: none;
}
.page-template-template-contact #content-container {
    padding: 0px 3% 70px 3%;
}
.adreca {
    float: right;
    width: 32%;
}
.adreca dl {
    font-size: 16px;
    margin-left: 0;
}
.adreca p {
    padding: 15px 0;
}
.adreca p a {
    background-color: #333;
    border-radius: 5px;
    display: inline-block;
}
.adreca p a:hover {
    background-color: #000;
}
#full-width #submit-form {
    width: 65%;
}
.formularis input[type="text"],
.formularis input[type="email"],
.formularis input[type="tel"] {
    margin-bottom: 8px;
    max-width: 100%;
    padding: 12px 0;
    text-indent: 8px;
    width: 100%;
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    font-size: 12px;
}

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


/* #PORFOLI */


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

.page-template-template-portfolio-gallery .page-title {
    padding: 2% 4%;
    box-shadow: none;
}
.page-template-template-portfolio-gallery .page-title h1 {
    padding: 0;
    font-size: 45px;
}
.page-template-template-portfolio-gallery #content-container {
    padding-top: 0;
}
.page-template-template-portfolio-gallery .content > p {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 0 60px;
}
.descripcion {
    border-bottom: 2px solid #f4f4f4;
    margin: 0 auto 2%;
    max-width: 1170px;
    padding: 40px 0;
}
.pg-item {
    border: 1px solid #ddd;
    border: solid 1px #DDD;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
}
.pg-item .pg-img-wrapper,
.pg-item img {
    -webkit-box-radius: 0;
    border-radius: 0;
}
.pg-info {
    background-color: #048B9D;
}
.pg-item h2 {
    color: #FFF;
    font-size: 20px;
    font-weight: 800;
}
.pg-categories {
    color: #777;
    display: none;
}

/*fitxa de producte*/

.single-portfolio #content-container {
    padding: 0 3%;
}
.single-portfolio .content-box {
    padding: 0 4% 12% 4%;
    box-shadow: none;
}
.portfolio-featured {
    width: 50%;
    float: right;
}
.portfolio-featured img {
    width: 100%;
}
.xixa {
    width: 50%;
    float: left;
}
.single-portfolio h1 {
    font-size: 45px;
    text-transform: uppercase;
}
.xixa p {
    font-size: 16px;
}
.xixa h3 {
    text-transform: uppercase;
    padding: 10px 0 0 0;
}
.xixa .intro-text {
    color: #666;
    line-height: 1.2;
    font-weight: 800;
    font-size: 19px;
}

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


/* #BLOG */


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

.imglist,
.entry-content ol {
    font-size: 18px;
    margin-bottom: 20px;
}
.imglist li,
.entry-content ol li {
    margin-bottom: 18px;
}
.imglist li::before {
    position: relative;
    top: 5px;
}
.imglist li li {
    list-style: none;
}
.rp-cat,
.post-info {
    display: none;
}
.post-content h1 {
    font-size: 35px;
}
.post-content h2 {
    line-height: 1.4;
    margin: 20px 0;
    font-size: 30px;
}
.post-content h3 {
    line-height: 1.4;
    margin-bottom: 30px;
}
.post-content h2 + h3 {
    margin-top: -40px;
}
.post-content p {
    margin-bottom: 20px;
}
.post-content blockquote {
    margin: 30px 0;
}
.post-content blockquote p {
    font-size: 21px;
}

/*arxius*/

.archive .pg-info,
.tag .pg-info {
    background: #FFF;
    padding: 40px;
    width: auto;
}
.archive .pg-info h2,
.tag .pg-info h2 {
    text-align: left;
    color: #333332;
}
.archive .pg-info h3,
.tag .pg-info h3 {
    font-weight: normal;
    line-height: 1.4;
    font-size: 18px;
}

/*pàgina actualitat*/

.page-template-template-blog .entry-content h3 {
    font-size: 16px;
    font-weight: normal;
}

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


/* #CERQUES */


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

.amaga-sidebar #sidebar {
    display: none;
}
.amaga-sidebar .post {
    box-shadow: none;
    -webkit-box-shadow: none;
}

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


/* #TAXONOMIES */


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

body.tax-por_uso #content {
    max-width: 100%;
}
body.tax-por_uso .pg-item {
    width: 23.6%;
}
body.tax-por_uso .wp-pagenavi {
    margin-top: 10px!important;
}

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


/* #FOOTER */


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

.footer-1:before,
.footer-1:after,
.footer-2:before,
.footer-2:after,
.footer-3:before,
.footer-3:after {
    content: "";
    display: table;
}
.footer-1:after,
.footer-2:after,
.footer-3:after {
    clear: both;
}
.footer-1,
.footer-2,
.footer-3 {
    zoom: 1;
    clear: both;
    padding: 0;
}

/*footer-1*/

.footer-1 {
    background-color: #048B9D;
    padding: 15px 0;
}
.footer-1 ul {
    display: table;
}
.footer-1 ul li {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}
.footer-1 ul li:nth-child(1) {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2;
}
.footer-1 ul li:nth-child(1) span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
}
.footer-1 ul li:nth-child(2) {
    background: url(images/tel.png) no-repeat left center;
    font-size: 20px;
    padding-left: 25px;
    white-space: nowrap;
}
.footer-1 ul li:nth-child(2) a {
    color: #333;
}
.footer-1 ul li:nth-child(3) {
    background: url(images/mail.png) no-repeat left center;
    font-size: 20px;
    padding-left: 35px;
    color: #333;
    white-space: nowrap;
}

/*footer-2*/

.footer-2 {
    padding: 40px 0;
}
.col-edu-2:after,
.col-edu-2:before {
    box-sizing: border-box;
}
.col-edu-2 {
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0 0 0 2%;
    text-align: center;
}
.col-edu-2:first-child {
    margin-left: 0;
}
.col-edu-2 h6 {
    color: #048B9D;
    text-transform: uppercase;
    font-size: 18px;
}
.col-edu-2 p {
    font-size: 15px;
    line-height: 1.3;
    padding-bottom: 30px;
}

/*footer-3*/

.footer-3 {
    padding: 15px 0;
    background: #333;
}

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


/* #MISC */


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

.break {
    display: block;
}
.clear {
    clear: both;
}
.cdp-cookies-boton-creditos {
    display: none!important;
}
div.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto p {
    line-height: 1.5!important;
}
body div ul li.current-menu-item > a,
.single-portfolio div ul li#menu-item-115 > a,
.single-format-standard div ul li#menu-item-114 > a
/*body div ul li.menu-item-type-post_type a*/

{
    color: #04D7E1!important;
    cursor: default;
}

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


/* #MEDIA QUERYS */


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


/*----- 1200 -----*/

@media screen and (max-width: 1200px) {
    body.tax-por_uso .pg-item {
        width: 30%;
    }
}

/*----- 965 -----*/

@media screen and (max-width: 965px) {
    .navigation-container {
        float: left;
        margin-left: -12px;
    }
}

/*----- 860 -----*/

@media screen and (max-width: 860px) {
    body.tax-por_uso .pg-item {
        width: 47.5%;
    }
}

/*----- 798 -----*/

@media screen and (max-width: 798px) {
    .tel-header {
        right: 0;
    }
    .col-edu {
        width: 48%;
        margin-bottom: 12px;
    }
    .col-edu:nth-child(3) {
        margin-left: 0;
    }
    .adreca {
        width: 100%;
        float: none;
    }
    .adreca dl {
        border-bottom: solid 1px #EEE;
        padding-bottom: 10px;
        border-top: solid 1px #EEE;
        padding-top: 10px;
        margin-top: 20px;
    }
    .adreca p {
        border-bottom: solid 1px #EEE;
        padding-bottom: 25px;
        margin-bottom: 20px;
    }
    #full-width #submit-form {
        width: 100%;
    }
}

/*----- 610 -----*/

@media screen and (max-width: 610px) {
    .col-edu-2 {
        width: 100%;
        margin: 0;
        float: none;
    }
    .portfolio-featured,
    .xixa {
        width: 100%;
        float: none;
    }
}

/*----- 630 -----*/

@media screen and (max-width: 630px) {
    body.tax-por_uso .pg-item {
        width: 100%;
    }
}

/*----- 525 -----*/

@media screen and (max-width: 525px) {
    .col-edu {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .footer-1 ul {
        display: block;
        text-align: center;
    }
    .footer-1 ul li {
        display: inline-block;
        width: auto;
        background: none;
        padding: 0;
    }
    .footer-1 ul li:first-child {
        padding-bottom: 10px;
    }
}