/*
 Theme Name:     Fortuna Child for Shops
 Description:    Fortuna Child Theme for separated shops 2021
 Author:         Hervé Huchon
 Template:       fortuna
 Version:        0.2
*/

@import './fonts/roboto.css';

/* JUNE 2025  ########################################################## ONSALE OPTIONS
================================================= */
.onsale {
	background: #ff5e82 !important;
}

/* FEB 2025  ########################################################## ANTIBIOTICS OPTION
================================================= */
table.variations {
	min-width: 40%;
	border: 0px !important;
	border-collapse: separate;
}

table.variations td, table.variations th {
	background: #ffffff !important;
	padding-left: 0px !important;
}

/* MAI 2022 - CUSTOM CSS HH - NEW GRAPHIC CHART ########################################################## START
================================================= */

/* Menu
 ================================================ */
#menu {
    font-family: 'Roboto' !important;
}

/* FEB 2024  ########################################################## HUBSPOT FORMS
================================================= */


/*.hs-form-field {
	width: 35% !important;
}*/

body {
    font-family: 'Roboto', arial, sans serif;
    font-size: 16px !important;
}

.hubspot-form {
    font-size : 15px;
    max-width : 100% !important;
}

input[type="text"] {
	padding: 8px !important;
	width: 90%; /* For first-name & last-name */
}

.hubspot-form fieldset {
    max-width : 100% !important;
}

.hs-button {
    letter-spacing: 0.08em;
    margin-top: 2em !important;
}

.hubspot-form input.btn_theme_color {

    margin-top: 2em !important;
}

.hubspot-form li {
    list-style-type: none;
}

/* END OF HUBSPOT FORMS  ##########################################################
================================================= */

/* # Buttons 2022 & Text-box
 ====================================================== */

.text_box {
    background: #00447f;
}

#text-box h2 {
    color: #ffffff;
    text-transform: none;
}
#text-box p {
    color: #ffffff;
}

/* =============================== Polices 2022 */




h1 {
	font-family: 'Roboto';
    font-weight: 300;
	font-size: 50px;
	letter-spacing: 0em;
}
h1.boc_heading {
	font-family: 'Roboto';
    font-weight: 300;
	font-size: 50px;
	letter-spacing: 0em;
}

.h1-uppercase {
    text-transform: uppercase;
}

.h1-span-pink {
    color: #ff7e9b;
}
.title-row {
    text-transform: uppercase;
    background-color: #00447f;
    padding-top: 0;
    padding-bottom: 0;
    /* display: inherit; */
    padding-right: 27px;
    padding-left: 27px;
}

.title-row-h2 {
    background-color: rgba(250,250,250,0.9);
    padding-top: 0;
    padding-bottom: 0;
    /* display: inherit; */
    padding-right: 27px;
    padding-left: 27px;
}

h2 {
	font-family: 'Roboto';
    font-weight: 300;
	font-size: 33px;
	letter-spacing: 0em;
}

.h2-uppercase {
    text-transform: uppercase;
}

.h2-span-pink {
    color: #ff5e82;
}

.h2-notransform {
    text-transform: none;
}

h3 {
	font-family: 'Roboto';
    font-weight: 300;
	font-size: 24px;
	text-transform: none;
}
/* =============================== Publications + carousel posts */
.boc_image_box .info_overlay h3 {
    font-weight: 400;
}
.pic_info.type1 .info_overlay .info_desc {
    top: 35%;
}
a .pic_info.type1 .portfolio_icon {
    background-color: #00447f;
}

a .img_overlay .hover_icon {
    background-color: #00447f;
}
/* =============================== End of Publications + carousel posts */
#row-icons h3 {
    font-family: 'Roboto';
    font-weight: 300;
	font-size: 24px;
	text-transform: none;
}

#row-icons h3 {
    color: #FFFFFF;
}

