/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/*  Menu animated dash MENU PRINCIPAL*/

nav.main_menu ul li a span.underline_dash,
nav.vertical_menu ul li a span.underline_dash {
    bottom: -10%;
    text-decoration: none;
    display: inline-block;
    border-bottom: 0px solid transparent;    
    width: 0px;
    transition: 0.3s ease;
    white-space: nowrap;
    height: 1px;
}

nav.main_menu ul li:hover a span.underline_dash,
nav.main_menu ul li.active a span.underline_dash,
nav.vertical_menu ul li:hover a span.underline_dash,
nav.vertical_menu ul li.active a span.underline_dash {
  border-bottom: 1px #00e9ff;
  width: 100%;
}

/* Contact Form 7 */


.wpcf7 form.wpcf7-form p {
    font-family: "Khand" !important;
    font-size: 15px !important;
    font-weight: 500 !important;
	/*text-transform: uppercase !important;*/
    /*padding: 0 !important;*/
    /*margin-bottom: -10px !important;*/
}


/*    Menu Móvil    */

.mobile_menu_button span {
    font-size: 15px;
    color: #3f3f3f !important;
}


@media only screen and (max-width: 1000px){
.mobile_menu_button {
padding: 20px 0 0 0 !important;
height:20px !important;
}

.side_menu_button {
padding: 20px 0 0 0 !important;
height: 20px !important;
}

.logo_wrapper {
padding: 0 0 0 0 !important;
height: 0px !important;
}

.q_logo a, 
    .q_logo a img {
        height: 0px !important;
    }
}


/*Contenido Responsive WIDTH*/


@media only screen and (max-width: 1000px) {
  
     .container_inner {    
    width: 95% !important;
    margin: auto;
    }
}
  




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

input.wpcf7-form-control.wpcf7-submit {

background-color: transparent !important;
border-radius:0px;
padding: 0px !important;

}


input.wpcf7-form-control.wpcf7-submit:hover {

background-color: transparent !important;
border-radius:0px;
padding: 0px !important;

/*Contact Form 7 -Boton SEND-*/

}

input.wpcf7-form-control.wpcf7-submit {

background-color: transparent !important;
border-radius:0px;
padding: 0px !important;
	
}

/* Contact Form 7 -Thank you message styles- */

.wpcf7-response-output {
    position: relative;
    font-family: "Anaheim" !important;
    text-transform: lowercase !important;
    font-size: 20px !important;
    color: red;
    font-weight: 400 !important; 
    background-color:#00e9ff !important;
    border-radius:5px;
}


/*    BLOG MASONRY    */

/*Oculta caja de fondo y ajusta texto a caja */

.blog_holder.masonry article .post_text .post_text_inner, .blog_holder.masonry_full_width article .post_text .post_text_inner {
    padding: 17px 0px 18px; /*arriba, izq y der, abajo: 17px 15px 18px*/
    background-color: transparent !important;
}

.blog_holder.masonry:not(.blog_masonry_date_in_image) article:not(.format-quote):not(.format-link) .post_info, .blog_holder.masonry_full_width:not(.blog_masonry_date_in_image) article:not(.format-quote):not(.format-link) .post_info {
     padding: 0 !important;

}


.blog_holder.masonry article .post_info, .blog_holder.masonry_full_width article .post_info {
    
    /*margin: 0 0 0;*/
    font-family: "Khand";
    /*text-transform: uppercase !important;*/
    /*font-size: 20px !important;*/
    color: #3f3f3f;
    /*font-weight: 400 !important; */
}



/*				BLOG				*/

/*ocultar featured image*/

.single-post .blog_holder article .post_image {
    display: none !important;
}


/* Titulo del post */

/* Fecha antes del titulo*/




.blog_holder article .post_text h6 .date,
.blog_holder.blog_single article:not(.format-quote):not(.format-link) .post_info {
   text-transform:none;
   font-family: "Khand", sans-serif;
   font-size: 18px;
   font-weight: 400;
   letter-spacing: 0px;
   /*color: #3f3f3f;*/
   margin-top: 6px;
   margin-bottom: 24px;
}  



