/* código CSS especifico para FM*/

:root {

  --green-brand01-color: #309E96;
  --green-brand02-color: #65C8D0;
  --green-brand03-color: #2EEFD8;
  --green-brand04-color: #94FFED;

  --pink-brand01-color: #734C7C;
  --pink-brand02-color: #96759C;
  --pink-brand03-color: #C988D8;
  --pink-brand04-color: #DBB3E5;

  --blue-brand01-color: #171843;
  --blue-brand02-color: #1A1E6B;
  --blue-brand03-color: #2B48C1;
  --blue-brand04-color: #709CE8;

  --red-brand01-color: #DC3545;
  --red-brand02-color: #C82333;

  /* SPACES' COLORS*/
  --color-space-gratefulness: #ce5959;
  --color-space-self_acceptance: #ed7c31;
  --color-space-self_control: #f4bb3a;
  --color-space-self_care: #a6c84d;
  --color-space-autonomy: #18d17f;
  --color-space-perfectionism: #00c6ae;
  --color-space-relationships: #3facc9;
  --color-space-values: #378dc8;
  --color-space-trauma: #8c72dd;
  --color-space-depression: #604eaf;


  /* OBSOLETE: retirar do proj */
  --space01-color: #ce5959;
  --space02-color: #ed7c31;
  --space03-color: #f4bb3a;
  --space04-color: #a6c84d;
  --space05-color: #18d17f;
  --space06-color: #00c6ae;
  --space07-color: #3facc9;
  --space08-color: #378dc8;
  --space09-color: #8c72dd;
  --space10-color: #604eaf;

  /*  stores */
  /* OBSOLETE: retirar do proj */
  --store-color-violet: #cc66ff;
  --store-color-green: #ccff99;
  --store-color-orange: #eb9240;
  --store-color-yellow: #ffff66;
  --store-color-blue: #ddebf7;
  --store-color-pink: #e48aa3;
  --store-color-red: #d33c3c;
  --store-color-beige: #dfbe9d;
  --store-color-turquoise: #99ffcc;
  --store-color-lightbeige: #ffe699;

  /* OBSOLETE: retirar do proj */
  --dom1-color: #ce5959;
  --dom2-color: #ed7c31;
  --dom3-color: #f4bb3a;
  --dom4-color: #a6c84d;
  --dom5-color: #18d17f;
  --dom6-color: #00c6ae;
  --dom7-color: #66c8c9;
  --dom8-color: #378dc8;
  --dom9-color: #8c72dd;
  --dom10-color: #95729d;

  --text-color-pp-results: #212529;

  --mail-btn-color-a: #66c8c9;
  --mail-btn-color-b: #b4e1e1;

  /* Branding colors */
  --branding-color-A: #66c8c9;
  --branding-color-B: #171744;
  --branding-color-C: #95729d;

  /* shades */
  --branding-color-A-shade: #b4e1e1;
  --branding-color-B-shade: #716b86;
  --branding-color-C-shade: #c0aec9;


    /*NOTA: Cuidado ao mudar as cores. Muitas estão a ser usadas em views e em JS.
    Ao mudar o sistema de cores, não esquecer de verificar estes ficheiros */

    --warning-primary: #1CA766;
    --warning-bg: #FFFFFF;


    --fm-text-primary: black;
    

    --invisible: rgba(0, 0, 0, 0);

    /* Cores antigas*/

    --primary-color: #b4e1e1;
    --primary-background: #EAEBEC;
    --primary-highlight: #66c8c9;
    --primary-disabled: rgb(153, 153, 153);
    

    

    --light-background: #FFFFFF;

    --border-light: lightgray;

    --dark: #151b26;

    --primary-grayed: gray; /* secções "desligadas" */
    --light-grayed: lightgray; /* secções "desligadas" */

    /* glows */
    --glow-highlight: rgb(43, 192, 122);
    --glow-warning: rgb(255, 230, 0);
    --btn-color-warning: rgb(255, 193, 7);

    
    /* text */
    --disabled-text: #EAEBEC; /* Text de links que não dão para carregar (desativados)*/
    --active-text: #66c8c9; /* Cor de texto destacado */
                                /* Cor de links normais */
                                /* Cor de links com o rato por cima */
    --dark-text: #1d2022;
    --light-text: #FFFFFF;
    --dark-highlighted-text: #157A4B;

    /* icons */
    --topbar-icon: #66c8c9;

    /* buttons */
    /* button text */
    --btn-text-light: #FFFFFF;
    --btn-text-dark: #212529;
    --btn-text-primary: #66c8c9;

    /* button colors */
    --btn-color-primary: #171744;
    --btn-color-success: #157A4B;
    --btn-color-secondary: gray;


    --fm-intro-bg: #100d28;
    --fm-intro-text: white;

    --fm-white-text: white;

    /* disabled sections */
    --disabled-dark: gray;
    --disabled-light: lightgray;
    --forbidden: rgba(255, 0, 0, 0.5);
    --success: #66c8c9;
    --success-dark: #60b8b9;
    --failure:#A60067;
    --danger: rgb(197, 0, 0);
    --footer-bg: #181D28;

    --light-bg: #FFFFFF;
    --light-bg-B: #f8f9fa;
    --dark-bg: #151B26;

    --color-A: #66c8c9;
    --color-C: #95729d;


    /* tooltips */
    --tooltip-color: #171744;

    /* chat balloons */
    --balloon-patron-color: #C7F9E9;
    --balloon-pro-color: #D4D0DA;

}

  .text-primary {
    color: var(--active-text);
  }

  a.text-primary:hover,
  a.text-primary:focus {
    color: #171744;
  }

  .text-secondary[href]:hover {
    color: #66c8c9;
  }

  .gradient-overlay-half-dark-video-v1::before {
    z-index: 2;
    background-color: rgba(23, 0, 56, 0.8);
  }

  .gradient-overlay-half-purple-v1::before {
    background-image: linear-gradient(180deg, rgba(23, 0, 56, 0.35) 10%, #95729d 70%);
    background-repeat: repeat-x;
  }

  .gradient-overlay-half-purple-v2::before {
    background-image: linear-gradient(150deg, rgba(23, 0, 56, 0.9) 20%, #66c8c9 80%);
    background-repeat: repeat-x;
  }

  /* Labels have margins by default*/
.no-margins {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  padding-top:0;
  padding-bottom:0;
}

/* No-margins Class Rules */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}


/* BOOTSTRAP - THEME OVERRIDES ----------------------- */

.u-hamburger:hover .u-hamburger__inner, .u-hamburger:hover .u-hamburger__inner::before, .u-hamburger:hover .u-hamburger__inner::after {
  background-color: #66c8c9;
}

.valid-feedback {
  color: #66c8c9;
}

.valid-tooltip {
  background-color: #66c8c9;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #66c8c9;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #66c8c9;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #66c8c9;
}

.page-link:hover {
  color: #66c8c9;
}

.page-item.active .page-link {
  background-color: #66c8c9;
  border-color: #66c8c9;
}

.progress-bar {
  background-color: #66c8c9;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #66c8c9;
}

.list-group-item-action:active {
  color: #66c8c9;
}

.list-group-item.active {
  background-color: #66c8c9;
  border-color: #66c8c9;
}

.bg-primary {
  background-color: #66c8c9;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #b4e1e1;
}

/*------------------
  Highlight Color
------------------*/
::-moz-selection {
  background-color: #b4e1e1;
}

::selection {
  background-color: #b4e1e1;
}

.bg-primary ::-moz-selection {
  color: #b4e1e1;
}

.bg-primary ::selection {
  color: #b4e1e1;
}

/*  bg Stores */

.bg-affection {
  background-color: var(--store-color-violet);
}

.bg-acceptance {
  background-color: var(--store-color-green);
}

.bg-selfcontrol {
  background-color: var(--store-color-orange);
}

.bg-selfcare {
  background-color: var(--store-color-yellow);
}

.bg-autonomy {
  background-color: var(--store-color-blue);
}

.bg-perfectionism {
  background-color: var(--store-color-pink);
}

.bg-relationship {
  background-color: var(--store-color-red); 
}

.bg-personalvalues {
  background-color: #fff;
}

.bg-trauma {
  background-color: var(--store-color-beige); 
}

.bg-unhappiness {
  background-color: var(--store-color-turquoise);  
}

.bg-depression {
  background-color: var(--store-color-lightbeige); 
}

/*  Código copiado do template mdb/css/mdb.css para os cards das lojas*/
.view {
  position: relative;
  overflow: hidden;
  cursor: default; 
}

.view .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-attachment: fixed; 
}
.view img, .view video {
  position: relative;
  display: block; 
}
.view video.video-intro {
  z-index: -100;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: 1s opacity;
  -o-transition: 1s opacity;
  transition: 1s opacity;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; 
}