#row-icons p {
    color: #FFFFFF;
}
#row-icons {
    padding-bottom: 0px;
}
.h3-blue-background span {
    background-color: #00447f;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    display: inherit;
}
.h3-pink-background span {
    background-color: #ff5e82;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    display: inherit;
}
.h3-uppercase {
    text-transform: uppercase;
}
.h3-uppercase-blue-background {
    text-transform: uppercase;
    background-color: #00447f;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: -12px;
    display: table;;
}
.h3-span-pink {
    color: #ff5e82;
}

h4 {
	font-family: 'Roboto';
    font-weight: 300;
	font-size: 17px;
	text-transform: none;
}

.p-on-dark-background {
    color: #ffffff;
}

.p-span-pink {
    color: #ff5e82;
}

sup {
    vertical-align: super;
    font-size: 0.5em;
}

.internal-link {
    color: #ff5e82 !important;
    /*text-decoration: underline !important;*/
}
.internal-link-dark-bg {
    color: #ff5e82 !important;
    /*text-decoration: underline !important;*/
}

.internal-link:hover {
    color: #ff5e82 !important;
	text-decoration: underline;
    /*text-decoration: underline !important;*/
}
.internal-link-dark-bg:hover {
    color: #ff5e82 !important;
	text-decoration: underline;

    /*text-decoration: underline !important;*/
}


/* =============================== End of Polices 2022 */



/* Theme customization by HH starts here */

/* Products in shop */
/* #Links
================================================== */

.dark_links a, .dark_links a h2, .dark_links a h3 {
		color: #caa449 !important;
	}


/* #Fonts
================================================= */


body {
    font-weight: 300;
    font-family: 'Roboto', Arial, Helvetica, sans serif;
}
h1, h2, h3, h4, h5, h6, .heading_font, .boc_heading {
    font-family: 'Roboto';
    font-weight: 300;
    text-transform: none;
    letter-spacing: -0.02em;
}

h1.boc_heading {
   font-weight: 300;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
color: #eb7b1c;
}

button {
	font-family: 'Roboto';
}

.button, a.button {
    font-weight: normal;
    font-family: 'Roboto' !important;
	letter-spacing: 1.04px;
}

.tp-caption.Fortuna_Huge_Title, .Fortuna_Huge_Title {
    font-family: 'Roboto';
}


/* #Style des textes soulignés
================================================= */
.dotted_divider  {
    padding-bottom: 10px;
    border-bottom: 2px dotted;
}

/* #Fonts in breadcrumbs
================================================= */
.breadcrumb_right span {
font-size: 16px;
}



/* # icons in main navbar submenus
 ====================================================== */

.home-link-icon-nativeskin i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/03/icon_nativeskin_20px.png);
   background-position: left;
   background-repeat: no-repeat;
}

.home-link-icon-frozenskin i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/03/icon_frozenskin_20px.png);
   background-position: left;
   background-repeat: no-repeat;
}

.home-link-icon-skintools i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/03/icon_skintools_20px.png);
   background-position: left;
   background-repeat: no-repeat;
}

.home-link-icon-inflamaskin i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/03/icon_inflamaskin_20px.png);
   background-position: left;
   background-repeat: no-repeat;
}

/*.home-link-icon-hyposkin i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/03/icon_adiposkin_20px.png);
   background-position: left !important;
   background-repeat: no-repeat !important;
}*/

i.home-link-icon-hyposkin {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/03/icon_adiposkin_20px.png);
   background-position: left !important;
   background-repeat: no-repeat !important;
}


.home-link-icon-histoskin i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/06/icon_histoskin_20px.png);
   background-position: left;
   background-repeat: no-repeat;
}

.home-link-icon-oncoskin i {
   padding-left: 30px !important;
   background-image: url(/wp-content/uploads/2016/08/icon_OncoSkin_white_20px.png);
   background-position: left;
   background-repeat: no-repeat;
}


.page_title_bgr .full_container_page_title {
    padding: 0px;
    background: transparent;
}

