/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
body {
    background-color: #f7f9f9;
    font-family: Montserrat,sans-serif;
}

.navbar-nav .nav-link {
    font-size: 1.4rem;
}

.page-header {
    position: relative;
    min-height: 460px;
    background: url('images/header-banner.jpg') no-repeat center;
    background-size: cover;
}

.page-header-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-title {
    line-height: 1;
}

.split-layout-img-1,
.split-layout-img-2 {
    overflow: hidden;
    height: 80vw;
}

.split-layout-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1px);
    height: 100%;
}

.split-layout-img-1 .split-layout-inner {
    background: url('images/split-layout-01.jpg') no-repeat center;
    background-size: cover;
}

.split-layout-img-2 .split-layout-inner {
    background: url('images/split-layout-02.jpg') no-repeat center;
    background-size: cover;
}

.section-subscribe {
    min-height: 400px;
    background: url('images/subscribe-section-bg.jpg') no-repeat center;
    background-size: cover;
}

.card-blog-entry .card-title a:hover,
.meta-entry a:hover,
.meta-item a:hover {
    color: inherit;
}

.card-blog-entry.bg-viridian-500 .card-title a:hover,
.meta-entry.meta-entry-light-1 a:hover {
    color: #fff;
}

.bottom-section {
    background: url('/themes/survey/great-uji/images/bottom-section-bg.jpg') no-repeat center;
    background-size: cover;
}

@media (max-width: 767px) {
    .banner-title,
    .banner-title + .lead {
        color: #fff !important;
    }
}

@media (min-width: 768px) {
    .page-header {
        min-height: 520px;
    }
    .page-header-inner .lead {
        letter-spacing: 0.1875rem;
    }
    .split-layout-img-1,
    .split-layout-img-2 {
        height: 60vw;
    }
}

@media (min-width: 992px) {
    .split-layout-img-1,
    .split-layout-img-2 {
        height: inherit;
    }
    .bottom-section .btn {
        margin-top: 0.1875rem;
    }
}

@media (min-width: 1200px) {
    .page-header {
        min-height: 700px;
    }
    .page-header-inner .lead {
        letter-spacing: 0.53125rem;
    }
    .split-layout-img-1,
    .split-layout-img-2 {
        height: 40vw;
    }
    .section-subscribe {
        min-height: 450px;
    }
}
body {
    padding-top: 0px;
}
.navbar-brand {
    height: none;
    min-height: 100px;
    padding: 0px;
}
.btn>i {
    font-size: 1.6rem;
}
.btn {
    line-height: 2;
    padding: 8px 12px;
}
.fa, .fab, .fal, .far, .fas {
    line-height: 0;
}
.carousel-item {
    position: relative;
    min-height: 460px;
}

.carousel-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carousel-item:nth-child(1) {
    background: url('../images/carrusel/great-slide-01.jpg') no-repeat center;
    background-size: cover;
}

.carousel-item:nth-child(2) {
    background: url('../images/carrusel/great-slide-02.jpg') no-repeat center;
    background-size: cover;
}

.carousel-item:nth-child(3) {
    background: url('../images/carrusel/great-slide-03.jpg') no-repeat center;
    background-size: cover;
}

.banner-blockquote.blockquote-2.blockquote-light-2 {
    border-color: rgba(255,255,255,0.75)!important;
}

.divider-4::before {
    background-color: #f1c40f;
}

.contact-section .divider-4::before {
    background-color: #fff;
}

.top-call-action {
    z-index: 1;
    background: url('images/top-call-action-bg.jpg') no-repeat center;
    background-size: cover;
}

.projects-section {
    position: relative;
}

.projects-section::after {
    position: absolute;
    content: "";
    z-index: -1;
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('images/projects-section-bg.jpg') no-repeat center;
    background-size: cover;
}

.count-items-section {
    background: url('images/count-items-bg.jpg') no-repeat center;
    background-size: cover;
}

