/*
    Theme Name: Nicolas Theme
    Theme URI: https://balsastours.com
    Author: MiHost
    Author URI: http://mihost.com
    Version: 1.0
    Description: Plantilla para Expediciones las Balsas Tours.
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template, theme-options
    Template: aventura
*/

@import url("../aventura/style.css");


body#bd {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 1.6;
}


/* logo */
.tz-header {
    position: relative;
}

.tz-header .tz_logo {
    position: absolute;
}



.tz-tour-single .tz-tour-content .tab-content .tab-pane .tour-image-itinerary {
    width: 100%;
    float: right;
    border: 1px solid #ebebeb;
    padding: 5px;
    margin: 0 0 30px 30px;
}

.tz-tour-single .tz-tour-content .tab-content .tab-pane .content .tour-info.tour-has-image-itinerary {
    padding-right: 0;
    clear: both;
}

 
.icons-portada .icon {
    margin-bottom: 14px;
    margin-top: 10px;
}

.icons-portada .icon i {
    color: #cbd2b5;
    font-size: 60px;
}



.icons-portada .title {
    color: #7e7d48;
}

/*titulo post grid blog*/
.vc_gitem-post-data h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*titulo de paginas centradas*/
.tz-Breadcrumb .tzOverlayBreadcrumb h1 {
    text-align: center;
}

/* bloques contacto */
.tzElement_Services.bloque-contacto .icon i {
    font-size: 25px;
    color: #dc8051;
}

.tzElement_Services.bloque-contacto .icon {
    float: left;
}

.tzElement_Services.bloque-contacto .title {
    text-align: left;
    margin-left: 30px;
    margin-bottom: 1px;
}

.tzElement_Services.bloque-contacto  p {
    text-align: left;
    margin-left: 30px;
}



/*titulo blog en portada*/
.tzElement_Articles .Articles-top .Articles-Title {
    float: none;
    text-align: center;
}


/*Rde sociales footer*/
.tzwidget-social a {
    margin-right: 20px;
}

.tzwidget-social i {
    font-size: 40px;
    color: #57a5b5;
}


/* footer*/

.tz-footer {
    padding: 50px 0;
    min-height: 345px;
    background: #8c8787;
    font-size: 13px;
/*     background-image: url(images/2.jpg); */
	background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.1)), url("images/2.jpg"); /*Lo ideal es 0.5 en ambos , si quieres subir mas el tono del color negro 0.8 a ambos o masss, si pones arriba 0.1 y abajo 0.9 la parte de arriba se pone claro y parte baja oscurece y vicebersa*/
    background-size: cover;
    background-position: center;
}

.tz-footer .tz-footer-top .footerattr .widget.widget_text .textwidget p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
}

.tz-footer .tz-footer-top .footerattr .widget ul li a {
    color: #fff;
    text-decoration: none;
    font-family: "Montserrat";
    font-size: 16px;
    text-transform: uppercase;
}

.tz-footer .tz-footer-top .footerattr .widget h3.title-widget {
    font-family: "Montserrat";
    font-size: 24px;
    color: #518fb0;
    font-weight: 600;
}

.tz-footer .tz-footer-bottom {
    background: #254a26;
}
.tz-footer .tz-footer-bottom .tz-copyright {
	color: #fff;
}
/* widget contacto foooter*/
.tz-footer .tzElement_Services.bloque-contacto .title {
    color:#fff;
}

.tz-footer  .tzElement_Services {
    text-align: center;
    padding: 5px 0 5px;
}



/*buscador portada*/
.cf7mls_back.action-button {
    background: transparent;
    color: rgb(67, 46, 45);
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    font-weight: bold;
    margin: 16px 5px;
    padding: 10px 5px;
    min-width: 100px;
    position: relative;
    width: 60px;
    height: 60px;
}



.cf7mls_next.action-button {
    background: #ff1019;
    border: 0 none;
    border-radius: 1px;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 18px 5px 5px 20px;
    padding: 10px 5px 20px;
    min-width: 50px;
    position: relative;
    width: 60px;
    height: 60px;


}
.cf7mls_next.action-button i, .cf7mls_back.action-button i {
    font-size: 40px;
}



.busca-destino input[type=submit] {
    margin-top: 27px;
}