.blog_holder article .post_text h2 .date {
    color: #bababa;
}


/*
 
.blog_holder article .post_info a, .blog_holder article .post_text h2 {
    color: #3f3f3f;
} 
*/





/*SUBMIT*/

/*#submit_comment {
    text-decoration:none;
    position: relative;
}*/


#submit_comment {
    border-color: transparent !important;
    border-radius:0px;
    background-color: transparent !important;
    padding: 0 !important;
    margin-right: -5px !important;
    text-align: right !important;
}





*Ancho columnas Post Single */



/*Padding interior columnas  Post Single */

body.single .two_columns_75_25>.column1>.column_inner {
   padding-right: 0px;
}
body.single .two_columns_75_25>.column2>.column_inner {
   padding-left: 10%;
}



/*  Search Widget */

.widget #searchform {
  display: inline-block;
  width: 100%;
  margin: 45px 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
  background-color: #f7f8f9;
}

.widget.widget_search form input[type="text"],
.header_top #searchform input[type="text"] {
  display: inline-block;
  text-decoration: none;
  text-transform: none;
  border: 0;
  outline: 0px;
  background-color: transparent;
  font-family: 'Anaheim';
  font-size: 18px;
  /*color: #ebedef;*/
  margin: 0;
  padding: 2px 4%;
  width: 60%;
  height: 48px;
  float: left;
}



/*Zona de "comments" en el blog single*/

.comment_holder .comment_date { 
    font-family: "Khand";
    font-size: 16px !important;
    text-transform: uppercase;
    color: #3f3f3f !important;
    
}

.comment_holder .name {
   
    line-height: 12px !important;
}



/*

.comment {
    background-color: #fcfcfc !important;
    padding: 12px 0 0 0 !important;
}


.comment_holder .comment_number h5 { 
    font-size:;
    font-weight:;
}



.comment_holder .comment_date { 
    font-family: "Share";
    font-size: 16px !important;
    color: #3f3f3f !important;
}

.comment_pager{
margin: 0 0 0 0;
}

div.comment_form {
  display: inline-block;
  margin: 0 0 30px;
  width: 100%;
}


/* Reply */

.comment_holder .comment .text .comment-reply-link, .comment_holder .comment .text .replay {
    font-family: "Khand";
    color: #00e9ff !important;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 0 0 0 5px;
}



/*.comment .text_holder p {
    font-size: 18px !important;
    line-height: 24px !important;
}*/


p.logged-in-as{ 
    font-size: 16px;
    font-family: "Khand", sans-serif;
    color: #3f3f3f !important;
    padding: 30px 0 0 0;
    font-weight: 600 ;
}

/* Espacio debajo de POST A COMMENT*/

#respond small {
    display: block;
    margin: 0 0 -35px;
    position: relative;
}


/* Write your comment here...*/

#respond textarea, #respond input[type='text']{
    font-family: "Anaheim",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #969696;
}

#respond ::-webkit-input-placeholder{
    font-family: "Anaheim",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #969696;
}

#respond ::-moz-placeholder{
    font-family: "Anaheim",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #969696;
}

#respond ::-ms-placeholder{
    font-family: "Anaheim",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #969696;
}


/* Corta las frases largas como URLs gigantescos con la anchura de la columna*/

.single .blog_holder.blog_single a {
    word-wrap: break-word;
}


/* SIDEBAR */



/*PORTFOLIO SINGLE PROJECT
- - - - - - - - - - - - - - - - - - - - -*/

/* Single Portfolio Paragraph Style */

.single-portfolio_page .wpb_text_column p {
    font-family: Anaheim !important;
    font-size: 18px !important;
    /*margin: 0px;*/
    line-height: 24px !important;
    /*color: #3f3f3f;*/ 
}


/*  Flechitas Navigation Portfolio Single Project  */

.portfolio_navigation.navigation_title .post_info span.categories {
   color: #3f3f3f !important;
   text-transform: uppercase !important;
   font-family: "Khand" !important;
   font-size:16px !important;
   margin: 0 0 0 !important;
}