.card-title a:hover,
.meta-item a:hover {
    color: #f1c40f;
}

textarea.form-control {
    min-height: 11.25rem;
}

.contact-section {
    background: url('images/contact-bg.jpg') no-repeat center;
    background-size: cover;
}

@media (max-width: 767px) {
    .carousel-item .lead {
        font-size: 0.875rem;
    }
}

@media (min-width: 768px) {
    .carousel-item {
        min-height: 520px;
    }
}

@media (min-width: 992px) {
    .carousel-item:nth-child(2) .lead,
    .carousel-item:nth-child(3) .lead {
        letter-spacing: 1px;
    }
}

@media (min-width: 1200px) {
    .carousel-item {
        min-height: 640px;
    }
    .projects-section::after {
        background-attachment: fixed;
    }
}
.navbar {
    margin-bottom: 0px;
}
//
// Headings
//

h1,
.h1 { font-size: $h1-font-size-sm;    font-family: Montserrat,sans-serif;
 }
h2,
.h2 { font-size: $h2-font-size-sm;    font-family: Montserrat,sans-serif;
 }
h3,
.h3 { font-size: $h3-font-size-sm;    font-family: Montserrat,sans-serif;
 }
h4,
.h4 { font-size: $h4-font-size-sm;    font-family: Montserrat,sans-serif;
 }
h5,
.h5 { font-size: $h5-font-size-sm;    font-family: Montserrat,sans-serif;
 }
h6,
.h6 { font-size: $h6-font-size-sm;    font-family: Montserrat,sans-serif;
 }

@include media-breakpoint-up(md) {
  h1,
  .h1 { font-size: $h1-font-size;    font-family: Montserrat,sans-serif;
 }
  h2,
  .h2 { font-size: $h2-font-size;    font-family: Montserrat,sans-serif;
 }
  h3,
  .h3 { font-size: $h3-font-size;    font-family: Montserrat,sans-serif;
 }
  h4,
  .h4 { font-size: $h4-font-size;    font-family: Montserrat,sans-serif;
 }
  h5,
  .h5 { font-size: $h5-font-size;    font-family: Montserrat,sans-serif;
 }
  h6,
  .h6 { font-size: $h6-font-size;     font-family: Montserrat,sans-serif;
}
}

// Type display classes
.display-1 {
  font-size: $display1-size-xs;
      font-family: Montserrat,sans-serif;

}
.display-2 {
  font-size: $display2-size-xs;
      font-family: Montserrat,sans-serif;

}
.display-3 {
    font-size: 6.5rem;
      font-family: Montserrat,sans-serif;

}
.display-4 {
  font-size: $display4-size-xs;
      font-family: Montserrat,sans-serif;

}
@include media-breakpoint-up(md) {
  .display-1 {
    font-size: $display1-size-md;
        font-family: Montserrat,sans-serif;

  }
  .display-2 {
    font-size: $display2-size-md;
        font-family: Montserrat,sans-serif;

  }
  .display-3 {
    font-size: $display3-size-md;
        font-family: Montserrat,sans-serif;

  }
  .display-4 {
    font-size: $display4-size-md;
        font-family: Montserrat,sans-serif;

  }
}
@include media-breakpoint-up(xl) {
  .display-1 {
    font-size: $display1-size-xl;
        font-family: Montserrat,sans-serif;

  }
  .display-2 {
    font-size: $display2-size-xl;
        font-family: Montserrat,sans-serif;

  }
  .display-3 {
    font-size:$display3-size-xl;
    font-family: Montserrat,sans-serif;

  }
  .display-4 {
    font-size: $display4-size-xl;
        font-family: Montserrat,sans-serif;

  }
}

//
// Blockquotes
//

