/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: bridge
Template: bridge
*/

/*Ajustar a dimensão do tema */
@media only screen and (max-width: 1200px) {
    .boxed div.section .section_inner, .carousel-inner 
    .slider_content_outer, .container_inner, 
    .container_inner nav.content_menu, .elementor-container 
    .elementor-widget-wrap>.qode_elementor_container_inner, 
    .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, 
    .footer_bottom_border.in_grid, .footer_top_border.in_grid, 
    .full_width .parallax_content, .qode_elementor_container_inner, 
    .steps_holder_inner, .title_border_in_grid_holder, div.grid_section 
    .section_inner, div[data-element_type=container].qode_elementor_container_inner, 
    nav.content_menu ul {
        width: 85%;
    }
}

@media only screen and (max-width: 1000px) {
    .boxed div.section .section_inner, .carousel-inner 
    .slider_content_outer, .container_inner, 
    .container_inner nav.content_menu, .elementor-container 
    .elementor-widget-wrap>.qode_elementor_container_inner, 
    .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, 
    .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width 
    .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, 
    .title_border_in_grid_holder, div.grid_section .section_inner, 
    div[data-element_type=container].qode_elementor_container_inner, 
    nav.content_menu ul {
        width: 85%;
    }
}

@media only screen and (max-width: 768px) {
    .boxed div.section .section_inner, .carousel-inner 
    .slider_content_outer, .container_inner, .container_inner 
    nav.content_menu, .elementor-container 
    .elementor-widget-wrap>.qode_elementor_container_inner, 
    .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, 
    .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width 
    .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, 
    .title_border_in_grid_holder, div.grid_section .section_inner, 
    div[data-element_type=container].qode_elementor_container_inner, 
    nav.content_menu ul {
        width: 85%;
    }
}

@media only screen and (max-width: 480px) {
    .boxed div.section .section_inner, .carousel-inner .slider_content_outer, 
    .container_inner, .container_inner nav.content_menu, 
    .elementor-container .elementor-widget-wrap>.qode_elementor_container_inner, 
    .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, 
    .full_width .parallax_content, .qode_elementor_container_inner, 
    .steps_holder_inner, div.grid_section .section_inner, 
    div[data-element_type=container].qode_elementor_container_inner, 
    nav.content_menu ul {
        width: 80%;
    }
}


@media only screen and (max-width: 350px) {
    .boxed div.section .section_inner, .carousel-inner 
    .slider_content_outer, .container_inner, .elementor-container 
    .elementor-widget-wrap>.qode_elementor_container_inner, 
    .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, 
    .full_width .parallax_content, .qode_elementor_container_inner, 
    .steps_holder_inner, body.boxed .carousel-inner, body.boxed 
    .full_width .parallax_content, body.boxed .header_inner, body.boxed 
    .wrapper_inner, body.boxed footer, div.grid_section .section_inner, 
    div[data-element_type=container].qode_elementor_container_inner, 
    nav.content_menu {
        width: 85%;
    }
}

/**************** MENU NAVEGAÇÂO MAIN **********************/

li#nav-menu-item-24 span:first-of-type{
background-color: orange;
    padding: 10px 20px;
    border-radius: 20px;
}

li#nav-menu-item-24 a:hover span {
    background: white;
}
/**************** 3 Icones *********************************/
.iconografia img{
    width: 80px;
}
.iconografia h6{
font-size: 10px;
}

@media screen and (max-width: 768px){
.iconografia .full_section_inner.clearfix {
    display: flex;
}
}

@media screen and (max-width: 480px){
.iconografia img {
    width: 60px!important;
    max-width: none;
}
.iconografia .wpb_column.vc_column_container.vc_col-sm-3 {
    width: 50%;
}
   .iconografia .full_section_inner.clearfix {
    display: flex;
    flex-wrap: wrap;
}
}

/**************** Colunas divididas igual,em 1/2 + 1/2******/

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

    .uni_gap.wpb_column.vc_column_container {
    margin-left: -20px;
}
.magic_01 .section_inner_margin.clearfix {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

/* FIRST card = 1/2 */
.magic_01 .vc_column_container.uni_gap {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

/* SECOND card = 1/2 */
.magic_01 .vc_column_container.duble_gap {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}
}
/*border-radius nos cards*/
.magic_01 .vc_column_container .vc_column-inner {
    border-radius: 20px;
}


/*igual altura nas duas*/
.duble_gap{
    display: flex;
}
#uni_id.wpb_column.vc_column_container {
    background-color: #41502a;
    border-radius: 20px;
}

/* esconder a imagem */
.uni_gap, .duble_gap{
    overflow: hidden;
}
.uni_gap img {
    max-width: none;
}
.duble_gap img{
    max-width: none;
}
@media screen and (min-width: 768px){
    .duble_gap img {
        margin-left: -27px;
    }
}
@media screen and (max-width: 767px){
    .duble_gap img {
        margin-right: -15px;
    }
}
/*limitar p do miudo preto*/
.texto_limite p {
    max-width: 200px;
}
/* Responsive na coluna uni_gap*/
@media screen and (max-width: 500px){
.uni_gap{
    margin-bottom: 20px;
}
}
.uni_gap.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
    background-color: #667e95;
    border-radius: 20px;
}
/**************** Colunas divididas em 3 ****************/