.portfolio_navigation.navigation_title {
    margin-top: 80px;
	margin-bottom: -20px;
    border-bottom: 1px solid #606060;
    border-top:1px solid #606060;
}


.portfolio_navigation .portfolio_prev ,  .portfolio_navigation .portfolio_next  {
    margin-top: -21px;
    
}



/* Flechitas Navigation Portfolio Single Project */

.portfolio_navigation .portfolio_prev a,  .portfolio_navigation .portfolio_next a {
    color: #3f3f3f !important;
    /*border: 0px;*/
    /*background-color: transparent !important;*/
}

.portfolio_navigation .portfolio_prev a:hover,  .portfolio_navigation .portfolio_next a:hover {
    color: #00e9ff !important;
    /*border: 0px;*/
    /*background-color: transparent !important;*/
}


/*Back to Portfolio custom*/

backto. {
   color: #3f3f3f !important;
   text-transform: uppercase !important;
   font-family: "Khand" !important;
   font-size:16px !important;
   margin: 0 0 0 !important;
}


/* FOOTER */


/*Fixed Footer
footer {

position: fixed;
bottom: 0;
}

*/

.footer_top{

padding: 32px 0 48px; /*72px 0px 52px*/
/*height: 200px;*/

}

.footer_top .footer_col3 {
    text-align: left;
    padding-top:20px;
}


/*.portfolio_slides li {
    width: 250px !important;
}

.portfolio_slides li:hover .image_pixel_hover {
    background-color: rgba (127, 228, 255, 0.5) !important;
}

*/














	/* RELATED PROJECTS -> SPACE BELOW TITLE <- */
.projects_holder_outer {
   margin-top: -30px !important;
    
}

	/* RELATED PROJECTS -> VIEW BUTTON  <- */
.projects_holder article span.text_holder {
    background-color: #000;
    background-color: rgba(0,233,255,0.8);
    bottom: 0;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    visibility: visible;
    overflow: hidden;
    width: 100%;
    z-index: 200;
}

	/* RELATED PROJECTS ->VIEW BUTTON style */
.qbutton.small {
    font-family: "Khand" !important;    
    font-weight: 700 !important;
    font-size: 16px !important;
}

.qode_portfolio_related .qbutton.white {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff;
}
	/* RELATED PROJECTS ->button hover colors */
.qode_portfolio_related .qbutton.white:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff;
}

	/* RELATED PROJECTS -> Tamaño caja con la descripcion debajo del thumbnail */
.portfolio_description {
    height: 40px !important;
    margin-top: 0px !important;
    
}
	/* RELATED PROJECTS -> Espacio alrededor de caja Related projects... */
.qode_portfolio_related {
    padding-top: -100px !important;
    padding-bottom: 0px !important;
}


	/* RELATED PROJECTS -> fondo caja descripcion transparente y alineado a la izquierda */
.projects_holder article .portfolio_description {
    
    /*padding-left: 10px !important;*/
    margin: 0 !important;
    text-align: left;
    background-color: transparent !important;
        
}

	/* RELATED PROJECTS -> titulo del proyecto */
.qode_portfolio_related article .portfolio_description h5.portfolio_title a {
    font-family: "Khand" !important;    
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #3f3f3f !important; /* initial color */
      
    
}
.qode_portfolio_related article .portfolio_description h5.portfolio_title a:hover {
    color: #00e9ff !important;  /* hover color */
}

	/* RELATED PROJECTS -> categorias del proyecto */
.qode_portfolio_related .projects_holder article .portfolio_description .project_category {
    font-family: "Khand" !important;
    font-size: 16px !important;
    color: #3f3f3f !important;
    line-height: 5px;
    text-transform: uppercase;
    font-weight: 400;
}


/* Related Projects PORTFOLIO 	*/
.qode_portfolio_related h4 {
	font-family: Anaheim !important;
	text-transform: uppercase !important;
    font-size: 24px !important;
	margin-bottom: 18px;
    /*line-height: 24px !important;*/
    /*color: #3f3f3f;*/ 
	
}