/* #Bouton contenu alignement gauche
================================================= */
.align_left_column {
    text-align: left;
}

/* #Espace left and right entre slides pour éviter les superpositions
================================================= */
.slider_item_padding {
    padding-left : 30px;
    padding-right : 30px;
}

/* #Tableaux des références
================================================= */
.genoskin_table {
	margin: 20px 0;
}
.genoskin_table th {
	border: 1px solid #e2e2e2;
	background-color: #f9f9f9;
	text-align: left;
	padding: 8px 14px;
	font-weight: 600;
}
.genoskin_table td {
	padding: 8px 14px;
	border: #e2e2e2 1px solid;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.genoskin_table tr.odd td {
	background: #f9f9f9;
}
.genoskin_table tr:hover td {
	background: rgba(8,173, 167, 0.07);
}
.genoskin_table td.b{
	font-weight: 600;
}


.team_image.boxed {
display: none;
}

/* # Position de l'icone scroll to top
 ====================================================== */
a#scroll-to-top {
		z-index: 1;
}

/* # style des titres des puces dans le header nativeskin
 ====================================================== */
.top_icon_box h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5em;
    padding-bottom: 2px;
    margin-bottom: 6px;
    position: relative;
    margin-top: -15px;
    /*background-color: #FFF;*/
}

.top_icon_box h3:hover {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5em;
    padding-bottom: 2px;
    margin-bottom: 6px;
    position: relative;
    /*background-color: #FFF;*/
}

/* # style des titres des puces dans le header nativeskin - no soulignement
 ====================================================== */
.top_icon_box h3:after {
    display: none;
}

/* # style des titres des puces dans le header nativeskin - taille des icônes
 ====================================================== */
.top_icon_box.type4 .icon_holder i {
    font-size: 46px;
    line-height: 80px;
    color: #08ada7;
}

.top_icon_box.type1 .icon_holder i {
    font-size: 36px;
    line-height: 90px;
}



#sticky_icons {
height: 290px;
padding-right: 20%;
padding-left: 20%;

}

/* # style des titres des puces dans le header nativeskin - taille des cercles icônes
 ====================================================== */
.top_icon_box.type4 .icon_holder .icon_bgr {
width: 80px;
height: 80px;
}

.top_icon_box.type1 .icon_holder .icon_bgr {
width: 70px;
height: 70px;
}

.icon_center {
margin-top: -11px;
}

/* # style des liens des puces dans le header nativeskin - taille des cercles icônes
 ====================================================== */

a._mPS2id-h:link {
    color: #FFF !important;
}

a._mPS2id-h:visited {
    color: #FFF !important;
}

a._mPS2id-h:hover {
    color: #eb7b1c !important;
}

a._mPS2id-h:active {
    color: #eb7b1c !important;
}

#scroll_menu a:link {
    color: #FFF !important;
}

#scroll_menu a:visited {
    color: #FFF !important;
}

/*#scroll_menu a:hover {
color: #eb7b1c !important;
}*/

/* Hauteur des call to action > no padding top */
.text_box.box_no_bgr {
    padding: 0;
}

/* # 404 page
 ====================================================== */

.warning_image {
padding-bottom: 50px;
}

.section_useful_links {
padding-top: 20px;
}

.warning_useful_links {
padding-bottom: 100px;

}

/* # Logo retina in transparent header
 ====================================================== */
.logo_img img {
max-width: 250px;
}

/* # Updates after migration
 ====================================================== */
#logo {
    overflow: visible;
}

/* ############### MAILCHIMP FOOTER ####################### */
label span,
legend span {
    color: #7B8887;
}

/* ############### POSTS ####################### */

/* Hide featured image in posts pages */
#post-26876 .pic, #post-26953 .pic, #post-26911 .pic, #post-27262 .pic, #post-27044 .pic, #post-27025 .pic, #post-27033 .pic, #post-26813 .pic, #post-27079 .pic {
visibility: hidden !important;
display: none !important;
}

