/*
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");

/**
 * CONTENTS
 *
 * SETTINGS
 * Global.............. Globally-available variables and config.
 * Headings............ H1–H6 styles.
 * Links............... Link option throughout the site
 * Buttons............. Button settings of the website
 * images.............. global images styling
 *
 * HEADER SETTINGS
 * Top bar........ Top bar section.
 * Navigation..... Better navigation of the website.
 *
 * CONTENT SETTINGS
 * Form............................... Web forms of the website.
 * Specific features and objects...... object and features of elements
 * Specific pages..................... Elements for specific pages and objects
 *
 * FOOTER SETTINGS
 * Footer links........... The main page footer.
 * Footer-text............ The main page footer texts.
 * 
 * MEDIA QUERIES
 * Media queries........... The Media Query
 */

/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/
body {
	--brand-orange: #FF6700;
	--brand-blue: #004E98;
	--brand-drk-gry: #353535;
	--brand-lt-gry: #F6F6F6;
	--brand-lt-blue: #EBF0F6;
	--brand-alt-blue: #3A6EA5;
	--brand-hover-blue: #247ED4;
	--brand-hover-red: #A11500;
}

#back_to_top, #back_to_top.on, #back_to_top.off {
	z-index: 101;
}

body .content .elementor {
	background-image: 
		repeating-linear-gradient(35deg, #F6F6F6 0px, #F6F6F6 2px, transparent 0px, transparent 45px), 
		repeating-linear-gradient(-35deg, #F6F6F6 0px, #F6F6F6 2px, transparent 0px, transparent 45px)
		;
    background-size: 79px;
    background-color: white;
}
	/*------------------------------------*\
	 #TEXT
	\*------------------------------------*/
a:hover, p a:hover {
	color: var(--brand-orange);
}

body p {
	letter-spacing: normal;
	margin-bottom: 0.75em;
}
body .content ul {
    list-style-position: outside;
    padding-left: 20px;
}

p.orangesubhead, h2.orangesubhead, h3.orangesubhead, .orangesubhead,
.orangesubhead h2, .orangesubhead h3 {
	color: var(--brand-orange);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 800;
	line-height: 15px;
}
h3.orangesubhead.px20 {
	font-size: 20px;
	line-height: 1;
}

body .title .subtitle {
	font-weight: bold;
}
	/*------------------------------------*\
	 #HEADING TAGS
	\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.9em;
	letter-spacing: normal;
}

	/*------------------------------------*\
	 #LINKS
	\*------------------------------------*/

body .elementor a {
	text-decoration: underline;
	color: var(--brand-blue);
}
body .elementor a:hover {
	color: var(--brand-hover-red);
}

	/*------------------------------------*\
	 #BUTTONS
	\*------------------------------------*/

body .elementor a.qode-btn {
	text-decoration: none;
}

.alt-btn a.qode-btn.qode-btn-solid,
.sml-btn a.qode-btn.qode-btn-solid {
	color: #fff;
    background-color: var(--brand-blue);
    text-align: center;
}
.sml-btn a.qode-btn.qode-btn-solid {
    font-size: 16px;
	padding: 10px;
}

	/*------------------------------------*\
	 #images
	\*------------------------------------*/

.icon-img img {
	width: 70px;
	height: auto;
}

/*------------------------------------*\
  #HEADER SETTINGS
\*------------------------------------*/
	/*------------------------------------*\
	 #TOP BAR
	\*------------------------------------*/

.header_bottom {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	justify-content: flex-end;
}

header.sticky.sticky_animate {
	z-index: 5;
}

	/*------------------------------------*\
	 #NAVIGATION
	\*------------------------------------*/	
body nav.main_menu {
	position: relative;
	left: 0;
}

body nav.main_menu > ul > li > a {
	font-size: 16px;
	font-weight: 700;
	line-height: 2.5;
}
body nav.main_menu>ul {
	left: 0;
}
body nav li.wide.right_position a {
	background-color: var(--brand-orange);
	color: black;
}
body nav li.wide.right_position a:hover {
	background-color: var(--brand-hover-red);
	color: white;
	opacity: 1 !important;
}

/*------------------------------------*\
  #CONTENT SETTINGS
\*------------------------------------*/
	/*------------------------------------*\
	  #FORM
	\*------------------------------------*/

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
	    background-color: #f6f6f6;
}

body .gform_wrapper input[type=submit],
body .gform_wrapper input[type=button],
body .gform_wrapper input[type=reset] {
	color: #000;
    background-color: var(--brand-orange);
    text-align: center;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
}

body .gform_wrapper input[type=submit]:hover,
body .gform_wrapper input[type=button]:hover,
body .gform_wrapper input[type=reset]:hover {
	background-color: #a11500;
	color: #fff;
}

	/*------------------------------------*\
	 #SPECIFIC FEATURE AND OBJECTS
	\*------------------------------------*/
.blue-bg-row {
	background-color: var(--brand-blue);
}
.blue-bg-row p, .blue-bg-row h2, .blue-bg-row h3 {
	color: white;
}

.lt-gry-bg {
	background-color: var(--brand-lt-gry);
}
.white-bg {
	background-color: white;
	border: 1px solid #E6E6E7;
}

.portfolio_detail .info .elementor {background: white;}

/* Page titles */
body .content .title_outer.with_image {
	position: relative;
	z-index: 1;
}
body .content .title_outer.with_image .title_holder {
	background-image: linear-gradient(90deg, #ffffffcc 35%, transparent);
}
body .content .title_outer.with_image .title .container_inner {
	width: 100%;
    display: flex;
    align-items: center;
}
body .title_outer.with_image .title .title_subtitle_holder {
	padding: 3em 6em 0em;
    width: 40%;
}
body .title .text_above_title {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px;
	font-weight: 700;
}
body .title.title_size_medium h1, body .title h1 {
	font-size: 34px;
	line-height: 1.3;
}
body .title .subtitle {
	font-size: 16px;
	line-height: 1.2;
}

/* Services Grid */
.services-grid {
	background-color: var(--brand-lt-gry);
}
.services-grid .alt-btn {
	margin-top: 2em;
}
body .services-grid .altboxes .img-box,
body .services-grid .altboxes .content-box {
		width: 25%;
	border-color: #E6E6E7;
}
body .services-grid .altboxes .content-box {
	background-color: white;
}

.service-features .elementor-element .feat-col {
	background-color: white;
}

/* Dark BG CTA Row */
.drk-cta {
	background-color: var(--brand-drk-gry);
}
.drk-cta p, .drk-cta h2 {
	color: white;
}

/* Testimonials Row */
.testimonials-row .testimonials_c_holder .testimonial_content_inner {
	background-color: transparent;
}
.testimonials-row .testimonials_c_holder .flex-control-nav {
	margin-top: 0;
}
.testimonials-row .testimonials_c_holder .testimonial_content_inner .testimonial_author {
	display: none;
}
.testimonials-row .testimonials_c_holder p {
	font-style: italic;
}

/* portfolios */
.portfolio_standard .projects_holder article.mix {
	border: 1px solid #E6E6E7;
}
.portfolio_standard .projects_holder article .portfolio_description {
	padding: 20px;
	border-color: #E6E6E7;
}
.projects_holder article .portfolio_description .portfolio_title a {
	color: black;
	font-size: 20px;
}
.projects_holder article .portfolio_description .portfolio_title a:hover {
	color: var(--brand-hover-red);
}
body.single-portfolio_page .portfolio_single .portfolio_container {
	display: flex;
	    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
body.single-portfolio_page .portfolio_single .column1 {display: none;}
body.single-portfolio_page .portfolio_single .column2 {
	width: 70%;
    padding: 0em 2em;
}

/* steps */
.the-steps h3, .the-steps h4 {
	font-family: 'Nunito', sans-serif;
}

/*------------------------------------*\
#SPECIFIC PAGES 
\*------------------------------------*/
	/*------------------------------------*\
	#HOME
	\*------------------------------------*/
.home .hero-banner {
	background: linear-gradient(90deg, #ffffffcc 45%, transparent), url(https://galligrp.dbkdev.com/wp-content/uploads/2025/06/Bridge-Construction_header.jpg);
}
.home .hero-banner p.orangesubhead {
	font-size: 20px;
	line-height: 20px;
}
.home .hero-banner h3 {
	font-size: 20px;
}

.home .alternating-cols.wborder {
	border: 2px solid var(--brand-lt-gry);
}
.home .alternating-cols .e-child.e-flex {
	padding: 3em;
}
.home .alternating-cols .e-child.e-flex:nth-child(even) {
	background-color: #f6f6f6;
}
.home .alternating-cols h3 {
	color: var(--brand-blue);
    font-size: 20px;
}

.home .floating-blue-box p, .home .floating-blue-box h2 {
	color: white;
}
.home .floating-blue-box .alt-btn a {
	border: 2px solid white;
}

	/*------------------------------------*\
	#About
	\*------------------------------------*/

body .ex-tplist h3 a {
	color:black !important;
	font-size: 20px;
	text-decoration: none;
}
body .ex-tplist h3 a:hover {
	text-decoration: none;
}
body .ex-tplist h5,
body .extsc-hidden .exp-modal-info h5 {
	color: var(--brand-orange);
	font-size: 15px;
	text-transform: uppercase;
}
body .extsc-hidden .exp-modal-info .exp-modal-meta .exp-modal-social,
body .extsc-hidden .exp-modal-info h5 span {
	display: none;
}
body .ex-tplist p {
	font-size: 16px;
}
body .extp-mdbutton > div:hover {
	background: var(--brand-drk-gry);
	border-color: var(--brand-drk-gry);
}

body .extsc-hidden-active .extp-mdbutton {
	right: 13%;
    bottom: 4%;
}
body .extp-mdbutton > div {
	background: rgb(0 0 0 / 40%);
}

body .extsc-hidden .exp-modal-info {    padding: 20px 30px 65px 25px;}

	/*------------------------------------*\
	#Portfolio
	\*------------------------------------*/
.projects_holder article .portfolio_description .portfolio_title a {
	text-decoration: none;
}

body .portfolio_single .portfolio_images img {
	width: 48%;
	margin: 0 0 10px;
}

body .portfolio_single {
	display: grid;
}
body.single-portfolio_page .container_inner {
	padding-top: 0em !important;
}
body .portfolio_single .portfolio_container {
	    order: 2;
    padding-bottom: 3em;
}
body .portfolio_single .portfolio-navigation {
	    order: 1;
    padding: 0 0 2em 0;
}
body .portfolio_navigation .portfolio_next a,
body .portfolio_navigation .portfolio_prev a {
	    color: var(--brand-blue);
    border-color: var(--brand-blue);
}
body .portfolio_navigation .portfolio_button a {
	filter: brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(2835%) hue-rotate(197deg) brightness(96%) contrast(101%);
}

/*------------------------------------*\
  #FOOTER SETTINGS
\*------------------------------------*/

body .footer_bottom_holder{
	padding-top: 1em;
	padding-bottom: 1em;
}

	/*------------------------------------*\
	#FOOTER LINKS
	\*------------------------------------*/
	/*------------------------------------*\
	#FOOTER TEXT
	\*------------------------------------*/


/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
	/*------------------------------------*\
	 #Large devices (Laptops, Desktops)
	@media (min-width: 1025px) and (max-width: 1280px)  {...} 
	\*------------------------------------*/

@media screen and (max-width: 1180px){
	.home .alternating-cols .e-child.e-flex {
    	padding: 1em;
	}
	body .qode_elementor_container_no.e-con.elementor-element.intro {
		padding-left: 5em;
		padding-right: 5em
	}
}

	/*------------------------------------*\
	 #Medium devices (Tablets, Ipads (landscape))
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){...} 
	\*------------------------------------*/

@media screen and (max-width: 1024px){
	body .content .title_outer.with_image {
		padding-top: 2em;
	}
	body .content .title_outer.with_image .title_holder {
		background-image: linear-gradient(90deg, #ffffffcc, #ffffffcc);
	}
	body .title_outer.with_image .title .title_subtitle_holder {
		padding: 2em 4em 2em !important;
		width: 100%;
	}
	
	.tab-hide {display: none !important;}
	
	body .elementor-widget-container,
	body .portfolio-row {
		margin-top: 0 !important;
	}
	body .services-grid .altboxes {
		flex-direction: row;
		flex-wrap: wrap;
		padding-top: 0;
	}
	body .services-grid .altboxes .img-box,
	body .services-grid .altboxes .content-box {
		width: 48%;
		padding: 1em;
		margin-bottom: 0;
	}
	body .services-grid .altboxes .tab1 {order: 1;}
	body .services-grid .altboxes .tab2 {order: 2;}
	body .services-grid .altboxes .tab3 {order: 3;}
	body .services-grid .altboxes .tab4 {order: 4;}
	
	.the-steps .steps-row {
		flex-wrap: wrap;
		justify-content: center;
	}
	.the-steps .steps-row .e-child {width: 30%;}
	
	.home .whychoose {padding: 0 !important;}
	.home .whychoose .qode_elementor_container_inner.holding {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
	body .testimonials-row.blue-bg-row {
		padding-left: 0em;
		padding-right: 0em;
	}
	.the-steps .steps-row .e-child {
        width: 48%;
    }
	
	.boxedcols {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}
	.boxedcols .e-child {
		width: 48%;
	}
	
}

@media screen and (min-width: 1000px){
	body .content .container .container_inner.default_template_holder,
	body .content .container .container_inner.page_container_inner {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1000px){
	header .q_logo a {
		left: 0;
	}
	header .header_inner_left {
		display: flex;
    	flex-direction: row;
    	flex-wrap: nowrap;
    	justify-content: flex-start;
    	width: 100%;
	}
	header .logo_wrapper, header .mobile_menu_button {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	header .logo_wrapper {
		left: 0;
	}
	header .mobile_menu_button {
		left: 83%;
		position:relative;
	}
	header .mobile_menu_button i.fa {
		font-size: 20px;
    	color: black;
	}
	header nav.mobile_menu {
		top: 5.5em;
    	position: fixed;
		left: 0;
	}
	
	body .content .title_outer.with_image {
		padding-top: 0;
	}
	
	body .service-features.e-flex .elementor-element {flex-direction: column;}
	
}

@media screen and (max-width: 965px){
	.home .alternating-cols .e-con-inner {
		flex-direction: column !important;
	}
	body .qode_elementor_container_no.e-con.elementor-element.intro {
		padding-left: 0;
		padding-right: 0;
	}
}

	/*------------------------------------*\
	 #Small devices (Low Resolution Tablets, Mobiles (Landscape))
	 B/w 481px to 767px
	@media (min-width: 481px) and (max-width: 767px){...} 
	\*------------------------------------*/

@media screen and (max-width: 768px){
	body .q_logo a {
		left: 0;
	}
	
	.home .hero-banner {
		padding: 3em;
		background-position: center !important;
		background: linear-gradient(90deg, #ffffffcc, #ffffffcc), url(https://galligrp.dbkdev.com/wp-content/uploads/2025/06/Engineering-Contractors-shaking-hands.jpg);
	}
	.home .hero-banner .e-child {
		width: 90%;
	}
	
	
	.page-id-15896 .imgcol {
		padding: 25vw;
	}
	.page-id-15896 .elementor-element.e-con.e-flex .e-con-inner {
		flex-direction: column;
	}
	.page-id-15997 .elementor-element.e-con.e-flex .e-con-inner {
		flex-direction: column-reverse;
	}
	.page-id-15997 .elementor-element.e-con.e-flex .e-con-inner .e-child,
	.page-id-15896 .elementor-element.e-con.e-flex .e-con-inner .e-child{
		width: 100%;
	}
}

@media screen and (max-width: 600px){
	header .mobile_menu_button {left: 88%;}
	
	.home .hero-banner { padding: 2em; }
	.home .hero-banner .e-child{
		width: 100%;
	}
	
	.the-steps .steps-row .e-child,
	body .services-grid .altboxes .img-box,
	body .services-grid .altboxes .content-box {
		width: 100%;
	}
	body .services-grid .altboxes .img-box {
		padding: 25vh;
	}
	body .services-grid .altboxes .mob1 {order: 1;}
	body .services-grid .altboxes .mob2 {order: 2;}
	body .services-grid .altboxes .mob3 {order: 3;}
	body .services-grid .altboxes .mob4 {order: 4;}
	body .services-grid .altboxes .elementor-element.elementor-widget-text-editor {
		width: 100%;
	}
}

    /*------------------------------------*\
	 #Extra small devices (Most of the Smartphones Mobiles (Portrait))
	@media only screen and (max-width: 480px) {
	\*------------------------------------*/