/*
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
*/

/***************************/
/*						   */
/* These are common CSS    */
/* Styles and Breakpoints  */
/* used by SGD Development */
/*						   */
/***************************/

/*
	Colors:
	
	Primary Red #B5122B
	Menu Red    #C8102E
	Dark Navy	#18212F
	Charcoal	#252A31
	Light Gray	#F7F8FA
	White		#FFFFFF
	Gold Accent	#C89B3C
	
*/

a {
	transition: all .3s ease;
}

a:hover {
	text-decoration: none;
	color: #C8102E;
}

.h2, .h3,
h2, h3 {
	text-transform: none;
}

.caps {
	text-transform: uppercase;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.ctr {
	float: none;
	margin: 0 auto;
}

.txtCenter {
	text-align: center;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.txtIt {
	font-style: italic;
}

.bold {
	font-weight: 700;
}

.underline {
	text-decoration: underline;
}

.txtWhite {
	color: #fff;
}

.noGutter {
	padding-left: 0;
	padding-right: 0;
}

.noBuffer {
	margin-right: 0;
	margin-left: 0;
}

::-webkit-input-placeholder {
	color: !important;
}

:-moz-placeholder{
	color: !important;
}

::-moz-placeholder{
	color: !important;
}

:-ms-input-placeholder {
	color: !important;
}

.pageTitle {
	font-size: 32px;
	line-height: 45px;
	padding-top: 50px;
	max-width: 300px;
	margin: auto;
}

.secTitle {
	font-size: 28px;
	line-height: 40px;
	padding-bottom: 15px;
	letter-spacing: 1px;
}

.subText,
.cover_boxes .box_content h3 {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
}

.pgCont, .pageContent, .bodyText,
.cover_boxes .box_content p {
	font-size: 16px;
	line-height: 30px;
}

.pageContent a {
	transition: all .3s ease;
}

.smallText {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}

.rowPad {
	padding-top: 25px;
	padding-bottom: 25px;
}

.firstRow {
	padding-top: 50px;
}

.lastRow {
	padding-bottom: 75px;
}

.textRed.caps {
	padding-bottom: 0px;
}

table th,
table td {
	text-align: left;
}

table td.pageContent {
	padding-bottom: 5px
}

/* Text Colors */

.textWhite {
	color: #fff;
}

.textRed {
	color: #C8102E;
}

/* Buttons */

.btnWrap {
	line-height: 62px;
}

.btnWrap.btnCtr {
	text-align: center;
}

.btnWrap.btnRight {
	text-align: right;
}

.btnWrap .btn {
	vertical-align: middle;
}

.btn {
	transition: all .3s ease!important;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 15px 25px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 3px;
	border: 2px solid;
	margin: 0 25px;
}

.btnBlue {
	background-color: ;
	border-color: ;
	color: ;
}

.btnBlue:hover {
	background-color: ;
	border-color: ;
	color: ;
}

.btnLtBlue {
	background-color: ;
	border-color: ;
	color: ;
}

.btnLtBlue:hover {
	background-color: ;
	border-color: ;
	color: ;
}

.btnWhite {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}

.btnWhite:hover {
	color: #fff;
	background-color: #252A31;
	border-color: #252A31;
}


/* Nav Menu Styles */

.q_logo .normal {
	height: 90%!important;
	padding-top: 5px;
}

.header_top .header-left-widget span,
.header_top .header-right-widget span {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 400;
}

.headerTopLocation {
	padding-left: 50px;
}

.headerTopEmergency {
	padding-right: 25px;
}

.headerTopPhone {
	padding-right: 50px;
}

.headerTopPhone i,
.headerTopPhone a {
	transition: all .3s ease;
}

.headerTopPhone:hover i,
.headerTopPhone:hover a {
	color: #252A31;
}

#menu-header-menu li.active a {
	color: #fff;
}

#menu-header-menu .second li.current_page_item a {
	color: #c8102e;
}

/* Home Page Styles */

.foldIconRow .icon_title {
	font-size: 26px;
	line-height: 42px;
	font-weight: 400;
}

.foldIconRow {
	padding: 10px 0;
}

.foldIconRow .vc_column_container {
	padding-top: 20px;
}