.overlay .mask {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}

.overlay .mask:hover {
  opacity: 1; 
}

.rgba-dark-strong,
.rgba-dark-strong:after {
  background-color: rgba(49, 49, 49, 0.8); 
}

.rgba-light-strong,
.rgba-light-strong:after {
  background-color: rgba(255, 255, 255, 0.8); 
}

.overlay .mask {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}

.overlay .mask:hover {
  opacity: 1; 
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; 
}
.flex-center p {
  margin: 0; 
}
.flex-center ul {
  text-align: center; 
}
.flex-center ul li {
  margin-bottom: 1rem; 
}
.flex-center ul li:last-of-type {
  margin-bottom: 0; 
}

/* Fim do template mdb */



a {
    color: #66c8c9;
}
  
a:hover {
    color: #716b86;
}

.u-go-to {
    background-color: #66c8c9;
}

.list-group-item-action {
    color: #171744;
  }
  
  .list-group-item-action:hover, .list-group-item-action:focus {
    color: #66c8c9;
  }
  
  .list-group-item-action:active {
    color: #66c8c9;
  }

  .card-frame.active, .card-frame:hover {
    border-color: #66c8c9;
  }
  
  .card-primary-frame.active, .card-primary-frame:hover {
    border-color: #66c8c9;
  }
  
  .card-secondary-frame.active, .card-secondary-frame:hover {
    border-color: #c0aec9;
  }

  