.magic .vc_general.vc_parallax.vc_parallax-content-moving {
    border-radius: 20px;
}

.primera_gap.wpb_column.vc_column_container {
    margin-left: -20px;
}

@media screen and (min-width: 769px){
.magic .section_inner_margin.clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.magic .vc_column_container {
    flex: 0 0 calc((100% - 40px) / 3); /* 3 columns, 2 gaps */
    max-width: calc((100% - 40px) / 3);
    padding: 0;
    margin: 0;
}
}

@media screen and (max-width: 768px) {
    .magic .section_inner_margin.clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
  .magic .vc_column_container {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

@media screen and (max-width: 500px) {
    .magic .section_inner_margin.clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
  .magic .vc_column_container {
    flex: 0 0 100%;
  }
}


/*border-radius nos cards*/
.magic .vc_column_container .vc_column-inner {
    border-radius: 20px;
}
/* dar margin bottom no responsive*/
@media screen and (min-width: 500px) and (max-width: 768px){
.magic {
    margin-bottom: 20px!important;
}
}

/***********  2 col 2/3  +1/3 igual altura e reverse order no responsive *****/

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

.magic_5 .section_inner_margin.clearfix {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

/* FIRST card = 2/3 */
.magic_5 .vc_column_container.primeiracol {
    flex: 0 0 calc(66.666% - 10px);
    max-width: calc(66.666% - 10px);
}

/* SECOND card = 1/3 */
.magic_5 .vc_column_container.segundacol {
    flex: 0 0 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
}
.primeiracol.wpb_column.vc_column_container {
    margin-left: -20px;
    }
}

/*igualar a altura das duas colunas*/
@media screen and (min-width: 768px){
    .magic_5 .segundacol{
        display: flex;
    }
}
/*
@media screen and (min-width: 569px) and (max-width: 768px){
      .magic_5 .full_section_inner.clearfix{
    display: flex !important;
}
}*/
/* igualei as alturas com o javascript agora é só dar flex a segundacol*/
@media screen and (max-width: 768px){
.segundacol.wpb_column.vc_column_container{
    display: flex!important;
}
}
/****Inverter a ordem da upa1 e upa2 ****/

@media screen and (max-width: 568px){
      .magic_5 .full_section_inner.clearfix{
    display: flex !important;
    flex-direction: column-reverse !important;
}
}
.xazam .full_section_inner.clearfix{
display: flex;
}
.upa1.wpb_column.vc_column_container.vc_col-sm-6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Colocar o texto da coluna upa2 centrado verticalmente*/
.upa2.wpb_column.vc_column_container.vc_col-sm-6 {
    display: flex;
}
.upa2 .vc_column-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*border-radius nos cards*/
.magic_5 .vc_column_container .vc_column-inner {
    border-radius: 20px;
}
/** Border radious na propria foto do dinossauro*/
.imagex img.vc_single_image-img.attachment-medium{
    border-radius: 20px;
}

/* Dar margem, responsive, na segunda coluna na vertical*/
@media screen and (max-width: 768px) {
    .segundacol{
        margin-top: 20px;
    }
}
/**alinhar á esquerda foto do miudo e dino selfie**/
.segundacol .vc_column-inner.vc_custom_1775970698366 {
    background-position-x: left !important;
}
/**************** Colunas divididas em 1/2 + 1/2 ****************/
@media screen and (min-width: 768px){

    .tres_gap.wpb_column.vc_column_container {
    margin-left: -20px;
}
.magic_3 .section_inner_margin.clearfix {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

/* FIRST card = 1/2 */
.magic_3 .vc_column_container:nth-child(1) {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

/* SECOND card = 1/2 */
.magic_3 .vc_column_container:nth-child(2) {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}
}
/*border-radius nos cards*/
.magic_3 .vc_column_container .vc_column-inner {
    border-radius: 20px;
}

/***********/
.imagex {
    margin-left:-15px;
}
/****************************Seccao Contactos**************/

.icon_float_contact {
    display: inline-block;
    float: left;
    width: 80px;
    padding-right: 20px;
}

.contac h5 {
    text-transform: initial;
}
.socialz_align_center{
    text-align: center;
}
.area_contacto_txt {
    min-width: 250px;
}
@media screen and (max-width: 768px){
    .area_contacto_txt{
        text-align: center;
}
    .icon_float_contact{
        display: none;
    }
    .contac{
        margin-top: 20px!important;
    }
}
/****************************pag experiencias**************/
.icon_float {
    display: inline-block;
    float: left;
    width: 80px;
    padding-right: 20px;
}
.vc_row.wpb_row.section.vc_row-fluid.image_sliderr {
    background-position: top !important;
}
@media screen and (max-width: 630px){
    .vc_row.wpb_row.section.vc_row-fluid.image_sliderr.vc_custom_1776799972544.grid_section {
    background-position-x: calc(100% + 153px) !important;
}
}

@media screen and (max-width: 485px){
.vc_row.wpb_row.section.vc_row-fluid.image_sliderr.vc_custom_1776800114101.grid_section {
    background-position-x: calc(100% + 275px) !important;
}
}
/******************************FOOTER***********************/
@media screen and (max-width: 480px){
    div#block-11, div#block-14{
        display: none;
    }
}

/***************************** econder experiencias*********/
div#esconder {
    display: none;
}