.blockquote {
  margin-bottom: ($spacer * 2);
  font-size: $blockquote-font-size;
  font-style: italic;
  font-weight: $font-weight-500;
  line-height: $blockquote-line-height;
  color: $blockquote-color;
}
.blockquote-footer {
  margin-top: $blockquote-footer-margin;
  font-size: $blockquote-footer-font-size;
  font-style: normal;
  font-weight: $font-weight-base;

  &::before {
    position: relative;
    top: -4px;
    display: inline-block;
    width: 12px;
    height: 1px;
    margin-right: $blockquote-footer-margin;
    content: "";
    background-color: lighten($blockquote-color, 60%);
  }
}
.blockquote-light-1 {
  color: $white;

  .blockquote-footer {
    color: $white-50;

    &::before {
      background-color: $white-50;
    }
  }
}
.blockquote-light-2 {
  color: $white;

  .blockquote-footer {
    color: $white-75;

    &::before {
      background-color: $white-75;
    }
  }

  &.blockquote-3 {
    /* stylelint-disable-next-line declaration-no-important */
    border-color: $white !important;
  }
}
.blockquote-2 {
  @extend .blockquote;
  padding: .1875rem 1.5625rem .375rem;
  /* stylelint-disable declaration-no-important */
  border-color: rgba($black, .07) !important;
  border-width: ($border-width + 4) !important;

  &.blockquote-light-1 {
    border-color: rgba($white, .16) !important;
  }

  &.blockquote-light-2 {
    border-color: rgba($white, .5) !important;
  }
  /* stylelint-enable */
}
.blockquote-3 {
  @extend .blockquote;
  padding: 1.437rem 1.5625rem 1.625rem;
  background-color: $white;
  /* stylelint-disable */
  border-color: $main-color !important;
  border-width: ($border-width + 4) !important;
  /* stylelint-enable */

  &.blockquote-light-1,
  &.blockquote-light-2 {
    background-color: lighten($black, 6.5%);

    .blockquote-footer {
      color: $white-50;

      &::before {
        background-color: $white-50;
      }
    }
  }
}
// Font weight extended

@each $font-weight, $value in $font-weight {
  .font-weight-#{$font-weight} {
    /* stylelint-disable-next-line declaration-no-important */
    font-weight: #{$value} !important;
  }
}

// Contextual colors

/* stylelint-disable declaration-no-important */
.text-black-25 { color: $black-25 !important; }
.text-black-75 { color: $black-75 !important; }
.text-white-25 { color: $white-25 !important; }
.text-white-75 { color: $white-75 !important; }
/* stylelint-enable */
.bg-light {
    background-color: #f1f1f1!important;
}
.navbar-nav > ul {
    float: right;
}
.progress-label {
    font-size: 1.35rem;
    font-weight: 800;
}
.btn-group-lg>.btn-round.btn, .btn-round.btn-lg {
    border-radius: 2.6875rem;
}
.btn-group-lg>.btn, .btn-lg {
    border-radius: 2.6875rem;

}
yesno-button, .gender-button {
    width: 100%;
}
label {
    font-size: 1.55rem;
    margin-top: 15px;
}
.progress {
    background-color: #dddddd;
}
.badge-danger {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
}
.badge-warning {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
}
.badge-success {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
}

.dropdown-toggle-acordeon {
    width: auto;
    height: auto;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
    line-height: 1;
    vertical-align: initial;
    border: none;
    content: "\f0d7";
}
.split-layout-img-1 .split-layout-inner {
    background: url(/themes/survey/great-uji//images/split-layout-01.jpg) no-repeat center;
    background-size: cover;
}
.split-layout-img-2 .split-layout-inner {
    background: url(/themes/survey/great-uji//images/split-layout-02.jpg) no-repeat center;
    background-size: cover;
}
.well {
    border-radius: 0px;
}
  
[data-number='1'] {
    text-align: left;
}
.resultats-area { min-height:80px;height:auto; }
.resultats-preg { min-height:90px;height:auto; }
.accordion-title {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 1.575rem;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}
.flecha-acordeon {
    margin: 14px;
}
.navbar-nav {
    float: right;
}
.navbar-brand {
    float: left;
}

.row:before, .row:after {width:0px; height:0px;}