/* Frontend */
@charset "UTF-8";

#nav-igaru ul a,
#nav-igaru .brand-logo {
   color: #444;
}

@media only screen and (max-width: 601px) {
   
   #nav-igaru .nav-wrapper .nav-top {
      overflow: hidden;
   }

}

@media only screen and (max-width: 992px) {
   
   #navbar-fixed-igaru {
      height: 114px; /* 50 (nav-top) + 64 (nav-bottom) */
   }

   #nav-igaru, #nav-igaru .nav-wrapper i, #nav-igaru a.sidenav-trigger, #nav-igaru a.sidenav-trigger i {
      height: 114px; /* 50 (nav-top) + 64 (nav-bottom) */
      line-height: unset;
   }

   #nav-igaru .nav-wrapper .nav-top, #nav-igaru .nav-wrapper .nav-top i {
      height: 50px; /* 50 (nav-top) + 64 (nav-bottom) */
      line-height: 50px;
   }

   #nav-igaru .nav-wrapper .nav-top ul a {
      color: #fff;
      padding: 0 10px;
   }

   #nav-igaru .nav-wrapper .nav-bottom, #nav-igaru .nav-wrapper .nav-bottom i {
      height: 64px;
      line-height: 64px;
   }

}

@media only screen and (min-width: 993px) {

   #index-banner h1.header {
      margin-top: 10%;
   }
   
   #navbar-fixed-igaru {
      height: 180px; /* 50 (nav-top) + 130 (nav-bottom) */
   }

   #nav-igaru {
      height: 180px; /* 50 (nav-top) + 130 (nav-bottom) */
      line-height: unset;
   }

   #nav-igaru .nav-wrapper .nav-top, #nav-igaru .nav-wrapper .nav-top i {
      height: 50px;
      line-height: 50px;
   }

   #nav-igaru .nav-wrapper .nav-top ul a {
      color: #fff;
      padding: 0 10px;
   }

   #nav-igaru .nav-wrapper .nav-bottom, #nav-igaru .nav-wrapper .nav-bottom i {
      height: 130px;
      line-height: 64px;
   }

   #nav-igaru .nav-wrapper .nav-bottom ul {
      margin-top: 1px;
   }

}

@media only screen and (min-width: 1381px) {
   #nav-igaru .nav-wrapper .nav-bottom ul {
      margin-top: 20px;
   }
}

@media only screen and (max-width: 1380px) {
   #nav-igaru .nav-wrapper .nav-bottom ul {
      width: 60%;
   }
} 

.sidenav-trigger {
   color: #3f51b5;
}

.parallax-container {
   min-height: 380px;
   line-height: 0;
   height: auto;
   color: rgba(255, 255, 255, .9);
}

.parallax-container .section {
   width: 100%;
}

footer.page-footer {
   margin: 0;
}

/*
* Sidebar
*/

ul.sidenav li a {
   /* font-size: 13px;
   line-height: 44px;
   height: 44px; */
   padding: 0 30px;
}

ul.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
   padding: 0 37.5px 0 40px;
}

ul.sidenav ul.collapsible-accordion a.collapsible-header {
   padding: 0 30px;
}


/*
* Dropdown
*/

.dropdown-content li>a,
.dropdown-content li>span {
   color: #3f51b5;
}


/*
* Collapsible active.
*/