.btn-outline-primary {
    color: #171744;
    border-color: #716b86;
  }
  
  .btn-outline-primary:hover {
    background-color: #716b86;
    border-color: #716b86;
  }
  
  
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #716b86;
 
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
 
    background-color: #716b86;
    border-color: #716b86;
  }



.btn-primary {
    color: var(--btn-text-primary);
    background-color: var(--btn-color-primary);
    border-color: var(--btn-color-primary);
}

.btn-primary:hover {
    background-color: #66c8c9;
    border-color: #b4e1e1;
  }
  

  .btn-link {
    color: #66c8c9;
  }
  
  .btn-link:hover {
    color: #716b86;
  }

  .border-primary {
    border-color: #66c8c9;
  }

  .u-shopping-cart-step-form__item.active {
    border-bottom-color: #66c8c9;
  }
  
  .u-shopping-cart-step-form__item.active .u-shopping-cart-step-form__title,
  .u-shopping-cart-step-form__item.active .u-shopping-cart-step-form__subtitle {
    color: #66c8c9;
  }

  .u-shopping-cart-step-form__toggler.active, .u-shopping-cart-step-form__toggler:hover {
    color: #66c8c9;
    border-color: #66c8c9;
  }

  /*------------------
  Icon Default Styles
------------------*/
/* primary */
.u-icon-primary {
   
    background-color: #66c8c9;
    border-color: #66c8c9;
  }
  
  .u-icon-primary[href]:hover {
   
    background-color: #66c8c9;
    border-color: #66c8c9;
  }
  
  .u-icon-primary.disabled, .u-icon-primary:disabled {
    background-color: #66c8c9;
    border-color: #66c8c9;
  }
  

/* Nav Item */
.u-header__nav-item:hover .u-header__nav-link, .u-header__nav-item:focus .u-header__nav-link {
    color: #66c8c9;
  }

  .u-header .active > .u-header__nav-link {
    color: #66c8c9;
  }

/* Card Frame */
  
  .card-primary-frame.active, .card-primary-frame:hover {
    border-color: #66c8c9;
  }
  