.foldIconRow .vc_column_container:nth-child(2),
.foldIconRow .vc_column_container:nth-child(3) {
	border-left: 1px solid #F7F8FA;
	border-right: 1px solid #F7F8FA;
}

.foldIconRow .icon_holder {
	padding-top: 20px;
}

.foldIconRow p {
	margin-top: 0px!important;
}

.serviceTile .subText,
.serviceTile .pageContent {
	transition: all .3s ease;
}

.serviceTile a:hover {
	color: #B5122B!important;
}

#homeServices .tileRow .wpb_column {
	padding-bottom: 25px;
}

.serviceTile {
	border: 2px solid #252A31;
	border-radius: 15px;
	padding: 25px;
	transition: all .3s ease;
}

.serviceTile .pageContent {
	padding-bottom: 0px;
}

/*

#homeServices .serviceTile:hover {
	background-color: #252A31;
}

#homeServices .serviceTile:hover .subText {
	color: #B5122B;
}

#homeServices .serviceTile:hover .pageContent {
	color: #fff;
}

*/

.serviceTile:hover {
	border: 2px solid #B5122B;
	border-radius: 0;
}

.serviceTile:hover .subText {
	color: #B5122B;
}


/* Services Pages */

.foldIconRow.serviceFold {
	padding: 10px 0;
}

.foldIconRow.serviceFold .vc_column_container {
	padding-top: 20px;
}

.foldIconRow.serviceFold .vc_column_container:nth-child(2),
.foldIconRow.serviceFold .vc_column_container:nth-child(3) {
	border-left: 1px solid #F7F8FA;
	border-right: 1px solid #F7F8FA;
}

.foldIconRow.serviceFold .icon_holder {
	padding-top: 20px;
}

.foldIconRow.serviceFold .icon_title {
	font-size: 26px;
	line-height: 42px;
	font-weight: 400;
}

.serviceTabsColumn .qode-advanced-tabs-nav {
	border: 2px solid #B5122B;
	border-radius: 20px;
}

.serviceTabsColumn .qode-advanced-tabs-nav .ui-tabs-tab:nth-child(2) {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
} 

.page-id-21 .serviceTabsColumn .qode-advanced-tabs-nav .ui-tabs-tab:nth-child(3),
.page-id-17 .serviceTabsColumn .qode-advanced-tabs-nav .ui-tabs-tab:nth-child(3) {
border-right: 1px solid #fff;
}

ul.serviceList.check {
	list-style: none;
	  padding: 0;
}

ul.serviceList.check li.listItem {
	position: relative;
	padding-left: 1.5em; /* Creates space for the checkmark */
	margin-bottom: 0.5em;
	padding-bottom: 5px;
}

ul.serviceList.check li.listItem:before {
	content: "\2713"; /* Unicode character for a checkmark */
	position: absolute;
	left: 0;
	color: #C8102E;
	font-weight: bold;
}

.cover_boxes {
	padding-bottom: 20px;
}

.ctaRow .btnWrap {
	padding-top: 25px;
}

.locationsColumn .textRed {
	padding-bottom: 15px;
}

.q_icon_list .qode-ili-icon-holder, .q_icon_list i {
	background-color: transparent;
	color: #C8102E;
}

.q_accordion_holder.accordion h4.ui-accordion-header {
	border: 2px solid #C8102E;
	transition: all .3s ease;
	background-color: #fff;
	border-radius: 10px;
	 
}

.q_accordion_holder.accordion h4.ui-accordion-header .accordion_mark {
	background-color: transparent;
}

.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark {
	background-color: transparent;
}

.q_accordion_holder.accordion h4.ui-accordion-header .accordion_mark .accordion_mark_icon {
	background-image: none;
	content: "\2303";
	color: #C8102E;
}

.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li:not(.ui-state-active).ui-state-hover a:after {
	opacity: 0!important;
}

/* About Page Styles */

.aboutTeamRow .teamCol {
	padding-bottom: 50px;
}

.aboutTeamRow .pageContent {
	padding-bottom: 0px;
}

.aboutTeamRow .techName {
	padding-top: 15px;
}

.bioList {
	margin-left: 20px;
}

.bioList .listItem {
	list-style-position: outside; 
}



/*
.bioList .listItem::before {
	content: "\1F525"; //Unicode for fire emoji
}
*/

