/* 
 * (C)opyright Solocal Group 2015-2016
 *
 * This is Solocal Group proprietary source code.
 * Any reproduction modification or use without prior written
 * approval from Solocal Group is strictly forbidden.
 * 
 */

/*********************************/
/*         FONTS - S002e          */
/*********************************/
/*--------------*/
/* 4. Body Copy */
/*-------------*/
body{
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 15px;
}
@media  screen and (max-width:768px) {
    body{
        font-size:15px;
    }
}


/*----------------------*/
/* 1. Language selector */
/*----------------------*/
.component.languages.dropdown_view .flag{
    font-size:20px;
    font-weight: 700;
}
@media  screen and (max-width:768px) {
    .component.languages.dropdown_view .flag{
        font-size:19px;
        font-weight: 300;
    }
}


/*-------------*/
/* 2. Baseline */
/*-------------*/
.component.slider .content .site-title{
    font-size:60px
}
@media  screen and (max-width:768px) {
    .component.slider .content .site-title{
        font-size:40px
    }
}
@media  screen and (max-width:480px) {
    .component.slider .content .site-title{
        font-size:30px
    }
}


/*------------------------------------------*/
/* 3. Slider title, 
      phone number label in reservation bar,
      product name on catalog product page  */
/*------------------------------------------*/
.component.slider .content .title,
.component.booking.phone_view,
.component.catalog_product.title_view .title{
    font-size:25px
}

@media  screen and (max-width:768px) {
    .component.slider .content .title,
    .component.booking.phone_view,
    .component.catalog_product.title_view .title{
        font-size:27px
    }
}


/*------------------------------*/
/* 7. Title or elements Level 1 */
/*------------------------------*/
.with-h1-like .title,
.richtext h1{
    font-size:37px
}

@media  screen and (max-width:768px) {
    .with-h1-like .title,
    .richtext h1{
        font-size:36px
    }
}

/*------------------------------*/
/* 11. Title or elements Level 2 */
/*------------------------------*/
.component.catalog_product.price_view .prices .price,
.with-h2-like .title,
.with-h2-like .subtitle,
.richtext h2{
    font-size:22px
}

@media  screen and (max-width:768px) {
    .component.catalog_product.price_view .prices .price,
    .with-h2-like .title,
    .with-h2-like .subtitle,
    .richtext h2{
        font-size:22px
    }
}


/*------------------------------*/
/* 5. Title or elements Level 3 */
/*------------------------------*/
.component.catalog_product.price_view .prices .price-item .title,
.component.catalog.back_view .nav-element,
.component.catalog_product.separated_pagination_view .nav-element,
.referential-module .referential-module-title,
.news-block .content .richtext,
.news-block .content .short-text,
.news-block .content .description,
.component.catalog.short_view .description,
.component.content_badges.default_view .content-badges-text,
.multimedia-block .content .short-text,
.with-h3-like .title,
.richtext h3{
    font-size:16px
}

@media  screen and (max-width:768px) {
    .component.catalog_product.price_view .prices .price-item .title,
    .component.catalog.back_view .nav-element,
    .component.catalog_product.separated_pagination_view .nav-element,
    .referential-module .referential-module-title,
    .with-biggertext .richtext,
    .with-biggertext .short-text,
    .with-biggertext .description,
    .with-h3-like .title,
    .richtext h3{
        font-size:17px
    }
}


/*------------*/
/* 6. Buttons */
/*------------*/
.component.popin .button,
.component.booking .booking-button,
.reservation_bar .reservation-content .reservation-button .contact-link,
.component.catalog.short_view .link-button,
.component.contact.contact_form_view .button,
.component.catalog_product.ecommerce_view .add-to-basket,
.component.cart .order-recap .promo-code-input .redeem,
.component.cart .next-step{
    font-size: 15px;
}
@media  screen and (max-width:768px) {
    .component.booking .booking-button,
    .reservation_bar .reservation-content .reservation-button .contact-link,
    .component.catalog.short_view .link-button,
    .component.popin .button,
    .component.contact.contact_form_view .button,
    .component.catalog_product.ecommerce_view .add-to-basket,
    .component.cart .order-recap .promo-code-input .redeem,
    .component.cart .next-step{
    font-size:15px
    }
}


/*---------------------------*/
/* 8. Address blocs elements */
/*---------------------------*/
.address-block{
    font-size:16px;
}

@media  screen and (max-width:768px) {
    .address-block{
        font-size:17px
    }
}


/*-----------*/
/* 10. Links */
/*-----------*/
/* link with chevron on the right */
.component.presentation.short_view.using-link-with-chevron-on-right .more-info,
.component.news.short_view.using-link-with-chevron-on-right .link,
.component.activity.short_view.using-link-with-chevron-on-right .more-info,
.component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper .content-badge-label,
.component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info,
.component.catalog_terms_of_sale .brochure.link,
.component.catalog_product.brochure_view .link{
    font-size:16px
}
@media  screen and (max-width:768px) {
    .component.presentation.short_view.using-link-with-chevron-on-right .more-info,
    .component.news.short_view.using-link-with-chevron-on-right .link,
    .component.activity.short_view.using-link-with-chevron-on-right .more-info,
    .component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label,
    .component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info,
    .component.catalog_terms_of_sale .brochure.link,
    .component.catalog_product.brochure_view .link{
        font-size:17px
    }
}


/*-----------------*/
/* 12. Footer link */
/*-----------------*/
.footer-layout .component.brochures .brochures-content.content,
.footer-layout .component.point_of_sale.default_view,
.footer-layout .component.links .links-content.content{
    font-size: 15px;
}

@media  screen and (max-width:768px) {
    .footer-layout .component.brochures .brochures-content.content,
    .footer-layout .component.point_of_sale.default_view,
    .footer-layout .component.links .links-content.content{
        font-size:15px
    }
}


/*---------------*/
/* 13. Copyright */
/*---------------*/
.bottom-footer .component.last_updated,
.bottom-footer .component.legal_notice.link_view{
    font-size: 14px;
}

@media  screen and (max-width:768px) {
    .bottom-footer .component.last_updated,
    .bottom-footer .component.legal_notice.link_view{
        font-size:14px
    }
}