.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a {
   color: rgba(0, 0, 0, 0.87);
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active,
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active {
   background-color: rgba(0, 0, 0, 0.05);
}

/* datepicker */

.datepicker-calendar button:focus {
   outline: none;
   background-color: #008bd2;
}

.datepicker-date-display {
   background-color: #008bd2;
}

.datepicker-table td.is-today {
   color: #004669;
}

.datepicker-table td.is-selected {
   background-color: #008bd2;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
   color: #008bd2;
}

.datepicker-day-button:focus {
   background-color: rgba(0, 139, 210, 0.25);
}

/* timepicker */

.timepicker-digital-display {
   background-color: #008bd2;
}

.timepicker-canvas line {
   stroke: #008bd2;
   stroke-width: 4;
   stroke-linecap: round;
}

.timepicker-canvas-bearing {
   stroke: none;
   fill: #008bd2;
}

.timepicker-canvas-bg {
   stroke: none;
   fill: #008bd2;
}

.timepicker-close {
   color: #008bd2;
}

.timepicker-tick.active,
.timepicker-tick:hover {
   background-color: rgba(0, 139, 210, 0.25);
}

.progress {
   background-color: #bebfca
}

.progress .determinate {
   background-color: #008bd2;
}

.pagination li.active {
   background-color: #008bd2 !important;
}


p {
   line-height: 2rem;
}


/* Home banner */

#index-banner {
   min-height: 680px;
   /* line-height: 0;
   height: auto;
   color: rgba(255, 255, 255, .9); */
}

#index-banner .parallax img {
   bottom: 10%;
}

#frm-chk-avai-wrapper {
   position: relative;
   top: -100px;
   /* background-color:rgba(255, 255, 255, 0.5); */
}

#frm-chk-avai-wrapper .btn {
   width: 100%;
}

/* Home Campers wrapper */

#motorhomes-list .disabled .card-image img {
   filter: grayscale(100%);
}

#motorhomes-list .disabled .card-image span {
   width: 100%; position: absolute; bottom: 30%; font-size: 3.5em; text-align: center; color: #fff; transform: rotate(-30deg);
}

/* .icon-block {
   padding: 0 15px;
}

.icon-block .material-icons {
   font-size: inherit;
} */

.promo-example {
   overflow: hidden;
}

.promo {
   width: 100%;
}

.promo i {
   margin: 40px 0;
   color: #008bd2;
   font-size: 7rem;
   display: block;
}

.promo-caption {
   font-size: 1.7rem;
   font-weight: 500;
   margin-top: 5px;
   margin-bottom: 0;
}

/*
* Genéricos.
*/

.mtop10px {
   margin-top: 10px;
}

.mtop20px {
   margin-top: 20px;
}

.mbottom10px {
   margin-bottom: 10px;
}

.clearfix {
   clear: both;
}

.text-weight-bold {
   font-weight: bold;
}

/* #444 */

.bg-444 {
   background-color: #444;
}

.color-444-text {
color: #444;
}

/* #dbdad9 */

.bg-dbdad9 {
   background-color: #dbdad9;
}

.color-dbdad9-text {
   color: #dbdad9;
}

/* Text align justify  */

.justify-align {
   text-align: justify;
}

/* Azul sabinar */

.sabinar-blue {
   background-color: #031F73;
}

.sabinar-blue-text {
   color: #031F73 !important;
}

/* Gris */

.principal-grey {
   background-color: #646572 !important;
}

.principal-grey-text {
   color: #646572 !important;
}

/* Azul */

.principal-blue {
   background-color: #008bd2 !important;
}

.principal-blue-text {
   color: #008bd2 !important;
}

/* #dbdad9 */

.waves-effect.waves-sabinar .waves-ripple {
   /* The alpha value allows the text and background color
of the button to still show through. */
   background-color: rgba(3, 31, 115, 0.65);
}

#wrapper-precio {
   background-color: #EFEFF1;
}

.line-through-text {
   text-decoration: line-through;
}

.underline-text {
   text-decoration: underline;
}


.waves-effect.waves-igaru .waves-ripple {
   background-color: #008bd2
}

/* Mapa */

.map {
   height: 500px;
   width: 100%;
}


/* custom icons */

.header-ico {
   margin: 0 0 32px 0;
   padding: 0
}

.bat-type-box {
   background-color: #008bd2 !important;
   width: 100%;
   /* height: 80px; */
   /* margin: 20px auto; */
   /* padding-top: 20px; */
   padding: 5px;
   text-align: center;
}

.bat-type-box a {
   color: #fff;
   font-size: 1.3em;
   display: block;
}

#calendar table {
   width: auto !important;
}