.bioList .listItem::marker {
	color: #C8102E;
}

.bioList .listItem.pageContent {
	padding-bottom: 5px;
}

.teamCol .qode-accordion-holder {
	padding-top: 25px;
}

.teamCol .ui-accordion-header {
	border: 2px solid #C8102E!important;
}


/* Contact Page */

.pageContent.contactInfo {
	padding-bottom: 0px;
}

.pageContent.contactInfo a {
	color: #C8102E;
}

.pageContent.contactInfo a:hover {
	color: #252a31;
}

#wpcf7-f37-p23-o1 input.wpcf7-form-control.wpcf7-date, 
#wpcf7-f37-p23-o1 input.wpcf7-form-control.wpcf7-number, 
#wpcf7-f37-p23-o1 input.wpcf7-form-control.wpcf7-quiz, 
#wpcf7-f37-p23-o1 input.wpcf7-form-control.wpcf7-text,
#wpcf7-f37-p23-o1 select.wpcf7-form-control.wpcf7-select, 
#wpcf7-f37-p23-o1 textarea.wpcf7-form-control.wpcf7-textarea {
	border-bottom: 2px solid #252A31;
}

/* Footer */

.contentBottomArea {
	padding: 75px;
}

.contentBottomArea .pageContent {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.footTitle {
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #C8102E;
}

.footContent {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
}

.footer_top .footContent a {
	
}

.footLink {
	color: #5e5e5e;
}

.footer_top .q_social_icon_holder.normal_social {
	padding-top: 15px;
}

/* Media Queries */

/* Custom, iPhone Retina Styles */

@media only screen
and (min-width: 300px) {
	
}

/* Mobile Styles (XS) */

@media only screen
and (min-width: 480px) {
	
}

/* Mobile Landscape Styles */

@media only screen
and (min-width: 480px)
and (orientation: landscape) {
	
}

/* Tablet Styles (SM) */

@media only screen
and (min-width: 768px) {
	
	/* General Styles */
	
	.pageTitle {
		padding: 75px 0 0;
		max-width: 500px;
	}
	
	.subText,
	.cover_boxes .box_content h3 {
		font-size: 22px;
		line-height: 30px;
	}
	
	.rowPad {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.firstRow {
		padding-top: 75px;
	}
	
	.lastRow {
		padding-bottom: 100px;
	}

	/* Home Page Styles */




}

/* Tablet Portrait Styles */

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/* Tablet Landscape Styles */

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {

}

/* Smaller Laptop Styles (MD) */

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

	/* General Styles */
	
	.pageTitle {
		font-size: 55px;
		font-weight: 700;
		line-height: 65px;
		letter-spacing: 4px;
		padding-top: 225px;
		max-width: 1000px;
	}
	
	.secTitle {
		font-size: 35px;
		font-weight: 400;
		line-height: 45px;
		padding-bottom: 10px;
	}
	
	.subText {
		font-size: 24px;
		line-height: 35px;
	}
	
	.cover_boxes .box_content h3 {
		font-size: 24px;
		line-height: 35px;
		padding-top: 15px;
	}
	
	.pgCont, .pageContent, .bodyText,
	.cover_boxes .box_content p {
		font-size: 18px;
		line-height: 30px;
	}
	
	.smallText {
		font-size: 14px;
	}
	
	.lastRow {
		padding-bottom: 125px;
	}
	
	/* Home Page Styles */




}

/* Laptop Styles (LG) */

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

	/* General Styles */
	
	.pageTitle {
		font-size: 60px;
		line-height: 65px;
		letter-spacing: 4px;
		max-width: 1100px;
	}
	
	.subText,
	.cover_boxes .box_content h3 {
		letter-spacing: 2px;
	}
	
	.pgCont, .pageContent, .bodyText,
	.cover_boxes .box_content p {
		padding-bottom: 25px;
	}
	
	.lastRow {
		padding-bottom: 125px;
	}
	
	/* Home Page Styles */

	#homeServices .serviceTile.askTile {
		padding: 95px 25px;
	}


}


/* Big Screen Stytles (XL) */

@media only screen
and (min-width: 1500px ) {
	
}




/* Big Screen Stytles (XXL) */

@media only screen
and (min-width: 1800px ) {
	
}