a.shop-now-center {
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 55px !important;
  width: 100%;
  max-width: 220px;
}

a.product-pdf {
  padding: 3px 20px;
  font-size: 14px;
  border-radius: 3px;
  color: white !important;
  background-color: #eb7b1c;
  background-image: -o-linear-gradient(top, rgba(255,255,255,.08), rgba(0,0,0,.1)) !important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.08), rgba(0,0,0,.1)) !important;
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.08), rgba(0,0,0,.1)) !important;
  background-image: linear-gradient(top, rgba(255, 255, 255, .08), rgba(0, 0, 0,.1)) !important;
  font-weight: 600 !important;
  transition: all 0.1s linear;
}

a.product-pdf:hover {
  background-color: #333 !important;
  color: white !important;
}

/* Woocommerce customization */
/* Boutons de Woocommerce (pages MyAccount Orders et Quotes, etc...) */
.woocommerce-button {
  margin-right: 5px !important;
}

.woocommerce a.button {
  margin: 0 10px 0 0;
}

.woocommerce  .woo_content h3, .woocommerce  .woo_content h4 {
        font-family: inherit;
        font-size: 20px;
        font-weight: 300;
        color: #000032 !important;
}

/* Handling fees tooltip */
.tooltip{
  position: relative;
  display: inline-block;  
}
.tooltip .tooltip-text {
  font-weight: normal;
  visibility: hidden;
  width: 300px;
  background-color: #00447F;
  color: #fff;
  text-align: left;
  padding: 10px 10px 10px 20px;
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
}

.description {
  display: inline-block;
  line-height: 1.2em;
  font-size: 13px;
}


/* Woocommerce isotope products grid customization */
.woocommerce  .woo_content h3, .woocommerce .woo_content h4 {
        font-family: inherit;
        font-size: 20px;
        font-weight: 300;
}

.grid-item { 
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 40px;
    list-style-type: none;
}

@media only screen and (min-width: 769px) and (max-width: 1017px) {
    .grid-item { 
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 40px;
        list-style-type: none;
    }
}

@media only screen and (max-width: 768px) {
    .grid-item { 
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 40px;
        list-style-type: none;
    }
}

.grid {
    margin-left: -1%;
    margin-right: -1%;
}

a .img_overlay {
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        margin: 8px;
}

a:hover .pic img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
}

/* APRIL 2024  ########################################################## SHOP
================================================= */
/* ============ SHOP - Isotope filtering */
.filters-button-group .button-filter {
    outline: solid 1px #959cb1;
    border-radius: 0px;
    background-color: #ffffff;
    color: #000032;
	font-family: 'Roboto';
    font-weight: 400;
    margin-right: 8px;
}

.filters-button-group .button-filter:hover {
    outline: solid 1px #959cb1;
    border-radius: 0px;
    background-color: #c9d5ee;
    color: #000032;
	font-family: 'Roboto';
    font-weight: 400;
}

.filters-button-group .is-checked {
    outline: solid 1px #959cb1;
    border-radius: 0px;
    background-color: #ff5e82 !important;
    color: #ffffff;
	font-family: 'Roboto';
    font-weight: 400;
}

.grid-item .button { /* button "view details" */
    margin-top: 12px !important;
}

/*========= Facultatif ? ==== */
.woocommerce .woo_content h2 {
    font-family: 'Roboto';
    font-size: 23px;
    text-align: left;
    color: #000032;
    font-weight: 300;
    line-height: 1em;
    margin-top: 15px;
}

.price {
    color: #000032;
    font-size: 15px;
    font-weight: 400;
    margin: 6px 0px 2px 0px;
    text-align: left;
    display: block;
}

/*========= End of Facultatif ? ==== */
html {
    scroll-behavior: smooth;
}

.quicklinks {
    margin-right: 20px !important;
    margin-bottom: 10px !important;
}

.hidden {
    display: none !important;
}