.busca-destino input.wpcf7-submit {
    background-color: rgb(255, 16, 25) !important;
    border-color: rgb(255, 16, 25);
}



/* selecione paquete portada*/

.select2-container .select2-selection--single {
    height: 43px !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px !important;
}

.seleccione-paquete h3 span {font-weight: 700;}
.seleccione-paquete input {
    position: relative;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 1);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 43px;
    line-height: 30px;
    padding: 6px 20px 7px;
    z-index: 999;
}


.seleccione-paquete input.wpcf7-submit  {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #ff1019 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    width: 100%;
    text-transform: uppercase;
    padding: 6px 11px 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    -moz-box-shadow: 0 0 1px transparent;
    -ms-box-shadow: 0 0 1px transparent;
    -o-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    position: relative;
    margin-top: 29px;
}




.seleccione-paquete inputX[type="date"] {
    position: relative;
    padding: 10px;
  }

  .seleccione-paquete input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
.seleccione-paquete input[type="date"]:after {
    font-family: 'FontAwesome';
    font-weight: 900; 
    font-size: 18px;
    content: '\f073';
    color: #999;
    padding: 0 5px;
}

/* change color of symbol on hover */
.seleccione-paquete input[type="date"]:hover:after {
    color: #bf1400;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
.seleccione-paquete input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
.seleccione-paquete input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 /* adjust clear button */
 .seleccione-paquete input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }



  
  
  .seleccione-paquete inputx [type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
  }




/* testimonailaes portada*/

.testimoniales .testimonial_rotator_wrap {
    background-color: rgba(67, 46, 45, 0.75);
    padding: 30px;
}

.testimoniales .testimonial_rotator_slide_title, .testimoniales .testimonial_rotator_quote {
color:#fff;

}

/* ###### TOURS ####### */

.tz-tour-single .tz-tour-content .tz-tour-booking .tz-tour-book-contact .tz-book-form .tz-contact-form form label {
    width: 100%;
}

.tz-tour-single .tz-tour-content .tab-content .tab-pane h3 {
    font-size: 26px;
    font-weight: 600;
    font-family: "Montserrat";
}

.tour_program_content  {
    margin-bottom: 25px;
}

 



.tz-contact-form input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
.tz-contact-form input[type="date"]:after {
    font-family: 'FontAwesome';
    font-weight: 900; 
    font-size: 18px;
    content: '\f073';
    color: #dc8051;
    padding: 0 5px;
}

/* change color of symbol on hover */
.tz-contact-form input[type="date"]:hover:after {
    color: #bf1400;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
.tz-contact-form input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
.tz-contact-form input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 /* adjust clear button */
 .tz-contact-form input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }


 .tz-tour-single .tz-tour-content .tz-tour-booking .tz-tour-book-contact .tz-book-form .tz-contact-form form input, .tz-tour-single .tz-tour-content .tz-tour-booking .tz-tour-book-contact .tz-book-form .tz-contact-form form select, .tz-tour-single .tz-tour-content .tz-tour-booking .tz-tour-book-contact .tz-book-form .tz-contact-form form textarea {
    font-size: 12px;
    color: #595959;
    width: 100%;
    display: block;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dc8051;
    
}
  
.tz-tour-book-contact .tz-book-form .tz-description {
    font-size: 15px;
    font-family: "Montserrat";
    font-weight: 500;
}

.tz-tour-single .tz-tour-content .tab-content .tab-pane .content .tour-info .tour-info-box .tour-info-column .tour-info-item {
    font-style: normal;
    color: #595959;
    font-weight: 400;
    font-size: 14px;
}

/*---------------------------------------------------------------------
        MOVILES
    -----------------------------------------------------------------------*/


/* #Tablet (Portrait)
Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {


}


/* #Mobile (Portrait) 
Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    .tz-header .tz_logo {
        position: relative;
    }

    .tz-header .tz_logo img {
        height: 60px;
        max-width: 100%;
    }

    /* hamburguesa*/
   .tz-header .tz_icon_menu {
    padding: 14px 10px 15px;
    margin-top: 18px;
    }
    /*buscador portada*/

    .seleccione-paquete input[type="date"] {
        display:block;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        min-height: 1.2em;
    }
	
}


/* #Mobile (Landscape) 
Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	


}