.btn-success {
    color: var(--btn-text-light);
    background-color: var(--btn-color-success);
    border-color: var(--btn-color-success);
}

.btn-warning {
    background-color: var(--btn-color-warning);
    border-color: var(--btn-color-warning);
    font-weight: 500;
}

.badge-primary {
    color: var(--btn-text-primary);
    background-color: var(--btn-color-primary);
    border-color: var(--btn-color-primary);
    font-weight: normal;
    cursor: pointer;
}

.badge-secondary {
    color: var(--btn-text-light);
    background-color: var(--btn-color-secondary);
    border-color: var(--btn-color-secondary);
    font-weight: normal;
    cursor: pointer;
}

.badge-success {
    color: var(--btn-text-light);
    background-color: var(--btn-color-success);
    border-color: var(--btn-color-success);
    font-weight: normal;
    cursor: pointer;
}

 
 .bgbox-transp-0_4 {
    background-color: rgba(23, 0, 56, 0.4); /* Caixa transparente */
  }

  .bgbox-transp-0_0 {
    background-color: rgba(0, 0, 0, 0); /* Caixa transparente */
  }

  .bgbox-transp-0_7 {
    background-color: rgba(23, 0, 56, 0.7); /* Caixa pouco transparente */
  }

  .bgradient-transp-0_4 {
    background-color: rgba(23, 0, 56, 0.4); /* Caixa transparente */
  }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #66c8c9;
  } 

  .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #66c8c9;
  }

  .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #66c8c9;
  }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #66c8c9;
  }

  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #66c8c9;
  }

  .form-selector-modern__input:checked ~ .form-selector-modern__label {
    border-color: #66c8c9;
  }

  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #66c8c9;
  }

  .badge-primary {

    background-color: #171744;
  }
  
  .badge-primary[href]:hover, .badge-primary[href]:focus {
 
    background-color: #66c8c9;
  }
  
  .custom-range::-webkit-slider-thumb {

    background-color: #66c8c9;

  }

  .custom-range::-moz-range-thumb {
 
    background-color: #66c8c9;

  }

  .custom-range::-ms-thumb {

    background-color: #66c8c9;
 
  }

/* TEXT COLORED
------------------------*/
.fm-text-highlighted {
    color: var(--dark-highlighted-text);
}

/* GRAYED SECTIONS
ATENÇÃO: Tem de estar declarado depois da secção "Bootstrap Overrides" e da secção de "Simple Cards"
------------------------*/
.fm-grayed-text {
    color: var(--primary-grayed);
    cursor: default;
}

.fm-grayed-btn {
    background-color: var(--primary-grayed);
    color: var(--light-grayed);
    cursor: default;
}

.fm-grayed-card {
    border-color: var(--primary-grayed);
    color: var(--primary-grayed);
    cursor: default;
}
.fm-grayed-card:hover {
    border-color: var(--primary-grayed);
    color: var(--primary-grayed);
}
.fm-grayed-img {
    opacity: 0.5;
}

/* MESSAGE BOXES
------------------------*/
.fm-warning-msg {
    background-color: var(--warning-bg);
    color: var(--dark-text);
    width: 100%;
    margin: auto;
    border-color: var(--warning-primary);
    border-style: solid;
    border-radius: 5px;
    border-width: 2px;
    cursor: default;
}

/* CENTERS THE CONTENT VERTICALLY (on a col element only?)
----------------------- */
.fm-vcenter {
    display: flex;
    justify-content:center;
    flex-direction:column;
}

/* CENTERS ITSELF HORIZONTALLY
----------------------- */
.fm-hcentered {
    margin-left: auto;
    margin-right: auto;
}

/* TOPBAR ICONS
----------------------- */
.fm-topbar-icon {
    color: var(--topbar-icon);
    cursor: pointer;
}

/* -----------------------
  FORMULÁRIOS
----------------------- */
/* form field label
----------------------- */
.fm-form-label{
  width:100%;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
}


/* Parte Luisha:
----------------------- */


.bgbox-transp-0_4 {
    background-color: rgba(23, 0, 56, 0.4); /* Caixa transparente */
}

