/*
Theme Name:    Bridge Child
Theme URI:     http://demo.qodeinteractive.com/bridge/
Description:   Bridge Theme
Author:        MC DEV
Author URI:    http://www.merchantcantos.com
Template:      bridge
Version:       1.0.0
License:       GNU General Public License
License URI:   licence/GPL.txt
Tags:          creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Text Domain:   bridge-child

*/
/******************************** GLOBAL CSS ********************************/
/*tab focus*/
a:focus:not(:active) {
    outline: 1px dotted #b8b8b8;
    outline-offset: 3px;
}

/*highlight colour*/
*::selection {
    background: #737373 !important;
    color: #ffffff !important;
}

::-moz-selection {
    background: #737373 !important;
    color: #ffffff !important;
}

.white {
    color: #FFF !important;
}

/* THEME */
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text {
    text-align: center;
}

div.wpcf7 img.ajax-loader {
    display: block;
    margin: 0 auto;
}

.q_font_awsome_icon_square:hover {
    border-color: #4d6aec !important;
}

.touch .projects_holder article span.text_holder {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: hidden !important;
}

.touch .projects_holder article .image_holder:hover span.text_holder {
    visibility: visible !important;
}

/* TYPOGRAPHY */
p {
    text-align: left;
}

.fa.fa-download {
    font-size: 26px;
    color: white;
    background: #c2181b;
    padding: 16px;
}

.fa.fa-download:active,
.fa.fa-download:hover {
    color: white;
    background: #c2181b;
}

h2 {
    text-align: center;
    margin-bottom: 20px !important;
}

h2:after {
    display: block;
    content: " ";
    height: 30px;
    background-image: url('images/separator.png') !important;
    background-repeat: no-repeat;
    background-position: center;
}

h3 {
    font-style: normal;
    font-size: 26px;
    margin-bottom: 20px !important;
    font-weight: 600;
    text-transform: none;
}

.qbutton {
    text-align: center;
    margin: 20px auto 0 !important;
    display: block;
    width: auto !important;
    max-width: 100px;
}

/* HEADER */
@media (-ms-high-contrast:none), (-ms-high-contrast:active) {
    #menu-left-menu li.menu-item a.current > span,
    #menu-left-menu li.menu-item a.active > span,
    #menu-left-menu li.menu-item a:hover > span,
    #menu-left-menu li.menu-item a:active > span,
    #menu-right-menu li.menu-item a.current > span,
    #menu-right-menu li.menu-item a.active > span,
    #menu-right-menu li.menu-item a:hover > span,
    #menu-right-menu li.menu-item a:active > span{
        text-decoration:underline !important;
    }
    #menu-left-menu li.menu-item a.current > span .underline_dash,
    #menu-left-menu li.menu-item a.active > span .underline_dash,
    #menu-left-menu li.menu-item a:hover > span .underline_dash,
    #menu-left-menu li.menu-item a:active > span .underline_dash,
    #menu-right-menu li.menu-item a.current > span .underline_dash,
    #menu-right-menu li.menu-item a.active > span .underline_dash,
    #menu-right-menu li.menu-item a:hover > span .underline_dash,
    #menu-right-menu li.menu-item a:active > span .underline_dash{
        display: none !important;
    }
}
.q_logo img.light,
.q_logo img.dark,
.q_logo img.sticky {
    display: none;
}

@media (min-width:1001px) and (max-width: 1300px){
    .q_logo a{
        height:100px !important;
    }
    .q_logo a img {
        margin: -50px auto 0 !important;
        position: static;
        top:0 !important;
    }
}
@media (max-width: 1100px){
    .q_logo a{
        height:85px !important;
    }
}
.header_inner_left .logo_wrapper{
    width: 323px !important;
    overflow: visible !important;
}


.header_bottom {
    padding-top: 10px;
    margin-bottom: 20px;
}
header:not(.sticky) .main_menu.left_side,
header:not(.sticky) .main_menu.right_side {
    width: 47% !important;
}

body:not(.home) .main_menu.left_side,
body:not(.home) .main_menu.right_side {
    visibility: hidden !important;
}


@media (max-width: 1300px) {
    header:not(.sticky) .main_menu.left_side,
    header:not(.sticky) .main_menu.right_side {
        width: 51% !important;
    }
}
nav.main_menu > ul > li > a{
    padding-left:20px !important;
    padding-right:20px !important;
}
@media (max-width: 1400px){
    header:not(.sticky) nav.main_menu > ul > li > a{
        font-size:15px !important;
    }

}
@media (max-width: 1300px){
    header:not(.sticky) nav.main_menu > ul > li > a{
        padding-left:10px !important;
        padding-right:10px !important;
    }
    header:not(.sticky) nav.main_menu > ul > li > a{
        font-size:14px !important;
    }
}
@media (max-width: 1030px){
    header:not(.sticky) nav.main_menu > ul > li > a{
        font-size:13px !important;
    }
}

    /* Media contacts  */
#media-contacts .vc_col-sm-6 {
    margin-top: 1em;
}

/* Tab container */
.q_tabs.horizontal .tabs-container {
    padding-top: 20px;
}

.tabs-nav{
    width:100%;
}
.tabs-nav li{
    margin-right:50px !important;
    width:auto;
}
.q_tabs .tabs-nav li a {
    font-family: arial, sans-serif;
    text-transform: none;
    text-decoration: none;
    font-size: 32px;
    margin-right: 30px;
    color: #bbbbbb;
}

@media (max-width: 600px ) {
    .tabs-nav li{
        margin-right:0 !important;
        width:50%;
    }
    .q_tabs .tabs-nav li a {
        font-size: 28px;
    }
}

@media (max-width: 500px ) {
    .q_tabs .tabs-nav li a {
        font-size: 20px;
    }
}

@media (max-width: 400px ) {
    .q_tabs .tabs-nav li a {
        font-size: 18px;
    }
}
@media (max-width: 300px ) {
    .q_tabs .tabs-nav li a {
        font-size: 16px;
    }
}

.q_tabs .tabs-nav li.active a,
.q_tabs .tabs-nav li a:hover,
.q_tabs .tabs-nav li a:active {
    color: #c2181b !important;
    text-decoration: none;
}

.q_tabs .q_icon_with_title.small .icon_text_holder {
    padding-left: 70px !important;
    overflow: hidden;
}

.q_tabs .q_icon_with_title.small .icon_text_holder a {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-top: 10em;
    margin-top: -10em;
    width:100%;
}

.q_tabs .q_icon_with_title.small:hover .icon_text_holder h4,
.q_tabs .q_icon_with_title.small:hover .icon_text_holder a {
    color: #c2181b !important;
    text-decoration: underline !important;
}

@media (max-width: 600px) {
    .q_tabs .q_icon_with_title.small .icon_text_holder a {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .q_tabs .q_icon_with_title.small .icon_text_holder a {
        font-size: 16px;
    }
}

.q_tabs a.icon_with_title_link {
    margin-top: 0;
    color: #000;
    text-decoration: none;
}

/* global cinema properties */

#global-cinema .q_icon_with_title.normal_icon.right {
    margin-left: 40px;
    margin-right: 40px;
}

#global-cinema .icon_holder {
    position: absolute;
    float: none;
    right: -22px;
    top: 50%;
    margin-top: -14px;
    vertical-align: bottom;
}

#global-cinema .icon_holder i {
    font-size: 20px !important;
}

#global-cinema .icon_text_holder a {
    text-decoration: none;
}

#global-cinema .icon_text_holder {
    float: none;
    color: rgb(195, 20, 17);
    text-align: center;
    font-size: 30px;
    text-decoration: none !important;
    margin-right: 10px;
}

@media (max-width: 769px) {
    #global-cinema .icon_text_holder {
        font-size: 20px !important;
    }
}

@media (max-width: 640px) {
    #global-cinema .icon_text_holder {
        font-size: 20px !important;
    }
}

/* sections */
.vc_row.wpb_row.section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.vc_row.wpb_row.section .vc_row.wpb_row.section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.content {
    margin-top: 0 !important;
}

.grey-section {
    background: #f4f5f9;
}

/* Footer  */
#menu-footer-legal li {
    display: inline-block;
    width: auto !important;
    float: left;
}

#menu-footer-legal li:not(:first-child):before {
    padding-left: 20px;
    padding-right: 20px;
    content: "|";
    display: inline
}

#menu-footer-legal li a {
    display: inline
}

footer a {
    text-decoration: none !important;
}