.bgbox-transp-0_7 {
    background-color: rgba(23, 0, 56, 0.7); /* Caixa pouco transparente */
}

.bgradient-transp-0_4 {
    background-color: rgba(23, 0, 56, 0.4); /* Caixa transparente */
}

/*------------------
  Stores Background Gradient  #171744
------------------*/
.gradient-half-affection {
  background-image: linear-gradient(var(--store-color-violet) 0%, #66c8c9 80%);
  background-repeat: repeat-x;
}

.gradient-half-acceptance {
  background-image: linear-gradient(var(--store-color-green) 0%, #95729d 60%);
  background-repeat: repeat-x;
}

.gradient-half-selfcontrol {
  background-image: linear-gradient(var(--store-color-orange) 0%, #66c8c9 40%);
  background-repeat: repeat-x;
}

.gradient-half-selfcare {
  background-image: linear-gradient(var(--store-color-yellow) 0%, #95729d 80%);
  background-repeat: repeat-x;
}

.gradient-half-autonomy {
  background-image: linear-gradient(var(--store-color-blue) 0%, #95729d 80%);
  background-repeat: repeat-x;
}

.gradient-half-perfectionism {
  background-image: linear-gradient(var(--store-color-pink) 0%, #95729d 80%);
  background-repeat: repeat-x;
}

.gradient-half-relationship {
  background-image: linear-gradient(var(--store-color-red) 0%, #c0aec9 40%);
  background-repeat: repeat-x;
}
.gradient-half-personalvalues {
  background-image: linear-gradient(var(--store-color-lightbeige) 0%, #95729d 80%);
  background-repeat: repeat-x;
}
.gradient-half-trauma {
  background-image: linear-gradient(var(--store-color-beige) 0%, #b4e1e1 80%);
  background-repeat: repeat-x;
}
.gradient-half-unhappiness {
  background-image: linear-gradient(var(--store-color-turquoise) 0%, #95729d 80%);
  background-repeat: repeat-x;
}
.gradient-half-depression {
  background-image: linear-gradient(var(--store-color-lightbeige) 0%, #b4e1e1 90%);
  background-repeat: repeat-x;
}






/*------------------
  Media Player
------------------*/
.u-media-player {
    color: var(--primary-color);
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}

.u-media-player__icon {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 3.75rem;
height: 3.75rem;
font-size: 0.8125rem;
}

.u-media-player__icon::before {
display: inline-block;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
border-radius: 50%;
transition: 0.4s;
}

.u-media-player__icon-inner {
color: var(--primary-highlight);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
margin-left: 0.125rem;
}

.u-media-player__icon-box-shadow::before {
box-shadow: 0 0 40px #e3e6f0;
}

.u-media-player:hover .u-media-player__icon::before {
-webkit-transform: scale(1.1);
        transform: scale(1.1);
}

/* Extra Large Size */
.u-media-player__icon-xl {
width: 6.25rem;
height: 6.25rem;
font-size: 1rem;
}

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

/* Anonyms pages specific CSS*/


/* Corrigir este código */


.serenity-bg{
    background: var(--primary-background) url('../../img/1920x1080/img-bg-000.jpg') no-repeat fixed center;
    background-size: cover;
}

body.primary{
    background-color: var(--primary-background);
}

header.primary-bg{
    position: relative;
    background-color: var(--primary-background);
    height:100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay_bg_video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--dark);
    opacity: 0.3;
    z-index: 1;
}


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

/*------------------
    Timeline override
------------------*/
    

.u-timeline__info, .u-timeline__spacer {
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) {
    .u-timeline__info, .u-timeline__spacer {
    width: 33%;
    }
}

.u-timeline__info::before, .u-timeline__content::before {
    position: absolute;
    top: .5rem;
    bottom: 0;
    left: 1.875rem;
    height: 100%;
    border-left: 3px dashed #66c8c9;
    content: "";
}

@media (min-width: 992px) {
    .u-timeline__info::before, .u-timeline__content::before {
    left: .9375rem;
    }
}
    
.u-timeline__info {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .u-timeline__info {
    padding-bottom: 0;
    }
    .u-timeline__info::before {
    display: none;
    }
}

textarea {
  resize: none;
}